@extends('layouts.main_without_top_button')
@section('title')
    Services
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Maintenance</a> <span class="divider">/</span></li>
        <li class="active">Services</li>
    </ul>
@stop
@section('contentinner')
    <style>

        .modal-body .tabs {
            padding: 5px;
            border-top: 1px solid #bbb;
            border-left: 1px solid #bbb;
            border-right: 1px solid #bbb;
            border-bottom: 0;
            border-top: 0;
            background: #f5f5f5;
        }

        .modal-body .tabs li {
            border-top: 1px solid #bbb;
            border-left: 1px solid #bbb;
            border-right: 1px solid #bbb;
            border-bottom: 0;
            color: #0e0e0e;
        }

        .modal-body .tabs li a {
            color: #0e0e0e;
        }

        .modal-body .tabs li a:active {
            color: #51a7c6;
            background-color: #eeeeee;
        }
    </style>
    <div class="contentinner content-buttons">

        <div class="tabbable">
            <ul class="nav nav-tabs">
                {{--<li class="">--}}
                    {{--<a href="{{ route('vehicle.services.index') }}">Vehicle Need Services</a>--}}
                {{--</li>--}}
                <li class="">
                    <a href="{{route('vehicle.services.pending')}}">Services</a>
                </li>
                <li class="">
                    <a href="{{ route('jobCards.index') }}">Jobcards</a>
                </li>
                <li class="">
                    <a href="{{route('vehicle.services.done')}}">Closed Services</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active">
                    <div class="row-fluid" style="margin-bottom: 8px;">
                        <div class="span12  profile-left">

                            @yield('services')
                        </div><!--span6-->
                    </div><!--row-fluid-->
                </div><!--tab-pane-->
            </div><!--tabcontent-->
        </div><!--tabbable-->

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