@extends('layouts.user.usercas')
@section('title') REACH JOINT SUBMISSION FORM (JSF) @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') REACH JOINT SUBMISSION FORM (JSF) @endsection
@section('pageTitle')
REACH JOINT SUBMISSION FORM (JSF)
@endsection
@section('content')
<style type='text/css'>@page Section1{size:8.27in 11.69in;margin: 3cm 2cm 2.5cm 2cm;mso-header-margin:.0in;font-family:calibri;mso-footer-margin:.0in; mso-paper-source:0;}div.Section1{page:Section1;font-family:calibri;}</style>       
  <form id="myform" class="form"  method="post" action="/store-jsf-pdf"  enctype="multipart/form-data" >
    @csrf @method('post')
        <input type='hidden' name='region_id' value="{{$data->region_id}}"/>
        <input type='hidden' name='cas_no' value="{{$data->cas_no}}"/>
        <input type='hidden' name='pdf' value="{{$data->pdf}}"/>
        <input type='hidden' name='id' value="{{$companyid}}"/>
        <input type='hidden' name='ec_no' value="{{$data->ec_no}}"/>
        <input type='hidden' name='type' value="pdf"/>
        <div>
        <p><strong>&nbsp;</strong></p>
        <strong><em><u><br clear="all" />
        </u></em></strong>
        <h2 align="center"><u>REACH JOINT SUBMISSION FORM (JSF)</u><u></u></h2>
        <h1>
        <iframe src="{{$url}}" width="100%" height="700px"></iframe>
        </h1>
        <p>&nbsp;</p>
        <div style='mso-element:footer' id="f1">
        <p class=MsoFooter>&nbsp;        </p>
        <div align="center">
        <p>

        <input  type='checkbox' name='agree' value='agree' required data-validate-field="agree"  />
        <span class="style1">I agree to the proposed SIP by LR</span></div>
        <center>  <button type="submit" class="btn-style1 text-white">Agree </button></center>
        <p>&nbsp;    </p>
    </form>

@endsection
@section('scripts')

<script>

new window.JustValidate('.form', {
 
      rules: {
        agree:{required: true}, 
      },
      messages: {
        agree: {
            remote: 'Field is required',
        }, 
      },
      submitHandler: function(form) { 
      Swal.fire({
      title: 'Are you sure?',
      text: "Are you sure you want to submit JSF!",
      icon: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#3085d6',
      cancelButtonColor: '#d33',
      confirmButtonText: 'Yes, submit it!'
      }).then((result) => {
      if (result.isConfirmed) {
          $("#exampleModal").modal({backdrop: 'static', keyboard: false});  $('#myform').submit(); 
      }
      })
        },
   });
</script>
<script type="text/javascript">
	function ShowHideDiv() {
    var check2 = document.getElementById("check2");
    var ch1 = document.getElementById("ch1");
    ch1.style.display = check2.checked ? "block" : "none";
	}
</script>
@endsection