@include('libraries', ['added' =>
 array('datatables-js', 'jquery-confirm-js', 'jquery-toast-js', 'jquery-number-js', 'bootstrap-datetimepicker-js', 'bootstrap-select-js' )])
<script>
   var refrescar_tabla, table;
   var config = 
   {
      datatable:
      {
         order: [[ 0, "desc" ]],
         ajax_source: '{!! route('administracion.base.mantenimientos.asistencias.index_ajax') !!}',
         send_request: function (request) 
         {
            request = set_request( request );  
         },
         data_source: function ( json ) 
         {
            return json.data;
         },
         initComplete: function()
         {
            //set_icheckbox();
         },
         columns: 
         [
            { data: 'fec_hor_asistencia', name: 'fec_hor_asistencia', orderable: true, searchable: false},
            { data: 'empleado.persona.nombre_o_fantasia', name: 'empleado.persona.nombre_o_fantasia', orderable: true, searchable: false},
            { data: 'empresa.descripcion', name: 'empresa.descripcion', orderable: true, searchable: false},
            { data: 'estado.descripcion', name: 'estado.descripcion', orderable: true, searchable: false},
            { data: 'centro_pago.descripcion', name: 'centro_pago.descripcion', orderable: true, searchable: false},
            { data: 'documento', name: 'documento', orderable: true, searchable: false},
            { data: 'tipo', name: 'tipo', orderable: true, searchable: false},
            { data: 'nro_orden', name: 'nro_orden', orderable: true, searchable: false},
            { data: 'es_extra', name: 'es_extra', orderable: true, searchable: false},
            { data: 'empleado.sucursal.descripcion', name: 'empleado.sucursal.descripcion', orderable: true, searchable: false, render:function(data,type,row)
               {
                  //console.log( JSON.stringify( row ) );
                  if( row.empleado != undefined && row.empleado.sucursal != undefined )
                     return row.empleado.sucursal.descripcion;
                  else
                     return '';
               }
            }
         ],
         default_datas_count: 10,
         tool_bar: '<"toolbar">' + "<'row'<'col-xs-12'<'col-xs-6'l><'col-xs-6'p>>r>"+
                     "<'row'<'col-xs-12't>>"+
                     "<'row'<'col-xs-12'<'col-xs-6'i><'col-xs-6'p>>>"
      }//end datatable
   }


   $(document).ready(function()
   {

   
      table = $('.datatable').DataTable
      ({
         dom: config.datatable.tool_bar,
         deferRender: true,
         processing: true,
         serverSide: true,
         order: config.datatable.order,
         paginate: true,
         lengthChange: true,
         iDisplayLength: config.datatable.default_datas_count,
         filter: true,
         sort: true,
         info: true,
         autoWidth: true,
         initComplete: config.datatable.initComplete,
         //"drawCallback": reordenar_celdas(),
         ajax: 
         {
            url: config.datatable.ajax_source,
            type: "POST",
            headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'},
            data: config.datatable.send_request,
            dataSrc: config.datatable.data_source,
         },
         columns: config.datatable.columns,
         language: 
         {
            decimal: "",
            processing:     "<i class='fa fa-circle-o-notch fa-spin text-primary  fa-3x'></i>",
            search:         "Buscar",
            lengthMenu:     "Mostrar _MENU_ Elementos",
            info:           "Mostrando de _START_ a _END_ registros de un total de _TOTAL_ registros",
            //infoEmpty:      "Affichage de l'&eacute;lement 0 &agrave; 0 sur 0 &eacute;l&eacute;ments",
            infoFiltered:   "(Filtrado de _MAX_ registros)",
            infoPostFix:    "",
            thousands:      ",",
            loadingRecords: "Cargando Registros...",
            zeroRecords:    "No existen registros disponibles",
            emptyTable:     "No existen registros disponibles",
            paginate: 
            {
               first:      "Primera",
               last:       "Ultima",
               next:       "<i class='fa fa-chevron-right'></i>",
               previous:   "<i class='fa fa-chevron-left'></i>"
            }
               
         } 
      });


   });

   $("#tiempo_inicio, #tiempo_fin").datetimepicker
   ({
      format: 'DD/MM/YYYY HH:mm',
      ignoreReadonly: true,
      stepping: 5,
      // mask:true,
   });

   
   $("#filtros input, #filtros select").on
   ({

      "keyup dp.change change": function()
      {
         clearTimeout(refrescar_tabla);
         refrescar_tabla = setTimeout(function() 
         {

            table.draw();

         }, 500);
      }

   });

   $("#documento").number( true, 0, '', '.' );

   function set_request( re )
   {
      re.cod_empleado = $("#cod_empleado").val();

      if( $("#tiempo_inicio").val() != '' )
         re.tiempo_inicio = moment( $("#tiempo_inicio").val(), "DD/MM/YYYY h:mm:ss" ).format("YYYY-MM-DD h:mm:ss");

      if( $("#tiempo_fin").val() != '' )
         re.tiempo_fin = moment( $("#tiempo_fin").val(), "DD/MM/YYYY h:mm:ss" ).format("YYYY-MM-DD h:mm:ss");

      re.cod_empleados = $("#cod_empleado").val();
      re.cod_empresas = $("#cod_empresa").val();
      re.cod_estado_asis = $("#cod_estado_asi").val();
      re.cod_centro_pagos = $("#cod_centro_pago").val();
      re.documento = $("#documento").val();

      return re;
   }


</script>