@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>
    </div>
    <h2 class="page-header">
        {!! getHeaderLogo($work_order) !!} Calibration Details<small class="pull-center" style="margin-left:40px;">{{ $work_order->company->code }}: {{ $work_order->company->name }}</small>
    </h2>
    <h4>Work Order No : [{{@$work_order->ref}}]</h4>
   <div class="col-md-10">
   
       
<table width="100%" class="table table-bordered"  id="t01">
    {{-- <caption><h4>Calibration</h4></caption> --}}
        <thead class="list_head">
            <tr style="text-align:left">
                <th rowspan="2">Sl</th>
                <th rowspan="2">Set Value Volume (ml/hr)</th>
                <th colspan="3" style="text-align: center;">Measured Value</th>
                <th rowspan="2">Mean Value</th>
                <th rowspan="2">Remarks</th>
              </tr>
              <tr style="text-align:left">
                <th>Reading 1</th>
                <th>Reading 2</th>
                <th>Reading 3</th>      
              </tr>
        </thead>
        <tbody>
            @if(!empty(@$work_order->setvalue)) 
                        @forelse ($work_order->setvalue as $key => $ws)
                        <tr>
                
            </tr>
            
            @empty

            
            @endif
            @else
            <tr><td colspan="4"><p>No Calibration Details</p></td></tr>
            @endif
            <tr colspan="3">
                <td>Comments:</td>
                <td>{{ $work_order->cali_comment }}</td>
              
            </tr>
  
        </tbody>
    </table>
    <div class='col-sm-12'>
        <div class='col-sm-4'>
            <span>Checked By</span></br>
            <span>(Name & Signature)</span>
        </div>
       <div class='col-sm-4'>
           <span>Verified By</span></br>
           <span>(Name & Signature)</span>
          </div>
        <div class='col-sm-4'>
            <span>Tolerance : </span></br>
        </div>
    </div>
    </div>
</div>

<div class="modal fade" id="popup-send-mail"  tabindex="-1" role="dialog" aria-labelledby="myModalLabels" aria-hidden="true">
  <div class="modal-dialog" style="width:1200px;">
    <div class="modal-content">
    
    </div>
  </div>
</div>
@stop

<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;
}
@media print{
    .phide{
        display: none;
    }
}
</style>

<script type="text/javascript">
    $(document).ready(function(){
        $(".btnPrint").click(function () {
            var printWindow = window.open("{!!trans_url('admin/work_order/checklist_preview')!!}/{{ @$work_order->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>