@extends('layout.main')



            @section('main-section')


                <div class="content" style="font-size: 12px;">

                    <!-- 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">SAL</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">
                                        <!-- Logo & title -->
                                        <div class="clearfix">
                                            <div class="float-start">
                                                <div class="auth-brand">
                                                    <div class="logo logo-dark">
                                                        <span class="logo-lg">
                                                            <img src="assets/images/logo.png" alt="" height="100">
                                                        </span>
                                                    </div>

                                                    <div class="logo logo-light">
                                                        <span class="logo-lg">
                                                            <img src="assets/images/logo.png" alt="" height="100">
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="float-end">
                                                <h4 class="m-0 d-print-none">Surveyor Appointment Letter (SAL)</h4>
                                            </div>
                                        </div>

                                        <img src="{{ URL::asset('assets/images/logo.png')}}" alt="logo" width="80" >

                                        @foreach ($sal as $s)


                                        <div class="row">

                                            <div class="col-md-4">
                                                <div class="mt-3">
                                                    <p><strong>Claim Entry Date : </strong> <span class=""> &nbsp;&nbsp;&nbsp;&nbsp; {{$s->_Date}}</span></p>
                                                    <p><strong>Reference No. : </strong> <span class="">{{$s->_ReferenceNo}} </span></p>

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



                                        <div class="row">
                                            <div class="col-12">
                                                <div class="table-responsive">
                                                    <table class="table mt-4 table-centered table-sm table-striped">

                                                        <tbody>

                                                            <tr>
                                                                <th>Date of Intimation</th>
                                                                <td>{{$s->_DateOfIntimation}}</td>

                                                                <th>Claim Type</th>
                                                                <td>{{$s->_ClaimType}} ({{$s->_Policy_Type}})</td>
                                                            </tr>

                                                            <tr>
                                                                <th>Branch</th>
                                                                <td>{{$s->_Branch}}</td>

                                                                <th>Claim Specification </th>
                                                                <td>{{$s->_ClaimSpecification}} Loss in {{$s->_Location}}</td>

                                                            </tr>

                                                            <tr>
                                                                <th>Insured</th>
                                                                <td>{{$s->_Insured}}</td>

                                                                <th>Contact Details</th>
                                                                <td>{{$s->_ContactDetails}}</td>
                                                            </tr>



                                                            <tr>

                                                                <th>Policy No.</th>
                                                                <td>{{$s->_Policy_No}}</td>

                                                                <th>Loss No</th>
                                                                <td>{{$s->_Loss_No}}</td>
                                                            </tr>


                                                        </tbody>
                                                    </table>


                                                    <table class="table mt-4 table-centered table-sm table-striped">

                                                        <tbody>
                                                            <tr>

                                                                <th>Message for Surveyor</th>
                                                                <td>{{$s->_MessageForSurveyor}}</td>

                                                            </tr>

                                                            <tr>
                                                                <th>Apointment Text</th>
                                                                <td><p>Dear Surveyor,

You have been appointed today on the subject assignment as detailed above.

Kindly attend the survey under reference by establishing contact with the Insured / Participant and update the same on our Online Portal (AdjusTech) accordingly.

We look forward to receiving your updates.

Regards,</p></td>
                                                            </tr>


                                                        </tbody>

                                                    </table>




                                                </div> <!-- end table-responsive -->
                                            </div> <!-- end col -->
                                        </div>
                                        <!-- end row -->

                                        <div class="row">

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

                                                    <p><b>Surveyor Company</b> <span class=""> &nbsp;&nbsp;&nbsp; {{$s->_AssignToSurveyorCompany}}</span></p>

                                                    <p><b>Assigned By</b> <span class="">{{ $userName->_Name }}</span></p>
                                                </div>

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

                                        @endforeach



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

                                        <div class="mt-4 mb-1">
                                            <div class="text-end d-print-none">
                                                <a href="javascript:window.print()" class="btn btn-primary waves-effect waves-light"><i class="mdi mdi-printer me-1"></i> Print</a>

                                            </div>
                                        </div>
                                    </div>
                                </div> <!-- end card -->
                            </div> <!-- end col -->
                        </div>
                        <!-- end row -->






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

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


@endsection('main-section')