@extends('layouts.main', ['title' => 'Driver Management'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Drivers Management</li>
        </li>
    </ul>
@stop
@section('title', 'Drivers')
@section('msghead_menu')
    <li class="right btn-group">
        <div class="btn-group">
            <button class="btn" onclick="modelShow('create_driver_modal')">
                <i class="icon-th"></i> &nbsp;NEW DRIVER
            </button>
        </div><!--btn-group-->
    </li>
@endsection
@section('contentinner')
    <!-- Main Table -->
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed logistics_table" id="drivers">
                <thead>
                    <tr>
                        {{--<th width='5px'><input type="checkbox" class="checkall"/></th>--}}
                        <th style="width: 10%">License No</th>
                        <th style="width: 10%">Code</th>
                        <th style="width: 35%">Name</th>
                        <th style="width: 10%">Phone</th>
                        <th style="width: 10%">Truck</th>
                        <th style="width: 10%">License Status</th>
                        <th style="width: 10%">Passport Status</th>
                        {{--<th>Location</th>--}}
                        <th style="width: 5%">Action</th>
                    </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    
    
    <!--Driver Model-->
    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="driver_modal" data-backdrop="static">
    </div>
    
    
    <!-- Create -->
    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="create_driver_modal" data-backdrop="static">
        <form method="POST" action="{{ route('drivers_management.store') }}" accept-charset="UTF-8" class="stdform"  id="loading_order_form">
            {{ csrf_field() }}
            
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">Create Driver</h3>
            </div>
            <div class="modal-body">
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('employee_name', 'First Name', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('employee_name', old('employee_name', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('last_name', 'Last Name', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('last_name', old('last_name', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('birth_date', 'Birth date', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('birth_date', old('birth_date', ''), ['class'=>'span12 date_picker']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('gender', 'Gender', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::select('gender', [''=>'Select...', 'Male'=>'Male', 'Female'=>'Female'], old('gender', ''), ['class'=>'span12', 'width'=>'100%']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('phone_no', 'Phone Number', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('phone_no', old('phone_no', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('account_no', 'Account No.', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('account_no', old('account_no', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <!-- <div class="span6">
                        {!! Form::label('email', 'Email', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::email('email', old('email', ''), ['class'=>'span12']) !!}
                        </div>
                    </div> -->
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('joining_date', 'Joining date', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('joining_date', old('joining_date', ''), ['class'=>'span12 date_picker']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('address', 'Address', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('address', old('address', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('salutation', 'Salutation', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('salutation', old('salutation', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('emp_category', 'Employee Category', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::select('emp_category', [''=>'Select...', 'Local'=>'Local', 'Foreigner'=>'Foreigner'], old('emp_category', ''), ['class'=>'span12', 'width'=>'100%']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('ssf', 'SSF', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('ssf', old('ssf', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('ssf_no', 'SSF No.', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('ssf_no', old('ssf_no', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('bank', 'Bank', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('bank', old('bank', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('branch', 'Branch', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('branch', old('branch', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('contact_person', 'Contact Person', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('contact_person', old('contact_person', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('relationship', 'Relationship', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('relationship', old('relationship', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('dept_id', 'Department', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::select('dept_id', $departments, old('dept_id', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('role_id', 'Role', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::select('role_id', $positions, old('role_id', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('passport', 'Passport', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('passport', old('passport', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('lece_no', 'License No', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('lece_no', old('lece_no', ''), ['class'=>'span12']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('pas_start', 'Passport start', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('pas_start', old('pas_start', ''), ['class'=>'span12 date_picker']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('pass_end', 'Passport end', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('pass_end', old('pass_end', ''), ['class'=>'span12 date_picker']) !!}
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span6">
                        {!! Form::label('l_start', 'License start', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('l_start', old('l_start', ''), ['class'=>'span12 date_picker']) !!}
                        </div>
                    </div>
                    <div class="span6">
                        {!! Form::label('lend', 'License end', ['class'=>'span4']) !!}
                        <div class="field span8">
                            {!! Form::text('lend', old('lend', ''), ['class'=>'span12 date_picker']) !!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success">SAVE DRIVER</button>
                <button type="reset" class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            </div>
        </form>
    </div>
    
    
    
    
    <script>
        var dt = jQuery('#drivers');
        var mainDataTable = dt.on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No Orders available.",
                    "sInfoEmpty": "No entries to display."
                },
                ajax: {
                    url: "{{ route('drivers_management.indexDatas') }}",
                    data: function (d) {
                    },
//                         error: function(xhr, textStatus, error) {
//                             onAjaxError(xhr, textStatus, error);
//                         }
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order": [[ 1, "asc" ]],
                "columns": [
                    // {data: 'checkbox'},
                    {"class": "link", data: 'licence_number'},
                    {"class": "link", data: 'code'},
                    {"class": "link", data: 'driver'},
                    {"class": "link number", data: 'phone_number'},
                    {"class": "link", data: 'truck'},
                    {"class": "link", data: 'licence_status'},
                    {"class": "link", data: 'passport_status'},
                    // {"class": "link", data: 'location'},
                    {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_driver_modal = jQuery('#create_driver_modal');
        var form = create_driver_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) {
            jQuery.ajax({
                url: '{{ route("drivers_management.edit", ":id") }}'. replace(':id', id),
                type: "GET",
                data: "",
                success: function (data) {
                    var driver_modal = jQuery('#driver_modal');
                    driver_modal.empty().append(data);
                    modelShow('driver_modal');
                    
                    var driver_form = driver_modal.find('form');
                    driver_form.on('submit', function(e) {
                        e.preventDefault();
                        updateRecordFn(driver_form);
                    });
                },
                error: function (data) {
                    console.log('Error: ');
                    console.log(data);
                }
            });
        }
        
        function updateRecordFn(form) {
            jQuery.ajax({
                url: form.attr('action'),
                type: 'PUT',
                data: form.serialize(),
                success: function (data) {
                    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('drivers_management.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