@extends('layouts.app')
@section('style')
<style type="text/css">
   table.td{
        border-top:0px;
    }
    .header{
    
    }
   
</style>
@stop
@section('content')

    <div class="portlet">
        <div class="portlet-title" id="backbtn">
            <div class="caption">
                <i class=""></i>@lang('layout.VehicleLocationShow')
            </div>
            <div class="tools">
                <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
                <a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
            </div>
        </div>
        <div class="portlet-body">
            <div class="table-scrollable">
                <table class="table table-striped table-bordered table-advance table-hover">
                    <thead>
                    <tr>
                        <th>
                            <i class="fa  fa-user"></i> @lang('layout.Driver') 
                        </th> 
                        <th>
                            <i class="fa  fa-car"></i> @lang('layout.VehicleName') 
                        </th>
                         <th>
                            <i class=""></i> @lang('layout.PlateNumber')
                        </th>
                        <th class="hidden-xs">
                            <i class=""></i> @lang('layout.State')
                        </th>
                       
                        <!-- <th>
                            <i class="fa "></i> @lang('layout.Road')
                        </th>  -->
                        <th>
                            <i class="fa  "></i> @lang('layout.Location')
                        </th>
                        <th>
                            <i class="fa  "></i> @lang('layout.Source') 
                        </th> <th>
                            <i class="fa  "></i> @lang('layout.Destination') 
                        </th>
                        <th>
                            <i class="fa fa-clock-o"></i> @lang('layout.Date')
                        </th>  
                        <th>
                            <i class="fa fa-bars"></i> @lang('layout.Description')
                        </th>  
                        
                    </tr>
                    </thead>
                    <tbody>
                    <tr>  
                        <td class="hidden-xs"> {{ $vehicleLocation->name}}  </td>
                        <td class="hidden-xs"> {{ $vehicleLocation->vehicle_name}}  </td>
                        <td class="hidden-xs"> {{ $vehicleLocation->palet_number}}  </td>

                        <td class="hidden-xs"> {{__('type.' . $vehicleLocation->state) }}</td> 
                        <!-- <td class="hidden-xs"> {{$vehicleLocation->road}} </td>  -->
                        <td class="hidden-xs"> {{$vehicleLocation->location}}  </td>
                        <td class="hidden-xs"> {{$vehicleLocation->source}}  </td>
                        <td class="hidden-xs"> {{$vehicleLocation->destination}}  </td>

                        <td class="hidden-xs"> {{ convertDate($vehicleLocation->Date) }} </td>
                        <td class="hidden-xs"> {{ $vehicleLocation->description }}  </td>

                    </tr>
                    </tbody>
                </table>
            </div>
        </div> 
    </div>
 
@endsection 
@push('scripts') 
@endpush