@extends('vehicles.profile.includes.main')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('vehicles.index')}}">Vehicles Managements</a> <span class="divider">/</span></li>
        <li class="active">Driver History</li>
    </ul>
@stop
@section('profile')
    <div class="tab-pane active">
        <table class="table table-bordered" id="">

            <thead>
            <tr>
                <th style="width: 20%">Created At</th>
                <th style="width: 10%">Created By</th>
                <th style="width: 10%">Action</th>
                <th style="width: 5%">Ref#</th>
                <th style="width: 10%">Trailer</th>
                <th style="width: 35%">Remark</th>
                <th style="width: 5%">LO#</th>
                <th style="width: 5%">LOI#</th>
            </tr>
            </thead>
            <tbody>
            @foreach($truck_histories as $truck_history)
                <tr >
                    <td>{{ \Carbon\Carbon::parse($truck_history->created_at)->format('jS \o\f F, Y g:i:s a')}}</td>
                    <td>{{ $truck_history->created_by}}</td>
                    <td>{{ $truck_history->action}}</td>
                    <td>{{ $truck_history->reference_id}}</td>
                    <td>{{ $truck_history->trailer}}</td>
                    <td>{{ $truck_history->remarks}}</td>
                    <td>{{ $truck_history->loading_order_id}}</td>
                    <td>{{ $truck_history->loading_order_item_id}}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div><!--tab-pane-->
@stop