@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')
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>MADDE KİMLİK PROFİLİ</h6>
                    <h6>{{$companyData->cas_name}}(CAS No: {{$mainsearchData->CAS_Registry_No}}; EC No: {{$mainsearchData->EC_No}})</h6>
                    <p>Lead Registrant/Lider Kayıt Ettiren(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(Madde Formülü):</td>
                            <td>{{$companyData->cas_name}}
                                <input type="hidden" name="substance" value="{{$companyData->cas_name}}">
                            </td>
                        </tr>
                         <tr>
                            <td class="td">Molecular Formula(Molekül Formülü):</td>
                            <td>{{$mainsearchData->Molecular_formula}}</td>
                        </tr>
                         <tr>
                            <td class="td">Structural Formula(Yapısal Formül):</td>
                            <td>
                            
                                <img src="
                                " 
                                width=238 height=247/>                            </td>
                        </tr>
                        <tr>
                            <td class="td">Purity(Saflık):</td>
                            <td>
                                
                                <input type="text" name="purity" class="form-control" readonly id="purity" value=' > 80%' >
                                </td>
                        
                            </tr>
                        <tr>
                            <td class="td">Boundry Condition(Sınır Koşulu):</td>
                            <td> > 80%  and < 99.9%</td>
                        </tr>
                        <tr>
                            <td class="td">Impurities which have impact on the classification of the substance<br> Maddenin sınıflandırmasına etki eden safsızlıklar</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 <br> Yukarıda tarif edildiği şekilde Lider Kayıt Ettiren tarafından öngörülen madde kimliğini kabul ediyorum.</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><br>
                   Lider Kayıt Ettiren tarafından sunulan aynılık hususunda önerilerim var <b>(Lütfen önerileriniz için aşağıdaki taslağı kullanınız.)
                </b></p>
                   
                </div>
                <div class="form-group row" style="display: flex;">
                   <label class="col-md-4">Name of your Company Şirket Adı: </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 Kayıt Başvuru 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> <br>
                    <b>(Aşağıdakileri <span class="text-danger">yalnızca ek şerhiniz/öneriniz olduğu durumda</span> doldurunuz)</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>
                    <br>
                    <p><b>{{$companyData->cas_name}} (CAS No:{{$mainsearchData->CAS_Registry_No}};EC No:{{$mainsearchData->EC_No}}) numaralı maddeye ilişkin yorumlar/öneriler</b></p>
                </p>
                    </div>
                    <div class="form-group row">
                       <label class="col-md-4">Degree of Purity(Saflık Derecesi):</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(Tablo 1):Main Constituents(Temel Bileşenler)</b>
                    </p>
                    <div class="form-group">
                        <table style="border: 1px solid grey;">
                            <thead style="background: #172e43;color: white;">
                                <TH>Constituent <br>(Bileşenler)</TH>
                                <TH>CAS No</TH>
                                <TH>Typical Concentration<br> (Tipik Derişim)</TH>
                                <TH>Concentration Range<br> (Derişim Aralığı)</TH>
                                <TH>Remarks <br>(Görüş)</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(Safsızlıklar)</b>
                        <br><p>All impurity above 1%(%1’in  üzerindeki tüm safsızlıklar)</p>
                        <br><p>1% or lower impurity if CMR, PBT and vPVB(eğer madde CMR, PBT ve vPvB ise %1 ya da daha az safsızlık )</p>
                    </p>
                    <div class="form-group">
                        <table style="border: 1px solid grey;">
                            <thead  style="background: #172e43;color: white;">
                                <TH>Impurity <br>(Safsızlık)</TH>
                                <TH>CAS No</TH>
                                <TH>Typical Concentration<br> (Tipik Derişim)</TH>
                                <TH>Concentration Range<br> (Derişim Aralığı)</TH>
                                <TH>Remarks <br>(Görüş)</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 (Kanserojenik, Mutajenik ya da Üreme Toksisitesi)<br>
                    PBT:Persistent, Bio-accumulative,(Kalıcı, Biyobirikimli)<br>
                    ToxicvPVB:very Persistent, Very Bio-accumulative(Çok kalıcı, Çok biyobirikimli)</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