@extends('layouts.main', ['title' => 'Inspection sheets'])
@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 class="active">Inspections</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>Reporter</th>
                        <th>Inspectors</th>
                        <th>Odometer (km)</th>
                        <th width='5px'>Action</th>
                    </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    
    
    @include('maintenance.inspection_sheets.create-form')
    
    {{-- @include('maintenance.inspection_sheets.results.create-form') --}}
    
    @include('maintenance.inspection_sheets.common')
    
    
    <!-- Create -->
    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="create_inspection_results_modal"></div>
    
    <!-- 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 mainDataTable = jQuery('#main_table').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading orders...",
                "sZeroRecords": "No Driver available.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: "{{ route('inspection_sheets.indexDatas') }}",
                method: 'POST',
                data: function (d) {
                },
                error: function (xhr, textStatus, error) {
                    if (textStatus === 'timeout') {
                        alert('Timeout error. The server took too long to send back the data.\nPlease try again.');
                    }
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                {data: 'checkbox'},
                {"class": "link", data: 'date'},
                {"class": "link", data: 'vehicle'},
                {"class": "link", data: 'received_from'},
                {"class": "link", data: 'inspection_sheet_inspectors'},
                {"class": "link", data: 'odometer'},
                {data: 'action'}
            ],
            "fnDrawCallback": function () {
                jQuery('.deleterow_c').click(function () {
                    var conf = confirm('Are you sure?');
                    if (conf)
                        var tr_p = jQuery(this).parents('tr');
                    var payment_voucher_id = tr_p.find('.payment_voucher_id').val();

                    jQuery.ajax({
                        type: "post",
                        cache: false,
                        url: "http://localhost:8000/payment-vouchers/delete",
                        data: {
                            payment_voucher_id: payment_voucher_id
                        },
                        success: function (data) {
                            if (data == 'DONE') {
                                notify('PAYMENT VOUCHER DETELETED SUCCESSFUL!');
                                jQuery('#payments-vouchers-list-1').dataTable().fnFilter(this.value);
                            } else {
                                alert("FAIL TO DELETE PAYMENT VOUCHER!");
                            }
                        },
                        error: function (data) {}
                    });
                    return false;
                });
            },
            "bStateSave": true
        });
        
        
        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.empty().append(data);

                    modelShow('edit_inspection_modal');

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


        // Ajax function to add a record
        function updateRecordFn(form) {
            // jQuery.ajax({
            //     url: form.action,
            //     type: form.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 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