{{ form_start(form, {'attr': {'id': 'ambito_emocional_relacional_form', 'action': action|default('')}}) }}

<div class="row g-3 mb-3">
    <div class="col-md-4">
        {{ form_row(form.fecha) }}
    </div>
    <div class="col-md-4">
        {{ form_row(form.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">
    {# Familia Origen #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.relacionFamiliaOrigen) }}</div>
            <div class="col-md-8">{{ form_row(form.relacionFamiliaOrigenDesc) }}</div>
        </div>
    </div>
    {# Hijos #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.relacionHijos) }}</div>
            <div class="col-md-8">{{ form_row(form.relacionHijosDesc) }}</div>
        </div>
    </div>
    {# Madres #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.relacionMadres) }}</div>
            <div class="col-md-8">{{ form_row(form.relacionMadresDesc) }}</div>
        </div>
    </div>
    {# Pareja (Solo bool) #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.relacionPareja) }}</div>
            <div class="col-md-8"></div>
        </div>
    </div>
    {# Usuarios Ekinez #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.relacionEkinezUsuarios) }}</div>
            <div class="col-md-8">{{ form_row(form.relacionEkinezUsuariosDesc) }}</div>
        </div>
    </div>
    {# Profesionales Ekinez #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.relacionEkinezProfesionales) }}</div>
            <div class="col-md-8">{{ form_row(form.relacionEkinezProfesionalesDesc) }}</div>
        </div>
    </div>
    {# Prácticas / Voluntariado #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.relacionPracticasVoluntariado) }}</div>
            <div class="col-md-8">{{ form_row(form.relacionPracticasVoluntariadoDesc) }}</div>
        </div>
    </div>
    {# Convivientes + Tipo Convivencia #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.relacionConvivientes) }}</div>
            <div class="col-md-8">{{ form_row(form.relacionConvivientesDesc) }}</div>
        </div>
        <div class="row mt-2 ps-4 ms-2">
            <div class="col-md-12">
                {{ form_row(form.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">
    {# Comunitario #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.redApoyoComunitario) }}</div>
            <div class="col-md-8">{{ form_row(form.redApoyoComunitarioDesc) }}</div>
        </div>
    </div>
    {# Institucional (Multiple) #}
    <div class="col-md-12 border-bottom pb-2">
         {{ form_row(form.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">
    {# Duelo #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.dueloMigratorio) }}</div>
            <div class="col-md-8">{{ form_row(form.dueloMigratorioDesc) }}</div>
        </div>
    </div>
    {# Adaptación #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.adaptacionConducta) }}</div>
            <div class="col-md-8">{{ form_row(form.adaptacionConductaDesc) }}</div>
        </div>
    </div>
    {# Soledad #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.soledadNoDeseada) }}</div>
            <div class="col-md-8">{{ form_row(form.soledadNoDeseadaDesc) }}</div>
        </div>
    </div>
    {# Aislamiento #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.aislamiento) }}</div>
            <div class="col-md-8">{{ form_row(form.aislamientoDesc) }}</div>
        </div>
    </div>
    {# Contención #}
    <div class="col-md-12 border-bottom pb-2">
        <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.contencionEmocional) }}</div>
            <div class="col-md-8">{{ form_row(form.contencionEmocionalDesc) }}</div>
        </div>
    </div>
    {# Habilidades Conflicto #}
    <div class="col-md-12 border-bottom pb-2">
         <div class="row align-items-center">
            <div class="col-md-4">{{ form_row(form.habilidadesConflicto) }}</div>
            <div class="col-md-8">{{ form_row(form.habilidadesConflictoDesc) }}</div>
        </div>
    </div>
</div>

<div class="d-flex justify-content-end mt-4">
    <button type="submit" class="btn btn-primary fw-bold">
        <i class="fa-solid fa-save me-2"></i> Guardar
    </button>
</div>

{{ form_end(form) }}