@extends('layouts.main')
@section('title',trans('core.title_corporate_reset_expired_password'))
@section('content')
<div class="container">
    <div class="row justify-content-center pt-5">
        <div class="col-xl-5 col-12">
            <div class="text-center pb-5">
                <a href="{{ secure_url('/') }}"><img class="img-responsive" width="50%" src="{{secure_asset('assets/images/hiremee-logo.png')}}" alt="HireMee logo"></a>
            </div>
            <div class="card borderless-card">
                <form class="form-horizontal" role="form" method="POST" id="college_rst_expired_pwd_form" name="college_rst_expired_pwd_form" onsubmit="return validateForm()" action="{{ url('/college/change/expired/password')}}">
                {{ csrf_field() }}
                <div class="card-block z-depth-5">
                    <div class="row p-15">
                        <div class="col-xl-12">
                            <h4 class="f-20 g-l-b">Reset Password</h4>                            
                        </div>
                    </div>
                    @if(Session::has('warningMsg'))
                      <div class="alert alert-warning alertblocks">
                      <button type="button" class="close closeFlash" data-dismiss="alert">×</button>
                      {{ Session::get('warningMsg') }}
                      </div>
                    @endif
                     @if(Session::has('dangerMsg'))
                      <div class="alert alert-danger alertblocks">
                      <button type="button" class="close closeFlash" data-dismiss="alert">×</button>
                      {{ Session::get('dangerMsg') }}
                      </div>
                    @endif
                    @if(Session::get('token-error'))
                        <div class="alert alert-danger alertblocks">
                        <button type="button" class="close closeFlash" data-dismiss="alert">×</button>
                        {{ Session::get('token-error') }}
                      </div>
                    @endif
                    <div class="row p-15">
                        <div class="col-xl-612 col-md-12 col-sm-12 col-12">
                            <div class="row">
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-closed-lock"></i> <sup class="mandatory">*</sup></span>
                                        <input type="password" id="newPassword" name="newPassword" class="form-control" placeholder="New Password" required="" pattern='^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,16}$' title="A password must have special symbols, numeric, upper and lower characters. min-8">
                                        <span class="input-group-addon" id="new_password_view"><i class='fa fa-eye'> </i></span>
                                    </div>
                                    <span class="error_Pwd newPassword" style="color: red"></span>
                                </div>
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-closed-lock"></i> <sup class="mandatory">*</sup></span>
                                       <input type="password" id="confirmPassword" name="confirmPassword" class="form-control" placeholder="Confirm Password" required="">
                                       <span class="input-group-addon" id="cnfm_password_view"><i class='fa fa-eye'> </i></span>
                                    </div>
                                    <span class="error_Pwd confirmPassword" style="color: red"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row p-15 p-b-10 justify-content-center">
                        <div class="col-sm-6 col-12">
                            <button type="submit" class="btn btn-primary btn-block waves-effect" id="college-password-reset-submit" >Submit</button>
                        </div>
                   </div>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>
@include("corporate.corporate-nonauth-modals") 
@endsection
@section('footer')
<script type="text/javascript">
  function validateForm(){
    $('#college-password-reset-submit').text('Processing...').prop('disabled',true);
    $('.error_Pwd').text('');
    var newPwdValue = $("#newPassword").val();
    var confirmPwdValue = $("#confirmPassword").val();
    var result = true;

    if (confirmPwdValue != null || confirmPwdValue != "") {
      if(newPwdValue != confirmPwdValue) {
      $('.confirmPassword').text("New Password , Confirm password mismatch");
      result = false;
      }
    }

    if(result == false){
        $('#college-password-reset-submit').text('Submit').prop('disabled',false);
    }
    return result;
  }

  function checkPassword(passVal){   
    var paswd=  /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,16}$/;  
    if(passVal.match(paswd))   
      return true;  
    return false;  
  }

  $('.reset-clear').click(function(){
    $('#error_Pwd').text('');
  });
</script>
<script type="text/javascript">
  $(document).ready(function() {
    $('.closeFlash').on('click', function(){
      $(".alertblocks").fadeTo(0, 500).slideUp(500, function(){$(".alertblocks").slideUp(500);});

    });
  });
</script>
@endsection