@extends('layout.main')



            @section('main-section')


                <div class="content">

                    <!-- Start Content-->
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">EFU</a></li>

                                            <li class="breadcrumb-item active">Property Form</li>
                                        </ol>
                                    </div>
                                    <h4 class="page-title">EFU Property Management Portal</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->




                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title">Start Engineering Intimation</h4>
                                        <p class="sub-header">
                                          New Claim Entry
                                        </p>

                                        <form action="{{url('/assign2')}}" method="POST">
                                        @csrf


                                        <div class="row">

                                            <div class="col-lg-6">


                                                <div class="mb-6">
                                                    <label for="" class="form-label">Location</label>
                                                    <input type="text" id="" class="form-control" name="_Location" placeholder="Location" value="{{$_GET['loc']}}" readonly>
                                                </div>
                                                <p></p>
                                        </div> <!-- end col -->

                                        <div class="col-lg-6">


                                            <div class="mb-6">
                                                <label for="" class="form-label">Claim Type </label>
                                                <input type="text" id="" class="form-control" name="_ClaimType" placeholder="Business Line" value="{{$_GET['business']}}" readonly>
                                            </div>
                                            <p></p>
                                    </div> <!-- end col -->

                                    <div class="col-lg-6">


                                        <div class="mb-6">
                                            <label for="" class="form-label">Date of Intimation:</label>
                                            <input type="date" value="{{ date('Y-m-d') }}" id="" class="form-control" name="_DateOfIntimation" placeholder="Date of Intimation">
                                        </div>
                                        <p></p>
                                </div> <!-- end col -->

                                            <div class="col-lg-6">


                                                    <div class="mb-6">
                                                        <label for="" class="form-label">Branch</label>

                                                        <select id="selectize-select" name="_Branch" class="form-control" required>
                                                            <option value="">Select Branch</option>
                                                            @foreach ($branches  as $branch)

                                                            <option value="{{$branch->_BranchName}}">{{$branch->_BranchName}}</option>

                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <p></p>
                                            </div> <!-- end col -->



                                              <div class="col-lg-6">


                                                    <div class="mb-6">
                                                        <label for="" class="form-label">Emails for updates - CC:</label>
                                                        <input type="text" id="" class="form-control" name="_EmailsForupdatesCC" placeholder="Emails for updates - CC">
                                                    </div>
                                                    <p></p>
                                            </div> <!-- end col -->


                                              <div class="col-lg-6">


                                                    <div class="mb-6">
                                                        <label for="" class="form-label">Claim Specification / Proximate Cause:</label>
                                                        <select id="selectize-select" class="form-control" name="_ClaimSpecification" required>
                                                            <option value="">Select Job Specification</option>
                                                            @foreach ($claimSpec as $cj )
                                                            <option value="{{$cj->_ClaimSpecification}}">{{$cj->_ClaimSpecification}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <p></p>
                                            </div> <!-- end col -->

                                              <div class="col-lg-6">


                                                    <div class="mb-6">
                                                        <label for="" class="form-label">Insured / Brokers :</label>
                                                        <input type="text" id="" class="form-control" name="_Insured" placeholder="Insured / Participant">
                                                    </div>
                                                    <p></p>
                                            </div> <!-- end col -->

                                              <div class="col-lg-6">


                                                    <div class="mb-6">
                                                        <label for="" class="form-label">Corporate Insured / Brokers Access:</label>

                                                        <select id="selectize-select" class="form-control" name="_Corporate_Insured_BrokerAccess" required>
                                                            <option value="">Corporate Insured Access:</option>
                                                            @foreach ($insured as $cnc )
                                                            <option value="{{$cnc->_InsuredName}}">{{$cnc->_InsuredName}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <p></p>
                                            </div> <!-- end col -->

                                            <div class="col-lg-6">


                                                <div class="mb-6">
                                                    <label for="" class="form-label">Contact Details :</label>
                                                    <input type="text" id="" class="form-control" name="_ContactDetails" placeholder="Contact Details">
                                                </div>
                                                <p></p>
                                        </div> <!-- end col -->



                                            <div class="col-lg-6">


                                                <div class="mb-6">
                                                    <label for="" class="form-label">Policy Type :</label>
                                                    <select id="selectize-select" class="form-control" name="_Policy_Type" required>
                                                        <option value="">Select Policy Type</option>
                                                        @foreach ($policyTypes  as $pt)

                                                        <option value="{{$pt->_PolicyType}}">{{$pt->_PolicyType}}</option>

                                                        @endforeach
                                                    </select>
                                                </div>
                                                <p></p>
                                        </div> <!-- end col -->

                                              <div class="col-lg-6">


                                                    <div class="mb-6">
                                                        <label for="" class="form-label">Policy No :</label>
                                                        <input type="text" id="" class="form-control" name="_Policy_No" placeholder="Policy No ">
                                                    </div>
                                                    <p></p>
                                            </div> <!-- end col -->

                                              <div class="col-lg-6">


                                                    <div class="mb-6">
                                                        <label for="" class="form-label">Loss No. :</label>
                                                        <input type="text" id="" class="form-control" name="_Loss_No" placeholder="Loss No.">
                                                    </div>
                                                    <p></p>
                                            </div> <!-- end col -->



                                              <div class="col-lg-12">


                                                    <div class="mb-12">
                                                        <label for="" class="form-label">Description of interest :</label>
                                                        <textarea id="" class="form-control" name="_DescriptionOfInterest" placeholder="Description of interest"></textarea>
                                                    </div>
                                                    <p></p>
                                            </div> <!-- end col -->

                                            <script>
                                                function surveyorEmail(str)
                                                {
                                                    // WARNING: For GET requests, body is set to null by browsers.

                                                    var xhr = new XMLHttpRequest();
                                                    xhr.withCredentials = true;

                                                    xhr.addEventListener("readystatechange", function() {
                                                    if(this.readyState === 4) {

                                                        var obj = JSON.parse(this.responseText);
                                                        console.log(obj._SurveyorCompanyName);
                                                        document.getElementById('_AssignToSurveyorCompanyEmail').value = obj._SurveyorCompanyEmail;
                                                    }
                                                    });

                                                    xhr.open("GET", "api/SurveyorEmail/"+str);

                                                    xhr.send();
                                                }
                                            </script>

                                              <div class="col-lg-6">


                                                    <div class="mb-6">
                                                        <label for="" class="form-label">Assign to Surveyor Company :</label>
                                                        <select id="selectize-select" class="form-control" name="_AssignToSurveyorCompany" onchange="surveyorEmail(this.value)" required>
                                                            <option value="">Select Surveyor Company</option>
                                                            @foreach ($surveyors  as $suv)

                                                            <option value="{{$suv->_SurveyorCompanyName}}">{{$suv->_SurveyorCompanyName}}</option>

                                                            @endforeach
                                                        </select>
                                                     </div>
                                                     <p></p>
                                            </div> <!-- end col -->

                                            <div class="col-lg-6">


                                                <div class="mb-6">
                                                    <label for="" class="form-label">Surveyor Company Email:</label>
                                                    <input type="text"  class="form-control" id="_AssignToSurveyorCompanyEmail" name="_AssignToSurveyorCompanyEmail" placeholder="Email" readonly />

                                                 </div>
                                                 <p></p>
                                        </div> <!-- end col -->

                                            <div class="col-lg-12">


                                                <div class="mb-12">
                                                    <label for="" class="form-label">Message for Surveyor :</label>
                                                    <textarea id="" class="form-control" name="_MessageForSurveyor" placeholder="Message for Surveyor"></textarea>
                                                </div>
                                                <p></p>
                                        </div> <!-- end col -->

                                        <div class="col-lg-12">


                                            <div class="mb-12">
                                              <input type="submit" name="" onclick="GoodJob()"  id="" class="btn btn-success" />
                                            </div>
                                            <p></p>
                                    </div> <!-- end col -->


                        </div>
                        <!-- end row -->
                    </form>





                    </div> <!-- container -->

                </div> <!-- content -->


@endsection('main-section')