<?php foreach ($atenciones as $atencion): ?>
    <div class="modal fade" id="modalEditar<?= $atencion['id_atencion'] ?>" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <form id="formEditarAtencion<?= $atencion['id_atencion'] ?>" method="POST" action="editar_atencion.php">
                <div class="modal-content">
                    <div class="modal-header modal-header-edit">
                        <h5 class="modal-title"><i class="bi bi-pencil-square"></i> Editar Atención Médica</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>

                    <div class="modal-body">
                        <input type="hidden" name="id_atencion" value="<?= $atencion['id_atencion'] ?>">

                        <div class="row">
                            
<!-- �9�7 Fecha y Hora -->
                            <div class="col-md-6 mb-3">
                                <label class="fw-bold">Fecha de Atencion</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-calendar-date"></i></span>
                                    <input type="date" name="fecha_atencion" class="form-control" value="<?= $atencion['fecha_atencion'] ?>" required>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="fw-bold">Hora</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-clock"></i></span>
                                    <input type="time" name="hora_atencion" class="form-control" value="<?= $atencion['hora_atencion'] ?>" required>
                                </div>
                            </div>

                            <!-- �9�7 Datos del Trabajador -->
                            <div class="col-md-4 mb-3">
                                <label class="fw-bold">Apellidos y Nombres</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-person"></i></span>
                                    <input type="text" name="apellidos_nombres" class="form-control" value="<?= $atencion['apellidos_nombres'] ?>" required>
                                </div>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="fw-bold">Sexo</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-gender-ambiguous"></i></span>
                                    <select name="sexo" class="form-control">
                                        <option value="M" <?= ($atencion['sexo'] == 'M') ? 'selected' : '' ?>>Masculino</option>
                                        <option value="F" <?= ($atencion['sexo'] == 'F') ? 'selected' : '' ?>>Femenino</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="fw-bold">Edad</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-calendar"></i></span>
                                    <input type="number" name="edad" class="form-control" value="<?= $atencion['edad'] ?>" required>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="fw-bold">DNI</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-credit-card"></i></span>
                                    <input type="text" name="dni" class="form-control" value="<?= $atencion['dni'] ?>" required>
                                </div>
                            </div>

                            <!-- �9�7 Datos Laborales -->
                            <div class="col-md-6 mb-3">
                                <label class="fw-bold">Empresa</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-building"></i></span>
                                    <input type="text" name="empresa" class="form-control" value="<?= $atencion['empresa'] ?>">
                                </div>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="fw-bold">Area</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-diagram-3"></i></span>
                                    <input type="text" name="area" class="form-control" value="<?= $atencion['area'] ?>">
                                </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"><i class="bi bi-briefcase"></i></span>
                                    <input type="text" name="puesto_trabajo" class="form-control" value="<?= $atencion['puesto_trabajo'] ?>">
                                </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"><i class="bi bi-geo-alt"></i></span>
                                    <input type="text" name="lugar_atencion" class="form-control" value="<?= $atencion['lugar_atencion'] ?>">
                                </div>
                            </div>
                            
                            <!-- 🔹 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"><i class="bi bi-exclamation-triangle"></i></span>
        <select name="tipo_evento" class="form-control" required>
            <option value="">Seleccione un evento...</option>
            <?php 
            $stmtEventos = $pdo->query("SELECT tipo_evento FROM Evento");
            $eventos = $stmtEventos->fetchAll(PDO::FETCH_ASSOC);
            foreach ($eventos as $evento): 
                $selected = ($evento['tipo_evento'] == $atencion['tipo_evento']) ? 'selected' : '';
            ?>
                <option value="<?= htmlspecialchars($evento['tipo_evento']) ?>" <?= $selected ?>>
                    <?= 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"><i class="bi bi-file-medical"></i></span>
                                    <textarea name="diagnostico_cie10" class="form-control"><?= $atencion['diagnostico_cie10'] ?></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"><i class="bi bi-capsule"></i></span>
                                    <textarea name="tratamiento" class="form-control"><?= $atencion['tratamiento'] ?></textarea>
                                </div>
                            </div>
                            
                           

                            <!-- 🔹 Descanso Médico -->
                            <div class="col-md-6 mb-3">
                                <label class="fw-bold">Descanso Médico</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-calendar-check"></i></span>
                                    <select name="descanso_medico" class="form-control">
                                        <option value="No" <?= ($atencion['descanso_medico'] == 'No') ? 'selected' : '' ?>>No</option>
                                        <option value="Sí" <?= ($atencion['descanso_medico'] == 'Sí') ? 'selected' : '' ?>>Sí</option>
                                    </select>
                                </div>
                            </div>

                            <!-- 🔹 Fechas de Descanso -->
                            <div class="col-md-6 mb-3">
                                <label class="fw-bold">Inicio Descanso</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-calendar-event"></i></span>
                                    <input type="date" name="fecha_inicio_descanso" class="form-control" value="<?= $atencion['fecha_inicio_descanso'] ?: '' ?>">
                                </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"><i class="bi bi-calendar-check-fill"></i></span>
                                    <input type="date" name="fecha_final_descanso" class="form-control" value="<?= $atencion['fecha_final_descanso'] ?: '' ?>">
                                </div>
                            </div>

                            <!-- 🔹 Seguimiento -->
                            <div class="col-md-6 mb-3">
                                <label class="fw-bold">Seguimiento</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bi bi-list-check"></i></span>
                                    <select name="seguimiento" class="form-control">
                                        <option value="No" <?= ($atencion['seguimiento'] == 'No') ? 'selected' : '' ?>>No</option>
                                        <option value="Sí" <?= ($atencion['seguimiento'] == 'Sí') ? 'selected' : '' ?>>Sí</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"><i class="bi bi-person-badge"></i></span>
                                    <input type="text" name="responsable_registro" class="form-control" value="<?= $atencion['responsable_registro'] ?>">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 🔹 Botones de Acción -->
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary"><i class="bi bi-check-circle"></i> Actualizar</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>
<?php endforeach; ?>

<script>document.querySelectorAll(".formEditarAtencion").forEach(form => {
    form.addEventListener("submit", function (e) {
        e.preventDefault(); // Evita la recarga de la página
        
        let formData = new FormData(this);

        fetch("editar_atencion.php", {
            method: "POST",
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            if (data.status === "success") {
                localStorage.setItem("toastMessage", data.message);
                localStorage.setItem("toastType", "success");

                // Cierra el modal
                let modal = bootstrap.Modal.getInstance(this.closest(".modal"));
                modal.hide();

                // Recargar la página
                location.reload();
            } else {
                localStorage.setItem("toastMessage", data.message);
                localStorage.setItem("toastType", "error");
                location.reload();
            }
        })
        .catch(error => console.error("Error:", error));
    });
});
</script>
