<?php
// Proteger con autenticación
require_once __DIR__ . '/../shared/includes/auth.php';
requireAuth();

include 'conexion.php';
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gestión de Trabajadores</title>
    
    <!-- Toastify CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<!-- Toastify JS -->


    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
    
    <!-- Estilos de la pagina -->
    <?php include 'styles.php'; ?>


</head>
<body>

<div class="container-fluid mt-4">
    <h2 class="text-center">Gestión de Trabajadores</h2>

    <div class="d-flex justify-content-between mb-3">
        <div>
            <a href="/ssoma/dashboard/" class="btn btn-primary btn-sm me-2">
                <i class="fa-solid fa-gauge"></i> Dashboard
            </a>
            <button class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#modalAgregar">
                <i class="fa-solid fa-user-plus"></i> Agregar Trabajador
            </button>
        </div>
    </div>

    <!-- Filtros -->
    <?php include 'filtros.php'; ?>

    <!-- Tabla -->
    <div class="table-container mt-2">
        <div class="table-responsive">
            <table id="tablaTrabajadores" class="table table-bordered">
                <thead class="table-dark">
                    <tr>
                        <th>ID</th>
                        <th>Nombre</th>
                        <th>DNI/CE</th>
                        <th>Edad</th>
                        <th>Área</th>
                        <th>Puesto</th>
                        <th>Antigüedad</th>
                        <th>Sexo</th>
                        <th>Turno</th>
                        <th>Contrato / RHE</th>
                        <th>Experiencia</th>
                        <th>Horas</th>
                        <th>Empresa</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php
                    $sql = "SELECT * FROM Trabajador ORDER BY id_trabajador DESC";
                    $result = $pdo->query($sql);
                    while ($row = $result->fetch()) { ?>
                        <tr>
                            <td><?= $row['id_trabajador'] ?></td>
                            <td><?= $row['apellidos_nombres'] ?></td>
                            <td><?= $row['dni_ce'] ?></td>
                            <td><?= $row['edad'] ?></td>
                            <td><?= $row['area'] ?></td>
                            <td><?= $row['puesto_trabajo'] ?></td>
                            <td><?= $row['antiguedad_empleo'] ?> años</td>
                            <td><?= $row['sexo'] ?></td>
                            <td><?= $row['turno'] ?></td>
                            <td><?= $row['tipo_contrato'] ?></td>
                            <td><?= $row['experiencia_puesto'] ?> años</td>
                            <td><?= $row['horas_jornada'] ?> h</td>
                            <td><?= $row['empresa'] ?></td>
                            <td>
                                <button class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#modalEditar<?= $row['id_trabajador'] ?>">
                                    <i class="fa-solid fa-edit"></i>
                                </button>
                                <button class="btn btn-danger btn-sm btn-eliminar" data-id="<?= $row['id_trabajador'] ?>">
    <i class="fa-solid fa-trash"></i>
</button>

                            </td>
                        </tr>
                        <?php include 'modal_editar_trabajador.php'; ?>
                    <?php } ?>
                </tbody>
            </table>
        </div>
    </div>
</div>

<?php include 'modal_agregar_trabajador.php'; ?>

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>

<script>
$(document).ready(function () {
    var table = $('#tablaTrabajadores').DataTable({
        "order": [[0, "desc"]],
        "pagingType": "full_numbers",
        "scrollX": true,
        "autoWidth": false,
        "stateSave": true,  // 🔹 Guarda la página actual al recargar
        "language": {
            "url": "//cdn.datatables.net/plug-ins/1.13.6/i18n/Spanish.json",
            "lengthMenu": "Mostrar _MENU_ registros por página",
            "zeroRecords": "No se encontraron resultados",
            "info": "Mostrando _START_ a _END_ de _TOTAL_ registros",
            "infoEmpty": "No hay registros disponibles",
            "infoFiltered": "(filtrado de _MAX_ registros en total)",
            "search": "Buscar:",
            "paginate": {
                "first": "Primero",
                "last": "Último",
                "next": "Siguiente",
                "previous": "Anterior"
            }
        }
    });

    $("#btnFiltrar").on("click", function () {
        var nombre = $("#nombre").val().toLowerCase();
        var area = $("#area").val().toLowerCase();
        var contrato = $("#contrato").val().toLowerCase();
        var empresa = $("#empresa").val().toLowerCase();

        table.columns(1).search(nombre);
        table.columns(4).search(area);
        table.columns(9).search(contrato);
        table.columns(12).search(empresa).draw();
    });

    $("#btnLimpiar").on("click", function () {
        $("#nombre, #area, #contrato, #empresa").val('');
        table.columns().search('').draw();
    });
});
</script>

<script src="toastify.js"></script>
<!-- Toastify JS -->


<script>
document.addEventListener("DOMContentLoaded", function () {
    const urlParams = new URLSearchParams(window.location.search);
    if (urlParams.has('msg')) {
        let mensaje = urlParams.get('msg') === 'success' ? "Trabajador agregado correctamente" : "Error al agregar trabajador";
        let color = urlParams.get('msg') === 'success' ? "green" : "red";
        mostrarToast(mensaje, color);
        
        // Elimina el parámetro de la URL después de mostrar el toast
        history.replaceState(null, "", window.location.pathname);
    }
});
</script>

<!-- SweetAlert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="sweetalert_eliminar.js"></script>


<script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
    let message = localStorage.getItem('toastMessage');
    let color = localStorage.getItem('toastColor');

    if (message) {
        Toastify({
            text: message,
            duration: 3000,
            gravity: "top",
            position: "right",
            backgroundColor: color || "black",
            stopOnFocus: true
        }).showToast();

        // Limpiar el mensaje después de mostrarlo
        localStorage.removeItem('toastMessage');
        localStorage.removeItem('toastColor');
    }
});
</script>


</body>
</html>
