@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($inspection_scheduling) !!} &nbsp;&nbsp;Inspection Certificate
            {{-- <small class="pull-center" style="margin-left:40px;">{{ $inspection_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(@$inspection_scheduling->inspection_date)) }}</small> --}}
                <h4 class="text-center">{{ @$inspection_scheduling->scheduler_name }} ( Trans ID :
                    {{ @$inspection_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>{{ @$inspection_scheduling->scheduler_name }}</p>
                        </td>

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


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

                    <tr>

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

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

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


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

            <table width="100%" class="table table-bordered" id="t01">
                <caption>
                    <h4>Assets Updates</h4>
                </caption>
                <thead class="list_head">
                    <tr style="text-align:left">
                        <th>Asset ID</th>
                        <th>Asset Name</th>
                        <th>Category</th>
                        <th>Sub Category</th>
                        <th>Sub Location</th>
                        <th>Technician</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @if (!empty(@$assets))
                        @forelse(@$assets as $key => $ws)
                            <tr>
                                <td>{{ @$ws->rfc ?: $ws->ref }}</td>
                                <td>{{ @$ws->name }}</td>
                                <td>{{ @$ws->category->name }}</td>
                                <td>{{ @$ws->subcategory->name }}</td>
                                <td>{{ @$ws->sublocation->name }}</td>
                                <td>{{ @$daily_inspections->where('asset_id', $ws->id)->first()->user->name ?? '' }}</td>
                                <td>{{ @$daily_inspections->where('asset_id', $ws->id)->first() ? 'Done' : 'Pending' }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">
                                    <p>No Asset 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 ($inspection_scheduling->signature)
                                        <img src="{!! config('app.public_url') . $inspection_scheduling->defaultImage('sm', 'signature') !!}" alt="signature" srcset="">
                                    @endif
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="footer-left">
                                    {{ @$inspection_scheduling->inspectedBy()->pluck('name')->implode(',', 'name') }}</p>
                            </td>
                            <td>
                                <p class="footer" align="left">{{ @$inspection_scheduling->certifiedBy->name }}</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="footer-left">{{ @format_date($inspection_scheduling->inspection_date) }}</p>
                            </td>
                            <td>
                                <p class="footer" align="left">
                                    {{ @format_date_time($inspection_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/inspection_scheduling/preview') !!}/{!! @$inspection_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>