{% extends 'base.html.twig' %}

{% block title %}Editar expediente {{ expediente.codigo }} | Bizkai Sida{% endblock %}

{% block stylesheets %}
    {{ parent() }}

    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.5.0/css/responsive.bootstrap5.min.css">

{% endblock %}

{% block body %}
<div class="section-box">

    <!-- HEADER -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div class="d-flex align-items-center">
            <div class="page-title-icon">
                <i class="fa-solid fa-file-pen fs-3"></i>
            </div>
            <h2 class="fw-bold text-dark mb-0">Expediente {{ expediente.codigo }}</h2>
        </div>
    </div>

    {{ form_start(form) }}
    
    {% include 'expediente/_form.html.twig' with { 
        form: form, 
        expediente: expediente,
        formUltimo: formUltimo,
        ultimoAmbito: ultimoAmbito,
        formVivienda: formVivienda,
        ultimoVivienda: ultimoVivienda,
        formFormativoLaboral: formFormativoLaboral,
        ultimoFormativoLaboral: ultimoFormativoLaboral,
        formAyudasSociales: formAyudasSociales,
        ultimoAyudasSociales: ultimoAyudasSociales,
        formEmocionalRelacional: formEmocionalRelacional,
        ultimoEmocionalRelacional: ultimoEmocionalRelacional,
        formSalud: formSalud,
        ultimoSalud: ultimoSalud
    } %}

    {{ form_end(form) }}

    {# Div removed as form is now inside the tab #}

    {# MODAL GLOBAL (fuera del form) #}
    {% include 'expediente/_valoracion_modal.html.twig' %}
    {% include 'expediente/_valoracion_modal_eliminar.html.twig' %}
    {% include 'ambito_legal/_modal.html.twig' %}
    {% include 'ambito_estatus_administrativo/_modal.html.twig' %}
    {% include 'ambito_vivienda/_modal.html.twig' %}
    {% include 'ambito_formativo_laboral/_modal.html.twig' %}
    {% include 'ambito_ayudas_sociales/_modal.html.twig' %}
    {% include 'ambito_emocional_relacional/_modal.html.twig' %}
    {% include 'ambito_salud/_modal.html.twig' %}
   {# ----- ATENCIÓN (AQUÍ SÍ) ----- #}
    {# <div id="tabAtencion" class="tab-pane fade">
        {% include 'expediente/atencion/_tab.html.twig' with {
            expediente: expediente,
            atencionActiva: atencionActiva,
            historicoAtenciones: historicoAtenciones,
            tiposComplementarios: tiposComplementarios,
            complementariasActivasIds: complementariasActivasIds
        } %}
    </div>

    {% include 'expediente/atencion/_modal_cerrar.html.twig' with {
        motivosSalida: motivosSalida,
        derivaciones: derivaciones
    } %} #}

    {# FORMULARIO ÚLTIMA ATENCIÓN (FUERA DEL FORM PRINCIPAL) #}
    {# {% if atencionActiva %}
        <div class="d-none" id="wrapFormUltimaAtencion">
            {% include 'expediente/atencion/_form_ultimo.html.twig' with {
                expediente: expediente,
                atencionActiva: atencionActiva
            } %}
        </div>
    {% endif %} #}

    {# MODAL CREAR / EDITAR ATENCIÓN (AJAX) #}
    {% include 'expediente/atencion/_modal.html.twig' %}

    {# MODAL CERRAR ATENCIÓN (POST NORMAL) #}
    {% include 'expediente/atencion/_modal_cerrar.html.twig' with {
        expediente: expediente,
        motivosSalida: motivosSalida,
        derivaciones: derivaciones
    } %}

    <a href="{{ path('expediente_pdf', { id: expediente.id }) }}"
    class="btn btn-orange fw-bold">
        <i class="fa-solid fa-file-pdf me-2"></i>
        Informe de Datos (PDF)
    </a>
    <a href="{{ path('expediente_pdf_atenciones', { id: expediente.id }) }}"
       class="btn btn-orange fw-bold ms-2">
        <i class="fa-solid fa-file-pdf me-2"></i>
        Informe Atenciones (PDF)
    </a>
    <a href="{{ path('app_expediente_index') }}" class="btn btn-primary fw-bold">
        <i class="fa-solid fa-arrow-left me-2"></i> Volver al listado
    </a>
</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <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 src="https://cdn.datatables.net/responsive/2.5.0/js/dataTables.responsive.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.5.0/js/responsive.bootstrap5.min.js"></script>
    <script src="https://cdn.datatables.net/plug-ins/1.13.6/sorting/datetime-moment.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <script src="/assets/js/expediente.js"></script>

{% endblock %}