@extends('layouts.main')
@push('styles')
<!-- BEGIN DataTables-->
<link rel="stylesheet" type="text/css" href="{{asset('datatables/datatables.min.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="panel-heading">
                    <div class="col-md-12">
                        <div class="col-md-8">                                
                            <h1>
                                {{ __('strings.preregistration') }}  
                            </h1>
                        </div>

                        <div class="col-md-4 text-right">                                                        
                                <a href="{{route('employees_preregister_import_view')}}" class="btn btn-primary mr-3 mb-1"> {{__('strings.import_from_excel')}}</a>
                                <a href="#" onclick='clearPregeregistrationData()' class="btn btn-danger mr-3 mb-1"> {{__('strings.delete_all')}}</a>
                        </div>
                    </div>
                </div>
                    
                <div class="cc-selector panel-body">
                    <div class="col-md-12 mt-4">
                        <div class="table-responsive">
                        <table id="trips-table" class="table hover mb-0">
                            <thead class="thead-inverse">
                                <tr>
                                    <th>{{__('strings.employee_number')}}</th>
                                    <th>QrCode</th>
                                    <th>{{__('strings.name')}}</th>
                                    <th>{{__('strings.last_name')}}</th>
                                    <th>{{__('strings.department')}}</th>
                                    <th>{{__('strings.phone')}}</th>
                                    <th></th>
                                    <th></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>
<!-- 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: false,	
                                searching: true,
                                serverSide: false,
                                ordering: false,
                                scrollY: '50vh',
                                scrollCollapse: true,
                                ajax: {
                                    url: "{{route('employees_preregistration_datatable')}}",
                                    type: "POST",
                                    data: {
                                        user_token: "{{Auth::user()->SECURE_TOKEN}}"
                                    }
                                },
                                columns: [
                                        { data: 'employee_number', defaultContent:"---"},
                                        { data: 'qr_code', defaultContent:"---"},
                                        { data: 'name', defaultContent:"---"},
                                        { data: 'last_name', defaultContent:"---"},
                                        { data: 'department', defaultContent:"---"},
                                        { data: 'phone', defaultContent:"---"},
                                        { data: 'id', render: function(data, type, row, meta){
                                            return "<a onclick='deleteEmployee(" + data + ")' class='danger' href='#'>Eliminar</a>";
                                        },defaultContent: "---"},
                                        { data: 'edit', defaultContent: "---"},
                                ],
                                dom: 'Bfrtip',
                                buttons: [
                                'copy', 'excel'
                                ],
                                "language" : {
                                        url: "{!! asset('datatables/languages/spanish.json') !!}"
                                }
                });
    });


    function clearPregeregistrationData(){
        // request nip
        bootbox.prompt({
            title: "Nip",
            inputType: 'password',
            size: 'small',
            closeButton: false,
            callback: function (nip) { 
                if(nip) {      
                    $.showPreloader("{{__('strings.processing_request')}}");
                    $.post("{{route('clear_preregistration_employyes')}}",{
                        user_token: '{{Auth::user()->SECURE_TOKEN}}',
                        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')}}");  
                        }
                    });
                }
        }
        });  
    }
    

    function deleteEmployee(employeeId) {
        // request nip
        bootbox.prompt({
            title: "Nip",
            inputType: 'password',
            size: 'small',
            closeButton: false,
            callback: function (nip) { 
                if(nip) {      
                    $.showPreloader("{{__('strings.processing_request')}}");
                    $.post("{{route('employees_preregistration_delete')}}",{
                        user_token: '{{Auth::user()->SECURE_TOKEN}}',
                        employee_id: employeeId,
                        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