@extends('layouts.main', ['title' => 'Inspection Sheets Results'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Maintanance</a> <span class="divider">/</span></li>
        <li><a href="{{ route('inspection_sheets.index') }}">Inspections</a> <span class="divider">/</span></li>
        <li class="active">Results</li>
        </li>
    </ul>
@stop
@section('title')
    Inspections
@endsection
@section('msghead_menu')
    <li class="right btn-group">
        <div class="btn-group">
            <button class="btn dropdown-toggle" data-toggle="dropdown">
                <i class="icon-th"></i> &nbsp;OPTIONS <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a onclick="modelShow('create_inspection_modal')"><i class="icon-plus"></i> &nbsp;Generate Inspections</a></li>
            </ul>
        </div><!--btn-group-->
    </li>
@endsection
@section('contentinner')
    <!-- Main Table -->
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed" id="main_table">
                <thead>
                    <tr>
                        <th width='5px'><input type="checkbox" class="checkall"/></th>
                        <th>Date</th>
                        <th>Vehicle</th>
                        <th>Driver</th>
                        <th>Inspectors</th>
                        <th>Odometer</th>
                        <th width='5px'>Action</th>
                    </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    
    @include('maintenance.inspection_sheets.results.create-form')
    
    @include('maintenance.inspection_sheets.common')
    
    <!-- Edit -->
    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="edit_inspection_modal" data-backdrop="static"></div>


    <form action='route("inspection_sheets", ":id")' method='post'>
    {{ csrf_field() }}
    {{ method_field('DELETE') }}
    </form>


    <script>
        // var create_modal = jQuery('#create_inspection_modal');
        // var form = create_modal.find('form');
        // form.on('submit', function(e) {
        //     e.preventDefault();
        //     addRecordFn(form);
        // });

        // // Ajax function to add a record
        // function addRecordFn(form) {
        //     jQuery.ajax({
        //         url: form.attr('action'),
        //         type: form.attr('method'),
        //         data: form.serialize(),
        //         success: function (data) {
        //             console.log(data);

        //             jQuery('.has-error').removeClass('has-error');

        //             if (data.state === 'Done') {
        //                 jQuery.jGrowl(data.msg);
        //                 mainDataTable.draw();
        //             } else if (data.state === 'Fail') {
        //                 jQuery.jGrowl(data.msg);
        //             } else {
        //                 var num = 0;
        //                 jQuery.each(data, function(k, v) {
        //                     field = k.substr(0, k.indexOf("."));

        //                     field = jQuery('select[name="'+ field +'[]"]').addClass('has-error');

        //                     if(num == 0) jQuery.jGrowl(v);

        //                     num++;
        //                 });
        //             }
        //         },
        //         error: function (data) {
        //             console.log('Error: ');
        //             console.log(data);
        //             jQuery.jGrowl('Error: Something went wrong');
        //         }
        //     });
        // }

        // // Ajax function to edit record
        // function editRecordFn(id) {
        //     // console.log(route);

        //     jQuery.ajax({
        //         url: '{{ route("inspection_sheets.edit", ":id") }}'. replace(':id', id),
        //         type: "GET",
        //         // data: "",
        //         success: function (data) {
        //             console.log(data);

        //             var modal = jQuery('#edit_inspection_modal');
        //             modal.append(data);

        //             modelShow('edit_inspection_modal');

        //             jQuery('.searchable_select').select2();
        //             jQuery('.datepicker').datepicker();

        //             var edit_modal = jQuery('#edit_inspection_modal');
        //             var form = edit_modal.find('form');
        //             form.on('submit', function(e) {
        //                 alert('s');
        //                 e.preventDefault();
        //                 updateRecordFn(form);
        //             });

        //         },
        //         error: function (data) {
        //             console.log('Error: ');
        //             console.log(data);
        //         }
        //     });
        // }

        // //Ajax function to delete a record
        // function deleteRecordFn(id) {
        //     swal({
        //         title: "Are you sure?",
        //         text: "You will not be able to recover this imaginary file!",
        //         type: "warning",
        //         showCancelButton: true,
        //         confirmButtonColor: "#DD6B55",
        //         confirmButtonText: "Yes, delete it!",
        //         closeOnConfirm: false
        //     },
        //     function () {
        //         swal({title: "", text: "", timer: 0, showConfirmButton: false});
                
        //         jQuery.ajax({
        //             url: "{{ route('inspection_sheets.destroy', ':id') }}". replace(':id', id),
        //             type: 'DELETE',
        //             {{--data: {"id":stadiumId, "_token": "{{ csrf_token() }}" },--}}
        //             success: function (data) {
        //                 console.log(data.state + ' ' + data.msg);
                        
        //                 if (data.state === 'Done') {
        //                     jQuery.jGrowl(data.msg);
        //                     mainDataTable.draw();
        //                 } else if (data.state === 'Fail') {
        //                     jQuery.jGrowl(data.msg);
        //                 } else {
        //                     jQuery.jGrowl('Something went wrong!');
        //                 }
        //             },
        //             error: function (data) {
        //                 jQuery.jGrowl('Fatal error');
        //                 console.log(data);
        //             }
        //         });
        //     });
        // }

    </script>
    <!-- =============================================================================== -->

@endsection
@section('scripts')

@stop