@extends('layouts.user.usercas')
@section('title') SUBSTANCE IDENTIFICATION PROFILE (SIP) @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') SUBSTANCE IDENTIFICATION PROFILE (SIP) @endsection

@section('pageTitle')
JS CLASSIFICATION
@endsection

@section('pageTitle')
SUBSTANCE IDENTIFICATION PROFILE (SIP)
@endsection
@section('content')
<style type="text/css">
    .display {
        display: none
    }

    .td {
        border-right: 1px solid rgb(82 63 105 / 15%);
    }

    @-moz-document url-prefix() {
        .checkbox-center {
            margin-top: -0.9rem !important;
        }
    }

    .checkbox-center {
        margin-top: 0.25rem;
    }

    .active-item {
        background-color: #bfaa53 !important;
    }
</style>

@if($companyData != null)
<form id="myform" class="form" method="post" action="/sip">
    @csrf @method('post')
    <div class="text-center">
        <h5>SUBSTANCE IDENTIFICATION PROFILE (SIP)</h5>

        <h6>{{$companyData->cas_name}}(CAS No: {{$mainsearchData->CAS_Registry_No}}; EC No: {{$mainsearchData->EC_No}})
        </h6>
        <p>Lead Registrant(LR):Global Product Compliance(GPC)</p>
    </div>
    <div>
        <table class="table" style="border:1px solid rgb(82 63 105 / 15%)">
            <tr>
                <td class="td">CAS:</td>
                <td>
                    {{$mainsearchData->CAS_Registry_No}}
                    <input type="hidden" name="cas_no" value="{{$mainsearchData->CAS_Registry_No}}">
                    <input type="hidden" name="companyid" value="{{old('companyid', $companyData->id)}}">
                    <input type="hidden" name="region_id" value="{{$companyData->region_id}}">
                    <input type="hidden" name="preregistration_no" value="{{$companyData->preregistration_no}}">
                </td>
            </tr>
            <tr>
                <td class="td">EC NO:</td>
                <td>
                    {{$mainsearchData->EC_No}}
                    <input type="hidden" name="ec_no" value="{{$mainsearchData->EC_No}}">
                </td>
            </tr>
            <tr>
                <td class="td">Substance Formula:</td>
                <td>{{$companyData->cas_name}}
                    <input type="hidden" name="substance" value="{{$companyData->cas_name}}">
                </td>
            </tr>
            <tr>
                <td class="td">Molecular Formula:</td>
                <td>{{$mainsearchData->Molecular_formula}}</td>
            </tr>
            <tr>
                <td class="td">Structural Formula:</td>
                <td>

                    <img src="
                                "
                    width=238 height=247/>
                                    </td>
            </tr>
            <tr>
                <td class="td">Purity:</td>
                <td>

                    <input type="text" name="purity" class="form-control" readonly id="purity"
                        value=' > 80%'>
                </td>

            </tr>
            <tr>
                <td class="td">Boundry Condition:</td>
                <td> > 80% and < 99.9%</td>
            </tr>
            <tr>
                <td class="td">Impurities which have impact on the classification of the substance</td>
                <td><input type="text" name="impact_classification" value='Not Present' readonly class="form-control">
                </td>
            </tr>
        </table>
    </div>
    <div class="form-group" style="display: flex;">
        <input id="agree" class="checkbox-center" type="radio" name="check1" {{ old("check1")=='on' ? 'checked' : ''
            }}>&nbsp;&nbsp;
        @error('check1')
        <p class="text-danger">{{ $message }}</p>
        @enderror
        <p>I agree to the above described substance definition as proposed by the LR</p>

    </div>
    <input type="hidden" name="uuid" value="{{Auth::user()->uuid}}">
    <div class="form-group" style="display: flex;">
        <input id="check2" class="checkbox-center" type="radio" name="check2" {{ old("check2")=='on' ? 'checked' : ''
            }}>&nbsp;&nbsp;
        @error('check2')
        <p class="text-danger">{{ $message }}</p>
        @enderror
        <p>I have the suggestions to the sameness proposed by the LR.<b>(Please use the template below for
                suggestion)</b></p>

    </div>
    <div class="form-group row" style="display: flex;">
        <label class="col-md-4">Name of your Company: </label>
        <div class="col-md-8 ">
            <input type="text" placeholder="Company Name" name="company_name"
                class="form-control @error('company_name') is-invalid @enderror"
                value="{{old('company_name', $companyData->company_name)}}" data-validate-field="company_name">
            @error('company_name')
            <p class="text-danger">{{ $message }}</p>
            @enderror
        </div>
    </div>
    <div class="form-group row" style="display: flex;">
        <label class="col-md-4"> Pre-reg.No:</label>
        <div class="col-md-8 ">
            <input type="text" placeholder="Pre-reg.No" name="pre_reg"
                class="form-control @error('pre_reg') is-invalid @enderror" value="{{old('pre_reg', $companyData->preregistration_no)}}"
                data-validate-field="pre_reg">
            @error('pre_reg')
            <p class="text-danger">{{ $message }}</p>
            @enderror
        </div>

    </div>
    <div id="constituent" class="constituent">
        <div class="form-group">
            <p><b>(Fill in the following <span class="text-danger">Only if you have additional
                        comments</span>/suggestion)</b></p>
        </div>
        <div class="form-group">
            <p><b>Comments/Suggeestions Partaining To The {{$companyData->cas_name}} (CAS
                    No:{{$mainsearchData->CAS_Registry_No}};EC No:{{$mainsearchData->EC_No}})</b></p>
        </div>
        <div class="form-group row">
            <label class="col-md-4">Degree of Purity:</label>
            <div class="col-md-8 ">
                <div class="input-group mb-3">
                    <input type="text" placeholder="Degree of Purity" name="purity2" class="form-control"
                        value="{{old('purity2')}}">
                    @error('purity2')
                    <p class="text-danger">{{ $message }}</p>
                    @enderror
                    <div class="input-group-append">
                        <span class="input-group-text">%(w/w)</span>
                    </div>
                </div>
            </div>
        </div>
        <p>
            <b> Table1:Main Constituents</b>
        </p>
        <div class="form-group">
            <table style="border: 1px solid grey;">
                <thead style="background: #172e43;color: white;">
                    <TH>Constituent</TH>
                    <TH>CAS No</TH>
                    <TH>Typical Concentration</TH>
                    <TH>Concentration Range</TH>
                    <TH>Remarks</TH>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="text" name="constituent" value="{{old('constituent')}}">
                            @error('constituent')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="cas_concen" value="{{old('cas_concen')}}">
                            @error('cas_concen')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="constituent_concen"
                                value="{{old('constituent_concen')}}">@error('constituent_concen')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="concen_range" value="{{old('concen_range')}}">
                            @error('concen_range')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="constituent_remark" value="{{old('constituent_remark')}}">
                            @error('constituent_remark')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <td><input type="text" name="constituent2" value="{{old('constituent2')}}">
                            @error('constituent2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="cas_concen1" value="{{old('cas_concen1')}}">
                            @error('cas_concen1')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="constituent_concen2" value="{{old('constituent_concen2')}}">
                            @error('constituent_concen2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="concen_range2" value="{{old('concen_range2')}}">
                            @error('concen_range2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="constituent_remark2" value="{{old('constituent_remark2')}}">
                            @error('constituent_remark2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <td><input type="text" name="constituent3" value="{{old('constituent3')}}">
                            @error('constituent3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="cas_concen2" value="{{old('cas_concen2')}}">
                            @error('cas_concen2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="constituent_concen3"
                                value="{{old('constituent_concen3')}}">@error('constituent_concen3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="concen_range3"
                                value="{{old('concen_range3')}}">@error('concen_range3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="constituent_remark3"
                                value="{{old('constituent_remark3')}}">@error('constituent_remark3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <td><input type="text" name="constituent4"
                                value="{{old('constituent4')}}">@error('constituent4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="cas_concen3" value="{{old('cas_concen3')}}">@error('cas_concen3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="constituent_concen4"
                                value="{{old('constituent_concen4')}}">@error('constituent_concen4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="concen_range4" value="{{old('concen_range4')}}">
                            @error('concen_range4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="constituent_remark4" value="{{old('constituent_remark4')}}">
                            @error('constituent_remark4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <p>
            <b> Table 2: Impurities</b>
            <br>
        <p>All impurity above 1%</p>
        <br>
        <p>1% or lower impurity if CMR, PBT and vPVB</p>
        </p>
        <div class="form-group">
            <table style="border: 1px solid grey;">
                <thead style="background: #172e43;color: white;">
                    <TH>Impurity</TH>
                    <TH>CAS No</TH>
                    <TH>Typical Concentration</TH>
                    <TH>Concentration Range</TH>
                    <TH>Remarks</TH>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="text" name="impurity" value="{{old('impurity')}}">
                            @error('impurity')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="cas_impurity" value="{{old('cas_impurity')}}">
                            @error('cas_impurity')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="typical_impurity" value="{{old('typical_impurity')}}">
                            @error('typical_impurity')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="impurity_concen" value="{{old('impurity_concen')}}">
                            @error('impurity_concen')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="impurity_remark" value="{{old('impurity_remark')}}">
                            @error('impurity_remark')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <td><input type="text" name="impurity2" value="{{old('impurity2')}}">
                            @error('impurity2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="cas_impurity2" value="{{old('cas_impurity2')}}">
                            @error('cas_impurity2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="typical_impurity2" value="{{old('typical_impurity2')}}">
                            @error('typical_impurity2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="impurity_concen2" value="{{old('impurity_concen2')}}">
                            @error('impurity_concen2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="impurity_remark2" value="{{old('impurity_remark2')}}">
                            @error('impurity_remark2')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <td><input type="text" name="impurity3" value="{{old('impurity3')}}">
                            @error('impurity3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="cas_impurity3" value="{{old('cas_impurity3')}}">
                            @error('cas_impurity3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="typical_impurity3" value="{{old('typical_impurity3')}}">
                            @error('typical_impurity3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="impurity_concen3" value="{{old('impurity_concen3')}}">
                            @error('impurity_concen3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="impurity_remark3" value="{{old('impurity_remark3')}}">
                            @error('impurity_remark3')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <td><input type="text" name="impurity4" value="{{old('impurity4')}}">
                            @error('impurity4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="cas_impurity4" value="{{old('cas_impurity4')}}">
                            @error('cas_impurity4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="typical_impurity4" value="{{old('typical_impurity4')}}">
                            @error('typical_impurity4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="impurity_concen4" value="{{old('impurity_concen4')}}">
                            @error('impurity_concen4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                        <td><input type="text" name="impurity_remark4" value="{{old('impurity_remark4')}}">
                            @error('impurity_remark4')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <p>CMR: carcinogenic, Mutagenic or toxic to reproduction <br>
            PBT:Persistent, Bio-accumulative,<br>
            ToxicvPVB:very Persistent, Very Bio-accumulative</p>
    </div>
    @if(old("check2") == 'on' or old("check1") == 'on')
    <button id="submitsip" class="btn btn-style1 text-white">Save </button>
    @else
    <button id="submitsip" class="btn btn-style1 display text-white ">Save</button>
    @endif


</form>
@else
<p class="text-center text-danger">It Looks like substance name and other details for this cas no not register yet
    please contact to support.</p>
@endif

@endsection
@section('scripts')
<script type="text/javascript">
    $('#agree').on('click', function(){
        $('#submitsip').removeClass('display');
        $("#constituent").hide();
        $( "#check2" ).prop( "checked", false );
    })
     $('#check2').on('click', function(){
        $('#submitsip').removeClass('display');
        $("#constituent").show();
        $( "#agree" ).prop( "checked", false );
    })
    
new window.JustValidate('.form', { 
      rules: 
        {
            company_name:{required: true},
            pre_reg:{required: true},
           
        },
     
      messages:{
        company_name:{
            remote: 'Field is required',
            
        },
        pre_reg:{
            remote: 'Field is required',
            
        },
        
        
    },
   

    submitHandler: function(form) { 
        Swal.fire({
        title: 'Are you sure?',
        text: "Are you sure you want to submit SIP!",
        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>
@endsection