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

    <table width="100%" class="table table-bordered"  id="t01">
               <thead class="list_head">
            <tr>
                <th>Sr</th>
                <th>{!! trans('valet_parking::parking_area.label.name')!!}</th>
                <th>{!! trans('valet_parking::parking_area.label.code')!!}</th>
                <th>{!! trans('valet_parking::parking_area.label.latitude')!!}</th>
                <th>{!! trans('valet_parking::parking_area.label.longitude')!!}</th>
                <th>{!! trans('valet_parking::parking_area.label.max_capacity')!!}</th>
                <th>{!! trans('valet_parking::parking_area.label.remarks')!!}</th>
                <th>{!! trans('valet_parking::parking_area.label.status')!!}</th>
            </tr>
        </thead>
        <tbody>
             @forelse($parking_area as $key => $val)
                <tr>
                    <td>{{ @$key + 1 }}</td>
                    <td>{{ $val->name }}</td>
                    <td>{{ $val->code }}</td>
                    <td>{{ $val->latitude }}</td>
                    <td>{{ $val->longitude }}</td>
                    <td>{{ $val->max_capacity }}</td>
                    <td>{{ $val->remarks }}</td>
                    <td>{{ $val->status }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="8">No Category</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">
    .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;
    }
</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;
}
@media print{
    .phide{
        display: none;
    }
}
</style>

<script type="text/javascript">
    $(document).ready(function(){
        $(".btnPrint").click(function () {
            var printWindow = window.open("{!!trans_url('admin/valet_parking/parking_area/preview')!!}/{!!'0'!!}", 'Print', 'height=800,width=1200');
            printWindow.addEventListener('load', function(){
                printWindow.print();
            });
        });

       
    });
</script>