@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() !!} {!! trans('vehicle_booking::vehicle_booking.names')  !!} List
    </h2>      

    <table width="100%" class="table table-bordered"  id="t01">
               <thead class="list_head">
            <tr>
                <th>Sr</th>
                <th>{!! trans('vehicle_booking::vehicle_booking.label.ref')!!}</th> 
                <th>{!! trans('vehicle_booking::vehicle_booking.label.booking_status')!!}</th>
                <th>{!! trans('vehicle_booking::vehicle_booking.label.employee_id')!!}</th>
                <th>{!! trans('vehicle_booking::vehicle_booking.label.driver_id')!!}</th>
                <th>{!! trans('vehicle_booking::vehicle_booking.label.purpose')!!}</th>
                <th>{!! trans('vehicle_booking::vehicle_booking.label.assigned_pickup_date')!!}</th>
                <th>{!! trans('vehicle_booking::vehicle_booking.label.assigned_return_date')!!}</th>
            </tr>
        </thead>
        <tbody>
             @forelse($vehicle_bookings as $key => $val)
                <tr>
                    <td>{{ @$key + 1 }}</td>
                    <td>{{ $val->ref}}</td>
                    <td>{{ $val->booking_status }}</td>
                    <td>{{ $val->employee->name}}</td>
                    <td>{{ $val->driver->name }}</td>
                    <td>{{ $val->purpose }}</td>
                    <td>{{ @format_date($val->assigned_pickup_date) }}</td>
                    <td>{{ @format_date($val->assigned_return_date) }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="8">No {!! trans('vehicle_booking::vehicle_booking.names')  !!}</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/vehicle_booking/vehicle_booking/preview')!!}/{!!'0'!!}", 'Print', 'height=800,width=1200');
            printWindow.addEventListener('load', function(){
                printWindow.print();
            });
        });

       
    });
</script>