@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.VehicleLogBookShow')
            </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>@lang('layout.Number')</th>
                        <th>@lang('layout.Driver')</th>
                        <th>@lang('layout.VehicleName')</th>
                        <th>@lang('layout.PlateNumber')</th>
                        <th>@lang('layout.Traveller')</th>
                        <th>@lang('layout.Source')</th>
                        <th>@lang('layout.Destination')</th>
                        <th>@lang('layout.StartOdometer')</th>
                        <th>@lang('layout.FinishOdometer')</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>  
                        <td class="hidden-xs"> {{ $vehicleLogBook->number}}  </td>
                        <td class="hidden-xs"> {{ $vehicleLogBook->name}}  </td>
                        <td class="hidden-xs"> {{ $vehicleLogBook->vehicle_name}}  </td>
                        <td class="hidden-xs"> {{ $vehicleLogBook->palet_number}}  </td>
                        <td class="hidden-xs"> {{ $vehicleLogBook->traveller}}  </td>
                        <td class="hidden-xs"> {{ $vehicleLogBook->source}}  </td>
                        <td class="hidden-xs"> {{$vehicleLogBook->destination}}  </td>
                        <td class="hidden-xs"> {{$vehicleLogBook->start_odometer}}  </td>
                        <td class="hidden-xs"> {{$vehicleLogBook->finish_odometer}}  </td>
                    </tr>
                    </tbody>
                </table>
                <table class="table table-striped table-bordered table-advance table-hover">
                    <thead>
                    <tr>
                        <th>@lang('layout.Date')</th>
                        <th>@lang('layout.StartTripDate')</th>
                        <th>@lang('layout.EndTripDate')</th>
                        <th>@lang('layout.Item')</th>
                        <th>@lang('layout.Description')</th>
                        <th>@lang('layout.User')</th> 
                    </tr>
                    </thead>
                    <tbody>
                    <tr>  
                        <td class="hidden-xs"> {{ convertDate($vehicleLogBook->date) }} </td>
                        <td class="hidden-xs"> {{ convertDate($vehicleLogBook->start_trip_date) }} </td>
                        <td class="hidden-xs"> {{ convertDate($vehicleLogBook->end_trip_date) }} </td>
                        <td class="hidden-xs"> {{ $vehicleLogBook->item }}  </td>
                        <td class="hidden-xs"> {{ $vehicleLogBook->description }}  </td>
                        <td class="hidden-xs"> {{ $vehicleLogBook->user }}  </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>


@endsection

@push('scripts')

<script>

</script>
@endpush