@extends('layouts.user.usercas')
@section('title') SIEF AGREEMENT @endsection
@section('meta_description') Register your substances with us and we will help you to fulfill all compliance requirements also you can contact our experts for further details. @endsection
@section('meta_keywords') SIEF AGREEMENT @endsection
@section('pageTitle')
SIEF AGREEMENT
@endsection
@section('content')
<div class="d-flex flex-column-fluid">
<div class="container">
<div class='Section1'>
    <div class="card card-custom">
      <div class="card-body">
        <h2>SIEF Agreement</h2>
        <form id="form" action='/submit-sief-agreement' method='post' >
        @csrf @method('post')
        <input type='hidden' name='cas_no' value="{{$data->cas_no}}">
        <input type='hidden' name='ec_no' value="{{$data->ec_no}}">
        <input type='hidden' name='e_mail' value="{{$data->e_mail}}">
        <input type='hidden' name='entity_name' value="{{$data->company_name}}">
        <input type='hidden' name='preregistration_no' value="{{$data->preregistration_no}}">
        <div>
        <p align='center'>
          <u>
            <strong>{{$data->cas_name}}</strong>
          </u> 
        </p>
        <p><h6 id="time"></h6></p>
		   
        <p id="expire"><span class='style1'>Please check Your mail and enter OTP</span></p><br>
         Enter OTP :
          <input type='hidden' name='region_id' value='{{$data->region_id}}'/>
          <input type='hidden' name='companyid' value='{{$companyData->id}}'/>
          <input type='hidden' name='uuid' value='{{$companyData->uuid}}'/>
          <input type='text' name='otp' value="">
          <button id="otpform" type='submit' name='submit' class="btn btn-info btn-style1">I Agree and Submit</button>
          
          <button id="resendotp" class="btn btn-primary btn-style2" type="button" style="display:none">Resend OTP</button>
          
       
    <div>
  </form>
</div></div>
</div>
</div>
</div>
@endsection
@section('scripts')
<script>
 
	if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
    window.onload = function () {
      setTimer();
    }
	function setTimer()
  {
    var counter = 60;
    var interval = setInterval(function(){
    counter--;
    var password = $('#passwordlogin').val();
    var email = $('#emaillogin').val();
      if(counter <= 0){
          clearInterval(interval);
        $('#timer').html("<h3>Your one time password has expired</h3>");
        $('#time').html("<h6>Your one time password has expired</h6>"); 
        $('#expire').css('display', 'none'); 
        $("#otpform").hide();
        //$('#resendOTP').html("<a href='resend-otp'>Resend OTP</a>");  
        $("#resendotp").css("display","inline-block");
        $('#passwordforotp').val(password);
        $('#email').val(email);
            return;
      }else{
        $('#time').text('OTP Expires in  : '+counter+' sec');
      }
      },1000);
  }
	




$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
$(document).ready(function(){
    $("#resendotp").on("click", function(event){
      $("#exampleModal").modal({backdrop: 'static', keyboard: false});
        event.preventDefault();
        var formValues= $('#form').serialize();
        $.post("/resent-otp", formValues, function(data){
          $("#exampleModal").modal('hide');
            // Display the returned data in browser
              Swal.fire("OTP Resend!", "Email has been resent. Please check Your mail and enter new OTP!", "success");
              $('#expire').css('display', 'block'); 
              $("#otpform").show();
              $("#resendotp").css("display","none");
              setTimer();
        });
    });
});
</script>
@endsection