@extends('layouts.main')
@section('title')
    Trucks
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Vehicles Managements</a> <span class="divider">/</span></li>
        <li class="active">Trucks</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        @if(Auth::user()->can('ASSIGN DRIVER'))
            <button class="btn" style="margin-right: 2px" id="assign_driver"><span
                        class="iconsweets-create"></span> Assign Driver
            </button>
        @endif
        @if(Auth::user()->can('DELETE VEHICLE'))
            <button class="btn msgtrash btn-danger" style="margin-right: 4px" id="delete_multi_trucks"><span
                        class="iconsweets-trashcan"></span>
            </button>
        @endif

        @if(Auth::user()->can('EMPTY VEHICLES'))
            <button class="btn msgtrash btn-danger" style="margin-right: 4px" id="delete_all_trucks">
                TRUNCATE
            </button>
        @endif

        <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">
                @if(Auth::user()->can('ADD VEHICLES'))
                    <li><a onclick="modelShow('add_truck_modal_id')"><i class="icon-plus"></i> &nbsp;ADD TRUCK</a></li>
                @endif
                @if(Auth::user()->can('PRINT VEHICLE'))
                    <li>
                        <a href="{{route('trucks.print')}}" target="_blank"><i class="icon-plus"></i> &nbsp;Print
                            All</a>
                    </li>
                @endif
                @if(Auth::user()->can('PRINT DRIVER TRUCKS'))
                    <li>
                        <a href="{{route('employees.trucks.print')}}" target="_blank"><i class="icon-plus"></i> &nbsp;Driver's
                            Truck</a>
                    </li>
                @endif
            </ul>
        </div><!--btn-group-->
    </li>
