@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">DRL</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">Document Request Letter (DRL)</h4>
                                            </div>
                                        </div>
                                        @foreach ($drl as $d)


                                        <div class="row">

                                            <div class="col-md-4">
                                                <div class="mt-3">
                                                    <p><strong>Claim Entry Date : </strong> <span class=""> &nbsp;&nbsp;&nbsp;&nbsp; {{$d->_Date}}</span></p>
                                                    <p><strong>Reference No. : </strong> <span class="">{{$d->_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>{{$d->_DateOfIntimation}}</td>

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

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

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

                                                            </tr>

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

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



                                                            <tr>

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

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


                                                        </tbody>
                                                    </table>


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

                                                        <tbody>
                                                            <tr>

                                                                <th>Description of interest</th>
                                                                <td>{{$d->_DescriptionOfInterest}}</td>

                                                            </tr>


                                                        </tbody>

                                                    </table>

                                                    <textarea  class="form-control" style="height: 480px; border: none; overflow: auto;"> @foreach ($jobSpec as $js) {{$js->_Detail}}@endforeach

                                                    </textarea>


                                                </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; {{$d->_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')