{# ============================================================
   MODAL CERRAR ATENCIÓN
   ============================================================ #}

<div class="modal fade" id="modalCerrarAtencion" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

            <form method="post"
                id="formCerrarAtencion"
                data-expediente="{{ expediente.id }}">

                <div class="modal-header">
                    <h5 class="modal-title">
                        <i class="fa-solid fa-circle-xmark me-2"></i>
                        Cerrar atención
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">

                    <div class="mb-3">
                        <label class="form-label fw-bold">Fecha de salida</label>
                        <input type="date"
                               name="fechaSalida"
                               class="form-control"
                               value="{{ 'now'|date('Y-m-d') }}"
                               required>
                    </div>

                    <div class="mb-3 d-none" id="motivoSalidaWrapper">
                        <label class="form-label fw-bold">Motivo de salida</label>
                        <select name="motivoSalida" class="form-select">
                            <option value="">Seleccione motivo</option>
                            {% for motivo in motivosSalida %}
                                <option value="{{ motivo.id }}">{{ motivo.nombre }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Derivado a</label>
                        <select name="derivadoA" class="form-select">
                            <option value="">—</option>
                            {% for d in derivaciones %}
                                <option value="{{ d.id }}">{{ d.nombre }}</option>
                            {% endfor %}
                        </select>
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">
                        Cancelar
                    </button>
                    <button type="submit" class="btn btn-danger">
                        <i class="fa-solid fa-circle-xmark me-2"></i> Cerrar atención
                    </button>
                </div>

            </form>

        </div>
    </div>
</div>