@extends('layouts.main_without_top_button')
@section('title')
    Inspections
@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">Inspections</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('workshops.inspections.index')}}"> Vehicle Inspections </a>
                   
                </li>
                <li class="">
                  
                    <a href="{{route('inspection.inspection-templates.index')}}">Inspection Template</a>
                </li>
                {{--<li class="">--}}
                    {{--<a href="{{route('')}}">Inspection Sheet</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('inspections')
                        </div><!--span6-->
                    </div><!--row-fluid-->
                </div><!--tab-pane-->
            </div><!--tabcontent-->
        </div><!--tabbable-->

    </div><!--contentinner-->
    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in modal-1"
         id="inspection_view">
        <!-- Modal content-->
        <form action="{{route('inspections.results.store')}}" method="post">
            <div class="modal-header" style="background: #50A6C6">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4>INSPECTION DETAILS</h4>
            </div>
            <div class="modal-body">
                <div class="widgetcontent">
                    <div id="tabs">
                        <ul class="tabs">
                            <li id="inspectin_tab"><a href="#tabs-1">INSPECTION RESULTS</a></li>
                        </ul>
                        <div id="tabs-1">
                            <div id="all_details"></div>
                        </div>
                    </div><!--#tabs-->

                </div><!--row-fluid-->
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="form-group">
                        <button class="btn btn-primary" type="submit">SUBMIT</button>
                        <button type="reset" class="btn" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in modal-1"
         id="create_service_from_inspection_modal">
        <!-- Modal content-->
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>INSPECTION DETAILS</h4>
        </div>
        {!! Form::open(array('class' => 'stdform','route'=>'non_schedule.vehicle_services.store')) !!}
        <div class="modal-body" id="create_service_from_inspection_body">
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <button class="btn btn-primary" type="submit">Submit</button>
                    <button type="reset" class="btn  btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
        </form>
    </div>
    <script>
        jQuery('.inspection').click(function () {
            var inspection_id = jQuery(this).parent().find('.inspection_id').val();
            allDetails(inspection_id);
        });

        function open_inspection_model(inspection_id) {
            allDetails(inspection_id);
            jQuery('#inspectionView').appendTo("body").modal('toggle');
        }


        function allDetails(inspection_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('inspections.show')}}",
                data: {inspection_id: inspection_id},
                success: function (data) {
                    jQuery('#all_details').empty().append(data);
                    jQuery('.multiple_select_services').chosen();
                }
            })
        }

    </script>
@stop