{{-- <a href="#previewJob" class="previewJob popup-with-zoom-anim d-none e-btn e-btn-6 preview-btn"><span>Preview</span></a>
<div style="width:400px;" id="previewJob" class="poc-mdl-cust otp-mdl-cust previewJob zoom-anim-dialog mfp-hide dialog-with-tabs">
<!--<div class="utf-signin-form-part">-->
  <div class="utf-popup-container-part-tabs">
    <div class="utf-popup-tab-content-item">
      <div class="utf-welcome-text-item margin-bottom-0">
        <h3 class="mb-2">Enter the OTP</h3>
        <!--{{ Form::open(array('url'=>'','method'=>'POST','id'=>'OTPForm_fj','class'=>'')) }}-->
<div class="row">    
    <div class="col-xl-12 col-md-12 col-sm-12 col-12">
    <span id="success-message"></span>
    <div class="row">
    <div class="col-sm-12 col-lg-12">
    
    {{ Form::text('otp','',array('id'=>'js-OTP-modal','name'=>'jsOTP','class'=>'form-control','placeholder'=>'Enter the OTP','autocomplete'=>'off','maxlength'=>4)) }}
    
    </div>


    <!-- <div class="col-sm-12 form-group col-lg-12">
    <div class="media">
    <p class="p-t-2"><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">The OTP code will be valid only for 3 minutes</p>

      <h3 class="text-danger f-w-400 f-18"><i class="hiremee-clock p-t-5"> </i>
        <span id="timelimit" ></span></h3>
        
     

    <!--<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>

 <div class="col-sm-12 form-group col-lg-12">
  <div class="row mt-3">
    <p class="p-t-2"><i class="icofont round-info f-16 icofont-info"></i></p>
    <p class="text-info l-h-16 f-12" style="padding-left: 10px;padding-top: 3px;">The OTP code will be valid only for 3 minutes</p>
</div>
  <div class="row d-flex justify-content-center">
      <p class="text-danger txt-time f-w-400 f-18"><i class="hiremee-clock p-t-5"> </i></p>
        <p class="text-danger f-w-400 f-18" id="timelimit" style="display:contents !important;">10:00</p>
    </div>
        
     


</div>
    <div class="row col-md-12  justify-content-center">
    <div class="col-xl-6 col-md-6 col-sm-8 col-12 d-flex align-items-center">
       <a href="javascript:verifyEmail();" id="js-resend-otp" class="resend-btn btn text-warning btn-sm p-l-0 f-14 waves-effect"><i class="hiremee-refresh"></i> Resend OTP</a>
    </div>
    <div class="col-xl-6 col-md-6 col-sm-8 col-12">
    {{ Form::button("Validate",array('class'=>'btn btn-primary waves-effect md-trigger w-100','id'=>'js-otp_register')) }}
    </div>
    </div>

    </div>
    </div>
    </div>
</div>

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

<!--{{ Form::close() }}-->

      </div>
    </div>
  </div>
<!--</div>-->
</div> --}}


<!-- Email OTP Popup  -->
<a href="#solution_req_modal-1" class="popup-with-zoom-anim preview-btn d-none"></a>
<div id="solution_req_modal-1" class="mfp-hide hm-vpa-popup hm-b2c-login-form zoom-anim-dialog" style="width: 400px;margin: 0 auto;">
  <h3>OTP Verification</h3>
  <div class="hm-b2c-form-group" style="margin-top: 5px;">
    <p class="otptxt_before_input">Please enter the OTP to verify your email address.</p>
    <input type="text" name="otp" id="js-OTP-modal" name="jsOTP" class="form-control" placeholder="Enter the OTP" autocomplete="off" maxlength="8">
    <label class="hm-b2c-form-invalid d-none" id="js-OTP-modal-error"></label>
    <label><i class="fa-solid fa-triangle-exclamation"></i> The OTP code will be valid only for 3 minutes: <span class="hm-b2c-danger" id="timelimit">2m 40s</span> </label>
  </div>
  <button type="button" class="hm-b2c-btn-pri" id="js-otp_register" data-parent="0" style="width: 180px;margin: auto;">{{ trans('core.btn_verify_otp') }}</button>
  <a href="javascript:verifyEmail();" id="js-resend-otp" class="hm-b2c-link text-center mt-3"><b><i class="fa-solid fa-rotate"></i>{{ trans('core.resend_otp') }}</b></a>
</div>