@extends('admin::curd.preview')
@section('heading')

@stop

@section('title')
@stop

@section('breadcrumb')

@stop

@section('entry')

@stop

@section('tools')
@stop

@section('content')

    <div class="col-md-12">
        <div class="pull-right">
            <button type="button" class="btn btnPrint btn-default pull-right btn-sm phide"><i class="fa fa-credit-card"></i>
                Print</button>
            {{-- <button type="button" class="btnEmail btn btn-primary btn-sm pull-right phide" id="{!! @$asset->getRouteKey() !!}" style="margin-right: 14px;margin-left: 10px;"><span aria-hidden="true" ><i class="fa fa-envelope" aria-hidden="true" ></i></span>&nbsp;Email</button> --}}
        </div>
        <h2 class="page-header">
            {!! getHeaderLogo($facility_scheduling) !!} &nbsp;&nbsp;Inspection Certificate
            {{-- <small class="pull-center" style="margin-left:40px;">{{ $facility_scheduling->code }}</small> --}}
        </h2>
        <div class="box box-gray box-solid">
            <div class="box-header with-border box-gray">
                {{-- <small class="pull-right m-t-20">Date: {{ date('d/m/Y',strtotime(@$facility_scheduling->inspection_date)) }}</small> --}}
                <h4 class="text-center">{{ @$facility_scheduling->scheduler_name }} ( Trans ID :
                    {{ @$facility_scheduling->code }} )</h4>
            </div>
        </div>

        {{-- </div> --}}

        <div class="col-md-12  m-t-30">
            <table width="100%">
                <tbody>
                    <tr>

                        <td class="head-a">
                            <p><strong>Scheduler Name</strong></p>
                        </td>
                        <td>
                            <p>{{ @$facility_scheduling->scheduler_name }}</p>
                        </td>

                        <td class="head-a">
                            <p><strong>Schdeuler Code</strong></p>
                        </td>
                        <td>
                            <p>{{ @$facility_scheduling->facility_scheduler->code }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="head-a">
                            <p><strong>Schedule Master</strong></p>
                        </td>
                        <td>
                            <p>{{ @$facility_scheduling->schedule_master->name }}</p>
                        </td>


                        <td class="head-a">
                            <p><strong>Work Department</strong></p>
                        </td>
                        <td>
                            <p>{{ @$facility_scheduling->work_department->name }}</p>
                        </td>
                    </tr>

                    <tr>

                        <td class="head-a">
                            <p><strong>Technician</strong></p>
                        </td>
                        <td>
                            <p>{{ @$facility_scheduling->technician->name }}</p>
                        </td>

                        <td class="head-a">
                            <p><strong>Inspection Date</strong></p>
                        </td>
                        <td>
                            <p>{{ @date('d M , Y', strtotime($facility_scheduling->inspection_date)) }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="head-a">
                            <p><strong>Sublocation Count</strong></p>
                        </td>
                        <td>
                            <p>{{ count(@$facility_scheduling->scheduler_sub_locations) }}</p>
                        </td>
                    </tr>

                    <tr>
                        <td class="head-a">
                            <p><strong>Inspection Status</strong></p>
                        </td>
                        <td>
                            <p>{{ @$facility_scheduling->inspection_status }}</p>
                        </td>


                        <td class="head-a">
                            <p><strong>Description</strong></p>
                        </td>
                        <td>
                            <p>{{ @$facility_scheduling->description }}</p>
                        </td>
                    </tr>
                </tbody>
            </table>

            <table width="100%" class="table table-bordered" id="t01">
                <caption>
                    <h4>Sublocations Updates</h4>
                </caption>
                <thead class="list_head">
                    <tr style="text-align:left">
                        <th>Sublocation Code</th>
                        <th>Name</th>
                        <th>Division</th>
                        <th>Block</th>
                        <th>Section</th>
                        <th>Location</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @if (!empty(@$sub_locations))
                        @forelse(@$sub_locations as $key => $sub_location)
                            <tr>
                                <td>{{ @$sub_location->code }}</td>
                                <td>{{ @$sub_location->name }}</td>
                                <td>{{ @$sub_location->division->name }}</td>
                                <td>{{ @$sub_location->block->name }}</td>
                                <td>{{ @$sub_location->section->name }}</td>
                                <td>{{ @$sub_location->location->name }}</td>
                                <td>{{ @$facility_inspections->where('sublocation_id', $sub_location->id)->first() ? 'Done' : 'Pending' }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">
                                    <p>No Sublocation Details</p>
                                </td>
                            </tr>
                        @endif


                    @endif

                </tbody>
            </table>
            <div class="m-t-40">
                <hr>
                <table width="100%">
                    <tbody>
                        <tr>
                            <td>
                                <p class="footer-left" style="font-weight: 700">Inspected By</p>
                            </td>
                            <td align="left">
                                <p class="footer" style="font-weight: 700">Certified By</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                {{-- <p class="footer-left" style="font-weight: 700">Inspected By</p> --}}
                            </td>
                            <td align="left">
                                <p class="footer" style="font-weight: 700">
                                    @if ($facility_scheduling->signature)
                                        <img src="{!! config('app.public_url') . $facility_scheduling->defaultImage('sm', 'signature') !!}" alt="signature" srcset="">
                                    @endif
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="footer-left">
                                    {{ @$facility_scheduling->inspectedBy()->pluck('name')->implode(',', 'name') }}</p>
                            </td>
                            <td>
                                <p class="footer" align="left">{{ @$facility_scheduling->certifiedBy->name }}</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="footer-left">{{ @format_date($facility_scheduling->inspection_date) }}</p>
                            </td>
                            <td>
                                <p class="footer" align="left">
                                    {{ @format_date_time($facility_scheduling->certified_date_time) }}</p>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop
<style type="text/css">
    .lead {
        font-size: 21px;
        margin-bottom: 20px;
        font-weight: 300;
        line-height: 1.9;
    }

    .head-td {
        text-align: left;
        border: 0px !important;
    }

    .head-p {
        text-align: left;
        border: 0px !important;
    }

    .head-a {
        text-align: left;
        border: 0px !important;
    }

    .head-i {
        text-align: left;
        border: 0px !important;
    }

    .head-p p {
        text-align: left;
        border: 0px !important;
        line-height: 1.5;
        vertical-align: top;
    }

    .head-i p {
        text-align: left;
        border: 0px !important;
        line-height: 1.5;
        vertical-align: top;
    }

    .head-a p {
        text-align: left;
        border: 0px !important;
        line-height: 1.5;
        vertical-align: top;
    }

    .footer {
        margin-left: 50%;
        margin-right: 5%;
    }

    .footer-left {
        margin-left: 20%;
    }
</style>
<style type="text/css">
    table#t01 tr:nth-child(even) {
        background-color: #fff;
    }

    table#t01 tr:nth-child(odd) {
        background-color: #fff;
    }

    table#t01 th {

        background-color: #808080;
        color: white;
    }

    .box-gray {

        background-color: #808080;
        color: white;
    }

    @media print {
        .phide {
            display: none;
        }
    }
</style>

<script type="text/javascript">
    $(document).ready(function() {
        $(".btnPrint").click(function() {
            var printWindow = window.open("{!! trans_url('admin/inspection_scheduling/facility_scheduling/preview') !!}/{!! @$facility_scheduling->getRouteKey() !!}", 'Print',
                'height=800,width=1200');
            printWindow.addEventListener('load', function() {
                printWindow.print();
            });
        });

        // $(".btnEmail").click(function() {
        //     var id = $(this).attr("id");
        //     $("#popup-send-mail .modal-content").load("{{ trans_url('admin/assets/asset/mail') }}/" +
        //         id);
        //     $("#popup-send-mail").modal("show");
        // });
    });
</script>