<?php
$page_title = 'LISTADO DE BITACORA';
require_once('../../includes/load.php');
// Checkin What level user has permission to view this page
  page_require_level(5);
?>
<?php include_once('../../layouts/header.php'); ?>
 <div class="col-md-12">
   <?php echo display_msg($msg); ?>
 </div>
<div class="col-md-16">
  <div class="container pt-1 mt-1 animated fadeIn" >
    <div class="row pt-4">
      <div class="col-12 mb-3">
        <p class="h1 text-center text-primary font-weight-bold"> Listado de Bitacora <i class="fas fa-user-alt"></i></p>
      </div>
    </div> 
    <div class="row">
        <div class="col-12 col-lg-4"> 
          <p class="text-primary mb-1">Buscar Placa</p>
          <div class="input-group mb-3">             
            <input placeholder="Buscar" id="placa" name="placa" type="text" class="form-control">
               
          </div>
        </div>    
        <div class="col-12 col-lg-4"> 
          <p class="text-primary mb-1">Buscar Usuario</p>
          <div class="input-group mb-3">             
            <input placeholder="Buscar" id="usuario" name="usuario" type="text" class="form-control">               
          </div>
        </div>    
    </div>
    <div class="col-12">          
                <div class="panel-body">
                <table class="table table-striped"  id="mytable">
                    <thead>
                        <tr>
                            <th style="text-align: center; padding-right: 10px;">N° PLACA</th>
                            <th style="text-align: center; padding-right: 20px;">FECHA</th>
                            <th style="text-align: center; padding-right: 20px;">USUARIO</th>
                            <th style="text-align: center; padding-right: 10px;">MOTIVO</th>
                            <th style="text-align: center; padding-right: 10px;">AREA</th>
                            <th style="text-align: center; padding-right: 10px;">D.CARGA</th>
                            <th style="text-align: center; padding-right: 10px;">KM INICIAL</th>
                            <th style="text-align: center; padding-right: 10px;">KM FINAL</th>
                            <th style="text-align: center; padding-right: 10px;">OPCIONES</th>
                        </tr>
                    </thead>
                </table>
            </div>
    </div>
  </div>
</div>
<?php include_once('../../layouts/footer.php'); ?>
<script>
$( document ).ready(function() {
var table = $('#mytable').DataTable({
          responsive: true,
          deferRender: true,
          columnDefs: [{
                "defaultContent": "-",
                "targets": "_all"
              }],
         "dom": 'tp',
         "autoWidth": false,
         "bProcessing": true,
         "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
         "language":{
            "lengthMenu": "Mostrar _MENU_ registros por pagina",
            "info": "Mostrando pagina _PAGE_ de _PAGES_",
            "infoEmpty": "No hay registros disponibles",
            "infoFiltered": "(filtrada de _MAX_ registros)",
            "search": "Buscar Total:",
            "zeroRecords":    "No se encontraron registros coincidentes",
            "paginate": {
                "next":       "Siguiente",
                "previous":   "Anterior"
            },  
         },
         "sAjaxSource": "data/data.php",
          "bPaginate":true,
          "iDisplayLength": 10,
          "order": [[9, "ASC"]],
         "aoColumns": [
                { mData:'ID_VEHICULO'},
                { mData:'FECH_REG'}, 
                { mData:'ID_USER'},
                { mData:'MOTIVO_TRASLADO'},
                { mData:'AREA'},
                { mData:'DETALLE_CARGA'},  
                { mData:'KM_INICIAL'},
                { mData:'KM_FINAL'},
                { 
                   "render": function (data, type, full, row) {
                        // Parsea la fecha manualmente en el formato "dd-mm-yyyy"
                        var fechaParts = full['FECH_REG'].split('-');
                        var mesRegistro = parseInt(fechaParts[1], 10); // Convierte el mes a número base 10
                        var anioRegistro = parseInt(fechaParts[0], 10); // Convierte el año a número base 10

                        var mesActual = <?php echo date("m");?>;
                        var anioActual = <?php echo date("Y");?>;

                        var user = "<?php echo $user['name'].' '.$user['last_name'];?>";

                        // Eliminar espacios en blanco adicionales y convertir a minúsculas antes de comparar
                        var userE = user.trim().toLowerCase();
                        var idUser = full['ID_USER'].trim().toLowerCase();

                        //Variable para el tipo de usuario
                        var userlevel = "<?php echo $user['user_level'];?>";

                        // Obtener la fecha actual y el día actual
                        var fechaActual = new Date();
                        var diaActual = fechaActual.getDate();

                        // Calcula el mes anterior y el año anterior
                        var mesAnterior = mesActual === 1 ? 12 : mesActual - 1;
                        var anioAnterior = mesActual === 1 ? anioActual - 1 : anioActual;

                        if (userlevel == 1)
                            
                        {
                            return '<center><a style="margin-right: 3pt" href="edit_bitacora.php?id='+ full.id +'" class="btn btn-xs btn-primary confirmEditar"  title="Editar"><span class="glyphicon glyphicon-pencil"></span> Editar </a>         <a style="margin-right: 3pt" href="delete_bitacora.php?id='+ full.id +'" class="btn btn-xs btn-primary confirmEliminar" title="Ver"><span class="glyphicon glyphicon-eye-open"></span> Eliminar </a></center>';
                        }
                        // Verificar si los valores son exactamente iguales o si es el mes anterior o el mes actual y dentro del rango de 9 días
                        else if (
                            (mesRegistro === mesActual && anioRegistro === anioActual && userE === idUser) ||
                            (mesRegistro === mesAnterior && anioRegistro === anioAnterior && diaActual <= 3 && userE === idUser)// diaActual sirve para al pasar de los dias se inhabilite los botones 
                        ) {
                            return '<center><a style="margin-right: 3pt" href="edit_bitacora.php?id='+ full.id +'" class="btn btn-xs btn-primary confirmEditar"  title="Editar"><span class="glyphicon glyphicon-pencil"></span> Editar </a>         <a style="margin-right: 3pt" href="delete_bitacora.php?id='+ full.id +'" class="btn btn-xs btn-primary confirmEliminar" title="Ver"><span class="glyphicon glyphicon-eye-open"></span> Eliminar </a></center>';                            
                        } else {
                            return '';
                        }
                    }
                },
                {
                    "visible": false, // Hace que la columna "id" no sea visible
                    "data": "id" // Indica que la columna "id" debe ser utilizada para el ordenamiento
                },    
                           
        ]


}); 
$('#placa, #usuario').on('keyup change clear', function () {
        table
            .column(0)
            .search($('#placa').val())
            .column(2)
            .search($('#usuario').val())
            .draw();
    });
});
</script>