@extends('layouts.main')
@section('contentinner')
    <div class="maincontent">
        <div class="contentinner content-buttons">

            <div class="tabbable">
                <ul class="nav nav-tabs">
                    <li class=""><a  href="{{ route('trailers.show',array('id'=>$trailer->id)) }}"> General </a></li>
                    <li class=""><a href="{{ route('trailers.images',array('id'=>$trailer->id)) }}"> Images </a></li>
                    <li class=""><a  href="{{ route('trailers.documents',array('id'=>$trailer->id)) }}"> Documents </a></li>
                    <li class=""><a  href="{{ route('trailers.fuel',array('id'=>$trailer->id)) }}"> Fuel </a></li>
                    <li class="active"><a  href="{{ route('trailers.inspections',array('id'=>$trailer->id)) }}"> Inspection </a></li>
                    <li class=""><a  href="{{ route('trailers.maintenance',array('id'=>$trailer->id)) }}"> Maintenance </a></li>
                    <li class=""><a  href="{{ route('trailers.permits',array('id'=>$trailer->id)) }}"> Permits </a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active">
                        <h4 class="widgettitle">Inspection
                            <div class="btn-group pull-right" style="margin-top: -2px;margin-right: 0px">
                                <button class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-th"></i> &nbsp; Actions <span class="caret"></span></button>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><i class="icon-plus"></i> &nbsp;Add New</a></li>
                                    <li><a href="#"><i class="icon-print"></i> &nbsp;Print</a></li>
                                </ul>
                            </div><!--btn-group-->
                        </h4>
                        <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 class="head0">S/N</th>--}}
                                <th class="head1">Inspection Date</th>
                                <th class="head0">Inspected By</th>
                                <th class="head1">Km Run</th>
                                <th class="head0">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($trailer->inspections as $inspection)
                                <tr class="gradeX">
                                    <td class="aligncenter"><span class="center"><input type="checkbox" /></span></td>

                                    <td>{{$inspection->inspection_date}}</td>
                                    <td>{{$inspection->inspector}}</td>
                                    <td>{{$inspection->kilometer_run}}</td>
                                    <td></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div><!--tab-pane-->
                </div><!--tabcontent-->
            </div><!--tabbable-->

        </div><!--contentinner-->
    </div><!--maincontent-->
@stop