{% if formEmocionalRelacionalUltimo %}

<div class="bizka-card mb-4" id="containerAmbitoEmocionalRelacionalUltimo">

    <div class="bizka-card-title">
        <i class="fa-solid fa-heart-pulse"></i>
        Ámbito Emocional / Relacional (Último registro)
    </div>

    <div id="formAmbitoEmocionalRelacionalUltimo" data-action="{{ path('ambito_emocional_relacional_editar_duplicar', { id: ultimoEmocionalRelacional.id }) }}">
        
        {{ form_widget(formEmocionalRelacionalUltimo._token) }}

        <div class="row g-3 mb-3">
             <div class="col-md-4">
                {{ form_row(formEmocionalRelacionalUltimo.fecha) }}
            </div>
             <div class="col-md-4">
                {{ form_row(formEmocionalRelacionalUltimo.tipoIntervencion) }}
            </div>
        </div>
        
        <hr>

        {# SECCIÓN: RELACIONES FAMILIARES Y SOCIALES #}
        <h5 class="fw-bold mb-3"><i class="fa-solid fa-users me-2"></i>Relaciones Familiares y Sociales</h5>

        <div class="row g-3">
             <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.relacionFamiliaOrigen) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.relacionFamiliaOrigenDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.relacionHijos) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.relacionHijosDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.relacionMadres) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.relacionMadresDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.relacionPareja) }}</div>
                    <div class="col-md-8"></div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.relacionEkinezUsuarios) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.relacionEkinezUsuariosDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.relacionEkinezProfesionales) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.relacionEkinezProfesionalesDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.relacionPracticasVoluntariado) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.relacionPracticasVoluntariadoDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.relacionConvivientes) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.relacionConvivientesDesc) }}</div>
                </div>
                <div class="row mt-2">
                    <div class="col-md-12">
                        {{ form_row(formEmocionalRelacionalUltimo.tipoConvivencia) }}
                    </div>
                </div>
            </div>
        </div>

        <hr class="mt-4">

        {# SECCIÓN: REDES DE APOYO #}
        <h5 class="fw-bold mb-3"><i class="fa-solid fa-handshake-angle me-2"></i>Redes de Apoyo</h5>

        <div class="row g-3">
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.redApoyoComunitario) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.redApoyoComunitarioDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                 {{ form_row(formEmocionalRelacionalUltimo.redApoyoInstitucional) }}
            </div>
        </div>

        <hr class="mt-4">

        {# SECCIÓN: EMOCIONAL #}
        <h5 class="fw-bold mb-3"><i class="fa-solid fa-brain me-2"></i>Aspectos Emocionales</h5>

        <div class="row g-3">
             <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.dueloMigratorio) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.dueloMigratorioDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.adaptacionConducta) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.adaptacionConductaDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.soledadNoDeseada) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.soledadNoDeseadaDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.aislamiento) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.aislamientoDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.contencionEmocional) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.contencionEmocionalDesc) }}</div>
                </div>
            </div>
            <div class="col-md-12 border-bottom pb-2">
                 <div class="row align-items-center">
                    <div class="col-md-4">{{ form_row(formEmocionalRelacionalUltimo.habilidadesConflicto) }}</div>
                    <div class="col-md-8">{{ form_row(formEmocionalRelacionalUltimo.habilidadesConflictoDesc) }}</div>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-end gap-3 mt-4">
            <button type="button" class="btn btn-warning fw-bold btnEditarEmocionalRelacional" data-accion="editar">
                <i class="fa-solid fa-pen me-2"></i> Guardar cambios
            </button>

            <button type="button" class="btn btn-primary fw-bold btnDuplicarEmocionalRelacional" data-accion="duplicar">
                <i class="fa-solid fa-plus me-2"></i> Nuevo registro
            </button>
        </div>
    </div>
</div>

{% endif %}