<?php  
require 'conexion.php';

// Obtener la lista de trabajadores con todos sus datos
$query = "SELECT * FROM Trabajador ORDER BY apellidos_nombres ASC";
$stmt = $pdo->prepare($query);
$stmt->execute();
$trabajadores = $stmt->fetchAll(PDO::FETCH_ASSOC);

// Obtener la lista de tipos de eventos
$query_eventos = "SELECT tipo_evento FROM Evento";
$stmt_eventos = $pdo->prepare($query_eventos);
$stmt_eventos->execute();
$eventos = $stmt_eventos->fetchAll(PDO::FETCH_ASSOC);
?>

<!-- �9�7 Modal para Agregar Atenci��n M��dica -->
<div class="modal fade" id="modalAgregar" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <form id="formAtencion" method="POST" action="guardar_atencion.php">
            <div class="modal-content">
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title"><i class="bi bi-plus-circle"></i> Nueva Atencion Medica</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row">

                        <!-- �9�7 Fecha y Hora de Atenci��n -->
                        <div class="col-md-6 mb-3">
                            <label class="fw-bold">Fecha de Atencion/label>
                            <div class="input-group">
                                <span class="input-group-text bg-success text-white"><i class="bi bi-calendar-date"></i></span>
                                <input type="date" name="fecha_atencion" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="fw-bold">Hora de Atencion</label>
                            <div class="input-group">
                                <span class="input-group-text bg-success text-white"><i class="bi bi-clock"></i></span>
                                <input type="time" name="hora_atencion" class="form-control" required>
                            </div>
                        </div>

                        <!-- �9�7 Selecci��n de Trabajador -->
                        <div class="col-md-6 mb-3">
                            <label class="fw-bold">Apellidos y Nombres</label>
                            <div class="input-group">
                                <span class="input-group-text bg-success text-white"><i class="bi bi-person"></i></span>
                                <select id="trabajadorSelect" name="id_trabajador" class="form-select" required>
                                    <option value="">Seleccione...</option>
                                    <?php foreach ($trabajadores as $trabajador): ?>
                                        <option value="<?= $trabajador['id_trabajador'] ?>"
                                            data-dni="<?= $trabajador['dni_ce'] ?>"
                                            data-edad="<?= $trabajador['edad'] ?>"
                                            data-sexo="<?= $trabajador['sexo'] ?>"
                                            data-empresa="<?= $trabajador['empresa'] ?>"
                                            data-area="<?= $trabajador['area'] ?>"
                                            data-puesto="<?= $trabajador['puesto_trabajo'] ?>">
                                            <?= htmlspecialchars($trabajador['apellidos_nombres']) ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                        </div>

                        <!-- �9�7 Sexo y Edad -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">Sexo</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-gender-ambiguous"></i>
        </span>
        <input type="text" id="sexo" name="sexo" class="form-control" readonly>
    </div>
</div>

<div class="col-md-6 mb-3">
    <label class="fw-bold">Edad</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-calendar"></i>
        </span>
        <input type="number" id="edad" name="edad" class="form-control" readonly>
    </div>
</div>

<!-- �9�7 DNI y Empresa -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">DNI</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-credit-card"></i>
        </span>
        <input type="text" id="dni" name="dni" class="form-control" readonly>
    </div>
</div>

<div class="col-md-6 mb-3">
    <label class="fw-bold">Empresa</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-building"></i>
        </span>
        <input type="text" id="empresa" name="empresa" class="form-control" readonly>
    </div>
</div>


                        <!-- �9�7 �0�9rea y Puesto de Trabajo -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">Area</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-diagram-3"></i>
        </span>
        <input type="text" id="area" name="area" class="form-control" readonly>
    </div>
</div>

<div class="col-md-6 mb-3">
    <label class="fw-bold">Puesto de Trabajo</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-briefcase"></i>
        </span>
        <input type="text" id="puesto" name="puesto_trabajo" class="form-control" readonly>
    </div>
</div>

<!-- �9�7 Lugar de Atenci��n -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">Lugar de Atencion</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-geo-alt"></i>
        </span>
        <input type="text" name="lugar_atencion" class="form-control" required>
    </div>
</div>

<!-- �9�7 Tipo de Evento -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">Tipo de Evento</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-exclamation-triangle"></i>
        </span>
        <select name="tipo_evento" class="form-select" required>
            <option value="">Seleccione...</option>
            <?php foreach ($eventos as $evento): ?>
                <option value="<?= htmlspecialchars($evento['tipo_evento']) ?>">
                    <?= htmlspecialchars($evento['tipo_evento']) ?>
                </option>
            <?php endforeach; ?>
        </select>
    </div>
</div>


                        <!-- �9�7 Diagn��stico y Tratamiento -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">Diagnostico / CIE-10</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-file-medical"></i>
        </span>
        <textarea name="diagnostico" class="form-control" required></textarea>
    </div>
</div>

<div class="col-md-6 mb-3">
    <label class="fw-bold">Tratamiento</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-capsule"></i>
        </span>
        <textarea name="tratamiento" class="form-control" required></textarea>
    </div>
</div>

<!-- �9�7 Descanso M��dico y Fechas -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">Descanso Medico</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-calendar-check"></i>
        </span>
        <select name="descanso_medico" class="form-select" required>
            <option value="No">No</option>
            <option value="Si">Si<option>
        </select>
    </div>
</div>

<div class="col-md-6 mb-3">
    <label class="fw-bold">Inicio Descanso</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-calendar-event"></i>
        </span>
        <input type="date" name="fecha_inicio_descanso" class="form-control">
    </div>
</div>

<div class="col-md-6 mb-3">
    <label class="fw-bold">Fin Descanso</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-calendar-check-fill"></i>
        </span>
        <input type="date" name="fecha_final_descanso" class="form-control">
    </div>
</div>

<!-- �9�7 Seguimiento -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">Seguimiento</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-list-check"></i>
        </span>
        <select name="seguimiento" class="form-select">
            <option value="No">No</option>
            <option value="Si">Si</option>
        </select>
    </div>
</div>

<!-- �9�7 Responsable de Registro -->
<div class="col-md-6 mb-3">
    <label class="fw-bold">Responsable de Registro</label>
    <div class="input-group">
        <span class="input-group-text bg-success text-white">
            <i class="bi bi-person-badge"></i>
        </span>
        <input type="text" name="responsable_registro" class="form-control" required>
    </div>
</div>


                <!-- �9�7 Botones -->
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success"><i class="bi bi-check-circle"></i> Guardar</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="bi bi-x-circle"></i> Cerrar</button>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- �9�7 Script para llenar autom��ticamente los campos -->
<script>
    document.getElementById("trabajadorSelect").addEventListener("change", function () {
        let selectedOption = this.options[this.selectedIndex];

        // Obtener los valores de los atributos data-
        document.getElementById("dni").value = selectedOption.getAttribute("data-dni") || "";
        document.getElementById("edad").value = selectedOption.getAttribute("data-edad") || "";
        document.getElementById("sexo").value = selectedOption.getAttribute("data-sexo") || "";
        document.getElementById("empresa").value = selectedOption.getAttribute("data-empresa") || "";
        document.getElementById("area").value = selectedOption.getAttribute("data-area") || "";
        document.getElementById("puesto").value = selectedOption.getAttribute("data-puesto") || "";
    });
</script>

