@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">Service History</li>
    </ul>
@stop
@section('profile')
    <div class="tab-pane active">
        <table class="table table-bordered" id="dyntable">
            <colgroup>
                <col class="con0" style="align: center; width: 4%"/>
                <col class="con1"/>
                <col class="con0"/>
                <col class="con1"/>
                <col class="con0"/>
                <col class="con1"/>
            </colgroup>
            <thead>
            <tr>
                <th class="head0 nosort"><input type="checkbox" class="checkall"/></th>
                <th>Date</th>
                <th>Odometer</th>
                <th>Trips</th>
                <th>Service Type</th>
                <th>Requested by</th>
                <th>Cost</th>
                <th>Service by</th>
                <th>Remarks</th>
                <th>Status</th>
            </tr>
            </thead>
            <tbody>
            @foreach($vehicle_services as $vehicle_service)
                <tr>
                    <td><input type="checkbox" class="checkall"/></td>
                    <td>{{\Carbon\Carbon::parse($vehicle_service->date)->toFormattedDateString()}}</td>
                    <td>{{$vehicle_service->odometer}}</td>
                    <td>{{$vehicle_service->trips}}</td>
                    <td>{{$vehicle_service->service}}</td>
                    <td>{{$vehicle_service->employee}}</td>
                    <td>{{number_format($vehicle_service->cost,2)}}</td>
                    <td>{{$vehicle_service->serviced_by}}</td>
                    <td>{{$vehicle_service->remarks}}</td>
                    <td>
                        @if($vehicle_service->status== 1)
                            <span class="label label-success">DONE</span>
                        @else
                            <span class="label">ON PROGRESS</span>
                        @endif
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>

    </div><!--tab-pane-->
@stop