<?php
require_once "../../functions.php";
$pag = basename($_SERVER['PHP_SELF']);
if (comprobar_override(str_replace($_SERVER['DOCUMENT_ROOT'], '', __FILE__))) exit;
gen_plantilla(true, $pag, false, false, '', false, false);

$empleado_filt = filter_input(INPUT_POST, 'empleado', FILTER_SANITIZE_SPECIAL_CHARS);
if (isset($_POST['empleado']) && !empty($empleado_filt)) {
    $busqueda = '%' . $empleado_filt . '%';
    $empleados = consulta(
        "SELECT e.*, u.usuario AS usuario, g.nombre AS grupo FROM empleados AS e
        LEFT JOIN usuarios AS u ON u.id_empleado=e.id
        LEFT JOIN grupos AS g ON g.id=e.id_grupo
        WHERE e.nombre LIKE ? OR e.apellidos LIKE ? OR CONCAT(e.nombre, ' ', e.apellidos) LIKE ?
        ORDER BY e.nombre;",
        [$busqueda, $busqueda, $busqueda],
        true
    );
}
else
    $empleados = consulta(
        "SELECT e.*, u.usuario AS usuario, g.nombre AS grupo FROM empleados AS e
        LEFT JOIN usuarios AS u ON u.id_empleado=e.id
        LEFT JOIN grupos AS g ON g.id=e.id_grupo
        ORDER BY e.nombre;",
        [],
        true
    );
for ($i = 0; $i < count($empleados); $i++) : ?>

    <details>
        <summary>
            <section class="flex row gap1">
                <span class="titulo-summary"><?= $empleados[$i]["nombre"] . ' ' . $empleados[$i]["apellidos"] ?></span>
                <?php
                if ($_SESSION['tipo_usuario'] !== "inspector"): ?>
                    <section class='modificadoresficha'>
                        <a href="<?= SITIO_CARPETA ?>/views/forms/empleado?id=<?= $empleados[$i]["id"] ?>" title="Modificar a <?= $empleados[$i]["nombre"] ?>" class="flex supercentrado azul btn-circle-glass" style="width: 1.8rem; height:1.8rem; background-color: transparent;">
                            <svg class="modificar" style="padding: .5rem;" aria-hidden="true" focusable="false" data-prefix="far" data-icon="pen-to-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                                <path fill="currentColor" d="M373.1 24.97C401.2-3.147 446.8-3.147 474.9 24.97L487 37.09C515.1 65.21 515.1
                                110.8 487 138.9L289.8 336.2C281.1 344.8 270.4 351.1 258.6 354.5L158.6 383.1C150.2 385.5 141.2 383.1 135
                                376.1C128.9 370.8 126.5 361.8 128.9 353.4L157.5 253.4C160.9 241.6 167.2 230.9 175.8
                                222.2L373.1 24.97zM440.1 58.91C431.6 49.54 416.4 49.54 407 58.91L377.9 88L424 134.1L453.1 104.1C462.5 95.6
                                462.5 80.4 453.1 71.03L440.1 58.91zM203.7 266.6L186.9 325.1L245.4 308.3C249.4 307.2 252.9 305.1 255.8
                                302.2L390.1 168L344 121.9L209.8 256.2C206.9 259.1 204.8 262.6 203.7 266.6zM200 64C213.3 64 224 74.75 224
                                88C224 101.3 213.3 112 200 112H88C65.91 112 48 129.9 48 152V424C48 446.1 65.91 464 88 464H360C382.1 464
                                400 446.1 400 424V312C400 298.7 410.7 288 424 288C437.3 288 448 298.7 448 312V424C448 472.6 408.6 512 360
                                512H88C39.4 512 0 472.6 0 424V152C0 103.4 39.4 64 88 64H200z">
                                </path>
                            </svg></a>
                        <button title="Eliminar a <?= $empleados[$i]["nombre"] ?>" class="flex supercentrado btn-circle-glass rojo eliminar" style="width: 2rem; height:2rem" value="<?= $empleados[$i]["id"] ?>" onclick="dialog_eliminar_empleado(<?= $empleados[$i]['id'] ?>)">
                            <svg aria-hidden="true" focusable="false" data-prefix="fas"
                                data-icon="user-slash" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
                                <path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5
                                    6.3 33.7-4.1s6.3-25.5-4.1-33.7L353.3 251.6C407.9 237 448 187.2 448 128C448 57.3 390.7 0 320 0C250.2 0 193.5
                                    55.8 192 125.2L38.8 5.1zM264.3 304.3C170.5 309.4 96 387.2 96 482.3c0 16.4 13.3 29.7 29.7 29.7H514.3c3.9 0
                                    7.6-.7 11-2.1l-261-205.6z">
                                </path>
                            </svg></button>
                    </section>
            </section>
        <?php endif; ?>
        </summary>
        <!-- Mostrar horario y pin -->
        <section class="flex column gap1 pa1">
            <section class="flex column gap1 pa1" style="background-color: light-dark(#82bbfc9d,#2a4b6f); border-radius:.3rem">
                <?php if (!empty($empleados[$i]["subcontratado"]) && $empleados[$i]["subcontratado"]): ?>
                    <span class="flex gap02"><b>Subcontratado</b></span>
                <?php endif; ?>
                <?php if (!empty($empleados[$i]["tipo_contrato"])): ?>
                    <span class="flex gap02">Contrato: <b><?= $empleados[$i]["tipo_contrato"] . ' ' . (!empty($empleados[$i]["contrato_horas"]) ? '(' . $empleados[$i]["contrato_horas"] . 'h)' : '') ?></b></span>
                <?php endif; ?>
                <?php if (!empty($empleados[$i]["grupo"])): ?>
                    <span class="flex gap02">Grupo: <b><?= $empleados[$i]["grupo"] ?></b></span>
                <?php endif; ?>
                <?php if (!empty($empleados[$i]["usuario"])): ?>
                    <span class="flex gap02">Usuario: <b><?= $empleados[$i]["usuario"] ?></b></span>
                <?php endif; ?>
                <?php if (!empty($empleados[$i]["email"])): ?>
                    <span class="flex gap02">Correo electrónico: <b><?= $empleados[$i]["email"] ?></b></span>
                <?php endif; ?>
                <?php if (!empty($empleados[$i]["telefono"])): ?>
                    <span class="flex gap02">Teléfono: <b><?= $empleados[$i]["telefono"] ?></b></span>
                <?php endif; ?>
                <?php if (!empty($empleados[$i]["fecha_alta"])): ?>
                    <span class="flex gap02">Fecha de alta: <b><?= date('d/m/Y', strtotime($empleados[$i]["fecha_alta"])) ?></b></span>
                <?php endif; ?>
                <span class="flex gap02">Pin: <b><?= $empleados[$i]["pin"] ?></b></span>
                <?php if (!empty($empleados[$i]["observaciones"]) && $_SESSION['tipo_usuario'] == 'admin'): ?>
                    <span class="flex gap02">Observaciones: <b><?= $empleados[$i]["observaciones"] ?></b></span>
                <?php endif; ?>
            </section>
            <?php impr_tabla_mostrar_horas($empleados, $i) ?>
        </section>
    </details>
<?php endfor; ?>

<style>
details {
    width: 43rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1024px) {
    details {
        width: 90%;
    }
}
@media (max-width: 768px) {
    details {
        width: 100%;
    }
}
</style>