@stop
@section('contentinner')
    <style>
        .form-filter {
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            color: #0e4722;
            font-weight: normal;
            text-align: center;
            padding-bottom: 4px;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">
            @if(Auth::user()->can('ADD VEHICLES'))
                <div style="margin-bottom: 8px">
                    <form class="form-inline form-filter" id="vehicle_import_excel"
                          action="{{route('trucks.import-excel')}}"
                          method="post"
                          enctype="multipart/form-data">
                        <input type="file" name="import_file"/>
                        <button class="btn btn-mini btn-primary">Import File</button>
                        <button class="btn btn-mini" id="download_sample_file">Download Sample
                            here
                        </button>
                    </form>
                </div>
            @endif
            <div class="clearfix"></div>
            @include('vehicles.includes._vehicle')
        </div><!--span12-->
    </div><!--row-fluid-->
    @include('vehicles.includes.truck_models')
    <script>
        jQuery(function () {
            var oTable = jQuery('#vehicles-list').dataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{route('data-tables.vehicles.index',array('type'=>'Vehicle'))}}'
                },
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "columns": [
                    {data: 'checkbox'},
                    {data: 'registration_number'},
                    {data: 'chassis_number'},
                    {data: 'model'},
                    {data: 'trailer_registration_number'},
                    {data: 'driver_name'},
                    {data: 'status'},
                    {data: 'location'},
                    {data: 'action'}
                ],
                "bStateSave": true
            });

            jQuery('#search-form').on('submit', function (e) {
                searchTable(e);
            });
            function searchTable(e) {
                e.preventDefault();
                oTable.fnFilter(this.value);
            }

            jQuery('#add_truck_from_id').on('submit', function (e) {
                e.preventDefault();
                addRecordFn($(this), 'vehicles-list');
            });


            //Ajax function to add a record
            function addRecordFn(form, data_table_id) {
                var formAction = form.attr('action');
                var formMethod = form.attr('method');
                var formData = form.serialize();

                jQuery.ajax({
                    url: formAction,
                    type: 'POST',
                    data: formData,
                    success: function (data) {
                        console.log(data);

                        if (data.state === 'Done') {
                            resetFormAndClose(form);
                            jQuery.jGrowl(data.msg);
                            $('#' + data_table_id).dataTable().fnFilter(this.value);
                        } else if (data.state === 'Fail') {
                            jQuery.jGrowl(data.msg);
                        }
                    },
                    error: function (data) {
                        console.log('Error: ');
                        console.log(data);
                    }
                });
            }


            jQuery('#download_sample_file').on('click', function (e) {
                e.preventDefault();
                window.open('{{route('trucks.export-excel.samples')}}', '_blank');
            });


        });


        function editRecordByURL(url) {
            jQuery.ajax({
                url: url,
                type: "GET",
                dataType: "html",
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#edit_form').empty().append(data);
                    jQuery('#edit_model').appendTo("body").modal('toggle');
                    $('select').select2();

                    jQuery('#edit_route_form').on('submit', function (e) {
                        e.preventDefault();
                        var form = $(this);
                        var formAction = form.attr('action');
                        var formMethod = 'PUT';
                        var formData = form.serialize();

                        jQuery.ajax({
                            url: formAction,
                            type: formMethod,
                            data: formData,
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                console.log(data);

                                if (data.state === 'Done') {
                                    jQuery.jGrowl(data.msg);
                                    resetFormAndClose(form);
                                    $('#vehicles-list').dataTable().fnFilter(this.value);
                                } else if (data.state === 'Fail') {
                                    jQuery.jGrowl(data.msg);
                                }
                            },
                            complete: function () {
                                stopSpinner()
                            },
                            error: function (data) {
                                console.log('Error: ');
                                console.log(data);
                            }
                        });

                    });

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


        jQuery('#assign_driver').click(function () {
            var checkRoutes = checkedTrucks();

            if (checkRoutes) {
                if (checkRoutes.length == 1) {
                    jQuery.ajax({
                        type: "GET",
                        cache: false,
                        url: "{{route('driver-allocations.create')}}",
                        data: {
                            trucks: checkRoutes,
                            type: 'TRUCK'
                        },
                        beforeSend: function () {
                            startSpinner();
                        },
                        success: function (data) {
                            jQuery('#driver_assignment').appendTo("body").modal('toggle');
                            jQuery('#assign_driver_model_body').empty().append(data);
                            jQuery('.driver_name').select2();
                        },
                        complete: function () {
                            stopSpinner()
                        },
                        error: function (data) {

                        }
                    });
                } else {
                    jAlert("PLEASE CHECK ONLY ONE TRUCK TO CONTINUE", 'SELECTION DIALOG');
                    return false;
                }
                return false;
            }
        });

        jQuery('#delete_multi_trucks').click(function () {
            var checkRoutes = checkedTrucks();
            if (checkRoutes) {
                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({
                                type: "post",
                                cache: false,
                                url: "{{route('trucks.multi-destroy')}}",
                                data: {
                                    trucks: checkRoutes,
                                    type: 'TRUCK'
                                },
                                success: function (data) {
                                    if (data == 'DONE') {
                                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} TRUCKS DELETED SUCCESSFUL!', {
                                            theme: 'contrastBorder',
                                            sticky: true
                                        });
                                        jQuery('#vehicles-list').dataTable().fnFilter(this.value);
                                    } else if (data == 'FAIL') {
                                        alert("FAIL TO DELETE VEHICLE.");
                                        jQuery('#vehicles-list').dataTable().fnFilter(this.value);
                                    }
                                },
                                error: function (data) {
                                }
                            });
                            return false;
                        });
            }
        });


        jQuery('#delete_all_trucks').click(function () {
            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({
                            type: "post",
                            url: "{{route('trucks.empty')}}",
                            success: function (data) {
                                console.log(data);

                                if (data.state === 'Done') {
                                    jQuery.jGrowl(data.msg);
                                    jQuery('#vehicles-list').dataTable().fnFilter(this.value);
                                } else if (data.state === 'Fail') {
                                    jQuery.jGrowl(data.msg);
                                }
                            },
                            error: function (data) {
                                console.log('Error: ');
                                console.log(data);
                            }
                        });
                    });
        });


        function checkedTrucks() {
            var checked = jQuery('.trucks:checked').length > 0;
            if (!checked) {
                jAlert("PLEASE CHECK AT LEAST ONE TRUCK TO CONTINUE", 'SELECTION DIALOG');
                return false;
            }
            var checkRoutes = [];
            jQuery('.trucks').each(function () {
                if (jQuery(this).is(':checked')) {
                    checkRoutes.push(jQuery(this).val());
                }
            });
            return checkRoutes;
        }

    </script>
@stop