@extends('layouts.main_without_top_button')
@section('title')
    Maintenance Configurations
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Settings</a> <span class="divider">/</span></li>
        <li class="active">Truck Maintenance</li>
    </ul>
@stop
@section('truck_categories')
    current
@stop
@section('contentinner')
    <style type="text/css">
        input.invalid, textarea.invalid {
            border: 2px solid red;
        }

        input.valid, textarea.valid {
            border: 2px solid green;
        }
    </style>
    <div class="tabbable">
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="row-fluid">
                    <div class="span12">

                        <div class="mediamgr">
                            <div class="mediamgr_left">
                                <div class="mediamgr_category" style="width: 100%">
                                    <ul>
                                        <li class="@yield('tank_details')"><a href="{{ route('services.index') }}">Tank Details</a></li>
                                        <li class="@yield('pumps')"><a href="{{ route('settings.trucks.maintenance-category') }}">Pumping Machines</a></li>
                                        <li class="@yield('fuel_types')"><a href="{{ route('settings.trucks.maintenance-category') }}">Fuel Types</a></li>
                                    </ul>
                                </div><!--mediamgr_category-->

                                <small><em>Tips: To add category use the text field and button above.</em></small>
                                <table class="table table-striped table-condensed" id="dyntable">
                                    <thead>
                                    <tr>
                                        <th class="head0 nosort"><input type="checkbox" class="checkall"/></th>
                                        <th class="head0">Name</th>
                                        <th class="head1" width="20">Action</th>
                                        {{--<th class="head1">Recent Location</th>--}}
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>

                            </div><!--mediamgr_left -->

                        </div><!--mediamgr-->
                    </div><!--span12-->
                </div><!--row-fluid-->
            </div><!--row-fluid-->
        </div><!--row-fluid-->
    </div><!--tabbable-->
@stop