@extends('layouts.home')
@section('title','Forgot Password')
@section('content')
<div class="container">
  <div class="row mt-8 justify-content-center pt-5">
    <div class="col-xl-6 col-12">
      <div class="text-center pb-5">
      <a href="{{ secure_asset('/') }}"><img class="img-responsive" width="33%" src="{{ secure_asset('assets/images/HireMee.png') }}"></a>
    </div>
       <div class="card borderless-card">
        <div class="card-block z-depth-5">
        <div class="row">
                          <div class="col-md-6 m-b-20 text-right">
                           <div class="form-radio">
                        <div class="radio radiofill radio-primary radio-inline">
                        <label>
                        <input name="verification"  data-bv-field="member" type="radio"  id="email_address_verify"   value="email_address_verify" checked>
                        <i class="helper"></i>Email Verification
                        </label>
                        </div>
                        </div>
                        </div>
                         <div class="col-md-6 m-b-20">
                          <div class="form-radio">
                         <div class="radio radiofill radio-primary radio-inline">
                        <label>
                        <input name="verification"  data-bv-field="member" type="radio" id="mobile_verify"   value="mobile_verify">
                        <i class="helper"></i>Mobile Verification
                        </label>
                        </div>
                      </div>
          </div>
          </div>
  
           <!--new-->

            <div class="col-md-12 p-t-10 p-b-30">
              <div class="email_verification" >
              <form name="forgotpassword_candidate" id="forgotpassword_candidate">
               <div class="row ">
                  <div class="col-sm-12 col-lg-12">
                     <div class="b-l-g">
                        <h4 class="f-w-100 m-b-30 g-l-b">Forgot Password?</h4>
                     </div>
                     <div class="input-group input-group-primary2">
                       <span class="input-group-addon" id="basic-addon1"><i class="hiremee-close-envelope"></i> <sup class="mandatory">*</sup></span>
                                <input class="form-control " placeholder="Email ID" name="email" id="email" type="text">
                                  <span id="email-error"></span>
                     </div>
                  </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"><span class="f-12">CAPTCHA</span> <sup class="mandatory-captcha">*</sup></span>
                     <img src="" alt="" class='re-captcha' />
                     {!! Form::text('v_captcha','',array('class'=>'b-l-fff form-control','maxlength'=>3,'id'=>'v_captcha')) !!}
                     <span id="v_captcha-error"></span>
                    <span class="input-group-addon captcha-refresh" id="basic-addon1"><span class="hiremee-refresh captcha-refresh"></span></span>
                    <input type="hidden" value="{{ url('captcha') }}" class="check-captcha" />
                  </div>
                </div>
               </div>
               <div class="row m-t-20  p-r-20 text-left">
                  <div class="col-sm-5">
                     <button type="submit" class="btn btn-primary btn-block waves-effect" id="forgot-password">Generate Link</button>
                  </div>
                  <div class="col-md-7 text-left p-t-0 p-b-0">
                     <p class="f-14 l-h-18">Back to <a class="f-14" href="{{ secure_url('candidate/login') }}"><span class="badge badge-pills badge-info f-12">Login</span></a> <br>
                        OR Create <a class="f-14" href="{{ secure_url('candidate/register') }}">New User</a>
                     </p>
                  </div>
               </div>
                </form>
               </div>





          <div class="mobile_verification" style="display: none">
              <form class="form-horizontal" id="forgotpassword_candidate_mobile">
               <div class="row">
                  <div class="col-sm-12 col-lg-12">
                     <div class="b-l-g">
                        <h4 class="f-w-100 m-b-30 g-l-b">Forgot Password?</h4>
                     </div>
                     <div class="input-group input-group-primary2">
                       <span class="input-group-addon" id="basic-addon1"><i class="hiremee-call-answer"></i> <sup class="mandatory">*</sup></span>
              <input class="form-control" type="text" name="mobile" id="mobile" placeholder="Mobile No." >
                      <span class="mobile-error"></span>
                     </div>
                  </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"><span class="f-12">CAPTCHA</span> <sup class="mandatory-captcha">*</sup></span>
                     <img src="" alt="" class='re-captcha' />
                     {!! Form::text('v_captcha','',array('class'=>'b-l-fff form-control','maxlength'=>3,'id'=>'v_captcha')) !!}
                       <span class="v_captcha-error"></span>
                    <span class="input-group-addon captcha-refresh" id="basic-addon1"><span class="hiremee-refresh captcha-refresh"></span></span>
                    <input type="hidden" value="{{ url('captcha') }}" class="check-captcha" />
                  </div>
                </div>
               </div>
               <div class="row m-t-20  p-r-20 text-left">
                  <div class="col-sm-5">
                <button type="submit"  id="candidate_forgot_password" class="btn btn-primary btn-block waves-effect">Generate OTP</button>
                  </div>
                  <div class="col-md-7 text-left p-t-0 p-b-0">
                     <p class="f-14 l-h-18">Back to <a class="badge badge-pills badge-info f-12" href="{{ secure_url('candidate/login') }}">Login</a> <br>
                        OR Create <a class="f-14" href="{{ secure_url('candidate/register') }}">New User</a>
                     </p>
                  </div>
               </div>
                   </form>
               </div>

               <div class="mobile_verification_otp" style="display: none">
                  {{ Form::open(array('url'=>'','method'=>'POST','id'=>'OTPForm_fp','class'=>'')) }}
                  <div class="row">
                   <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                            <div class="row">
                                <div class="col-sm-12 text-center form-group col-lg-12">
                                    <img src="{{secure_url('assets/images/regMobile.png')}}">
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                                          <span id="success-message"></span>

                            <div class="row">
                                
                                <div class="col-sm-12 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>
                        {{ Form::text('otp','',array('id'=>'js-OTP-modal','name'=>'jsOTP','class'=>'form-control','placeholder'=>'Enter the OTP','autocomplete'=>'off')) }}
                                        
                                        
                                    </div>
                                    {{ Form::hidden('hmobile_number','',array('id'=>'js-hmobile_number','placeholder'=>'mobile')) }}
                                        {{ Form::hidden('register_id','',array('id'=>'js-register_id','placeholder'=>'registerid')) }}
                                    
                                </div>
                         

                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="media">
                                        <p class="p-t-5"><i class="icofont round-info f-16 icofont-info"></i></p>
                                        <div class="media-body m-l-10">
                                            <p class="text-info l-h-16 f-11">Do not press refresh OR back button <br> The OTP code will be valid only for 3 minutes</p>
                                            
                                          <h5 class="text-danger p-b-15 f-w-400 f-18"><i class="hiremee-clock p-t-5"> </i><span id="timelimit1" ></span></h5>

                                           
                                             <span id="otpre-error"></span>

                                        </div>

                                    </div>
                                          <div class="row p-t-30 justify-content-center">
                        <div class="col-xl-6 col-md-6 col-sm-8 col-12">
                              {{ Form::submit("ValidateOTP",array('class'=>'btn btn-primary waves-effect md-trigger','id'=>'js-otp_register')) }}
                        </div>
                         <div class="col-xl-6 col-md-6 col-sm-8 col-12 d-flex align-items-center">
                              <a href="javascript:://" id="js_resend_otp" class="btn text-warning btn-sm p-l-0 t-t-none f-14 waves-effect"><i class="hiremee-refresh"></i> Resend OTP</a>
                        </div>
                    </div>
                                
                                </div>
                            </div>
                        </div>
                        </div>

                <div class="clearfix"></div>

                    {{ Form::close() }} 
               </div>


               <div class="mobile_verification_otp_password" style="display: none">
                  {{ Form::open(array('url'=>'','method'=>'POST','id'=>'OTPForm_password','class'=>'')) }}
                  <div class="">
                   <div class="col-xl-12 col-md-6 col-sm-6 col-12">
                            <div class="row">
                              <div class="col-xl-12 col-md-6 col-sm-6 col-12">
                                   <div class="media">
                                        <p class="p-t-5"><i class="icofont round-info f-16 icofont-info"></i></p>
                                        <div class="media-body m-l-10">
                                            <p class="text-info l-h-16 f-11">Choose your own password <br> Please enter minimum 6 characters password</p>
                                        </div>
                                    </div>
                            </div>
                            </div>
                        </div>

                        <div class="col-xl-12 col-md-6 col-sm-6 col-12 m-t-20">
                                          <span id="success-message"></span>

                            <div class="row">
                                <div class="col-sm-12 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>
              {{ Form::password('password',array('id'=>'password','name'=>'password','class'=>'form-control','placeholder'=>'password')) }}      
                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>
                <div class="clearfix"></div>
                    <div class="row p-15 p-b-30 justify-content-center">
                        <div class="col-xl-5 col-md-6 col-sm-8 col-12">
                             {{ Form::submit("submit",array('class'=>'btn f-16 btn-primary waves-effect md-trigger','id'=>'js-otp_register_submit')) }}
                        </div>
                    </div>
                    {{ Form::close() }} 
               </div>
</div>


            </div>
         </div>
         <div class="text-center">
        <ul class="list-inline">
          <li class="list-inline-item p-10"><a class="text-333" href="/">Home</a></li>
          <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('contact-us') }}">Contact us</a></li>
          <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('privacypolicy') }}">Privacy Policy</a></li>
          <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('termsofuse') }}">Terms of use</a></li>
        </ul>
        <p class="f-11">Copyright &copy; {{date('Y')}}. All Rights Reserved</p>
      </div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('footer')
@endsection