@extends('layouts.main')
@push('styles')
<!-- BEGIN DataTables-->
<link rel="stylesheet" type="text/css" href="{{asset('datatables/datatables.min_1.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('css/dataTables.checkboxes.css')}}"/>
<!-- END DataTables-->
@endpush
@section('content')
<div class="card">
    <div class="card-block">
        <div class="col-md-12">
            <div class="panel panel-default">   
                <div class="cc-selector panel-body">
                    <div class="panel-heading">
                        <h1>
                            {{ __('strings.employees_preroutes') }}     
                                                   
                            <span class="float-sm-right">                                
                                <button class="btn btn-warning" onclick="requestEnableAll()" hidden>
                                {{ __('strings.enable_all') }}
                                </button>
                            </span> 
                        </h1>
                    </div>
                    
                    <hr>
                
                    <div class="col-md-12">
                    <div class="table-responsive">
                        <table id="trips-table" class="table hover mb-0">
                            <thead class="thead-inverse">
                                <tr>
                                    <th></th>	 
                                    <th>Id</th>	 
                                    <th>NIP registro</th>	 
                                    <th>{{__('strings.route_name')}}</th>
                                    <th>{{__('strings.price')}}</th>
                                    <th></th>
                                    <th>{{__('strings.created_at')}}</th>
                                    <th>{{__('strings.time_at')}}</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')

<!-- BEGIN DataTables-->
<script src="{{asset('datatables/datatables.min_1.js')}}" type="text/javascript"></script>
<script src="{{asset('js/dataTables.checkboxes.min.js')}}" type="text/javascript"></script>
<!-- END DataTables-->


<script type="text/javascript">
    
    var table;
    $(document).ready(function() {

        //setting language for moment.js
        moment.locale('es');

        //initialize datetable
        table = $('#trips-table').DataTable({
                                responsive: false,
                                paging: true,	
                                searching: true,
                                serverSide: true,
                                processing: true,
                                ordering: true,
                                ajax: {
                                    url: "{{route('get_employes_datatables')}}",
                                    type: "POST",
                                    data: {
                                        user_token: "{{Auth::user()->SECURE_TOKEN}}"
                                    }
                                },
                                columns: [
                                        { data: 'id', render: function(data, type, row, meta){
                                            return `<button type="button" class="btn btn-sm btn-danger" onclick="nipRequest(\'${data}\')"><i class="fa fa-trash"></i></button>`;
                                        }},
                                        { data: 'id', defaultContent: "---"},
                                        { data: 'request_nip.nip_name' ,defaultContent: "---"},
                                        { data: 'route_name', defaultContent: "---"},
                                        { data: 'rate.rate', defaultContent: "---"},
                                        { data: 'quiq_uri', render: function(data, type, row, meta){
                                                return data;
                                            }
                                            ,defaultContent: "---"
                                        },
                                        { data: 'scheduled_at', render: function(data, type, row, meta) {
                                                return moment.utc(data).local().format('YYYY-MM-DD');
                                            },
                                            defaultContent: "---"
                                        },
                                        { data: 'scheduled_at', render: function(data, type, row, meta) {
                                                return moment.utc(data).local().format('HH:mm:ss');
                                            },
                                            defaultContent: "---"
                                        }
                                ],
                                dom: 'Bfrtip',
                                order:[[0, 'desc']],
                                buttons: [
                                'pageLength', 'copy', 'excel',{
                                        text: 'Actualizar Datos',
                                        action: function ( e, dt, node, config ) {
                                            window.location.reload();
                                        }
                                    }
                                ],
                                "language" : {
                                        url: "{!! asset('datatables/languages/spanish.json') !!}"
                                }
                });
    });
    
    
    
$("#form_optimal_route").on('submit', function(e) {
    var form = this;
    var rows_selected = table.column(0).checkboxes.selected();
    
    if(!rows_selected.length) {
        $.alert("{{__('strings.no_employees_selected')}}");
        return false;
    }
    // Iterate over all selected checkboxes
    $.each(rows_selected, function(index, rowId){
        console.log(rowId);
         // Create a hidden element
         $(form).append(
             $('<input>')
                .attr('type', 'hidden')
                .attr('name', 'employees[]')
                .val(rowId)
         );
    });
    
});

function nipRequest(prerouteId) {
    console.log("prerouteId", prerouteId)
    window.scrollTo(0, 0); 
    bootbox.prompt({
        title: "Nip",
        inputType: 'password',
        size: 'small',
        closeButton: false,
        callback: function (nip) { 
            if(nip) {      
                deletePreroute(nip, prerouteId);
            }
        }
    });
} 

function requestEnableAll() {
    window.scrollTo(0, 0); 
    bootbox.prompt({
        title: "Nip",
        inputType: 'password',
        size: 'small',
        closeButton: false,
        callback: function (nip) { 
            if(nip) {      
                requestPermissions(nip, 0, true);
            }
        }
    });
} 
 
function requestPermissions(nip, preRouteId, enableAll) {
    $.showPreloader("{{__('strings.processing_request')}}");
    $.post("{{route('get_preroutes_permisions')}}",{
        user_token: '{{Auth::user()->SECURE_TOKEN}}',
        pre_rooute_id: preRouteId,
        nip: nip,
        enable_all: enableAll
        },
    function(data) {
        console.log(data);
        $.hidePreloader();
        table.ajax.reload();
    })
    .fail(function(err) {
        console.log(err);
        $.hidePreloader();
        if(err.responseJSON) {
            $.alert(err.responseJSON.message);
        } else {
            $.alert("{{__('strings.error_message')}}");  
        }
    });
}

function deletePreroute(nip, preRouteId){
    $.showPreloader("{{__('strings.processing_request')}}");
    $.post("{{route('employee_delete_preroute')}}",{
        token: '{{Auth::user()->SECURE_TOKEN}}',
        pre_rooute_id: preRouteId,
        nip: nip
        },
    function(data) {
        console.log(data);
        $.hidePreloader();
        table.ajax.reload();
    })
    .fail(function(err) {
        console.log(err);
        $.hidePreloader();
        if(err.responseJSON) {
            $.alert(err.responseJSON.message);
        } else {
            $.alert("{{__('strings.error_message')}}");  
        }
    });
}
</script>
@endpush