@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-grey 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 class="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>Description</strong></p>
                            </td>
                            <td colspan="3">
                                <p>{{ @$facility_scheduling->description }}</p>
                            </td>
                        </tr>
                    </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;
        }

        td strong {
            margin: 20%;
        }

        .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/summary') !!}/{!! @$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>