@extends('layouts.main')
@section('title')
    Vehicle Breakdown
@stop
@section('contentinner')
    <style>
        .modal-body #tabs-1 {
            /*padding: 5px;*/
            /*margin-bottom: 5px;*/
            background: #ffffff;
        }

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

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

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

        .modal-body .tabs li a:active {
            border-top: 1px solid #eeeeee;
            border-left: 1px solid #eeeeee;
            border-right: 1px solid #eeeeee;
            border-bottom: 0;
            color: #0e0e0e;
            background-color: #ffffff;
        }


    </style>
    <div class="contentinner content-buttons">

        <div class="tabbable">
            <ul class="nav nav-tabs">
                <li class="">
                    <a href="{{route('breakdowns.index')}}"> Breakdown</a>
                </li>
                <li class="">
                    <a href="{{route('breakdown.closed')}}"> Closed Breakdown </a>
                </li>
            </ul>
            <div class="tab-content">
                @yield('breakdown')
            </div><!--tabcontent-->
        </div><!--tabbable-->
    </div><!--contentinner-->
@stop