@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() !!} Checklist/Problems List
    </h2>
      

    <table width="100%" class="table table-bordered"  id="t01">
               <thead class="list_head">
            <tr>
                <th>Sr</th>
                <th>Code</th>
                <th>Checklist/Problems  Name</th>
                <th>Category</th>
                <th>SubCategory</th>
                <th>Inspection Type</th>
                <th>Weightage</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
             @forelse($pm_cali as $key => $val)
                <tr>

                    <td>{{ @$key + 1 }}</td>
                    <td>{{ $val->code }}</td>
                    <td>{{ $val->name }}</td>
                    <td>{{ @$val->category->name }}</td>
                    <td>{{ @$val->subcategory->name }}</td>
                    <td>{{ $val->type }}</td>
                    <td>{{ $val->weightage }}</td>
                    <td>{{ $val->status }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="8">No  Checklist/Problems</td>
                </tr>
            @endif
            </tbody>
        </table>


    
    
    
</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/pm_cali/pm_cali/preview')!!}/{!!'0'!!}", 'Print', 'height=800,width=1200');
            printWindow.addEventListener('load', function(){
                printWindow.print();
            });
        });

       
    });
</script>