{% if formUltimo %}

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

    <div class="bizka-card-title">
        <i class="fa-solid fa-scale-balanced"></i>
        Último registro legal
    </div>

    {# NO form starttag to avoid nested forms #}
    {# Manually render URL for JS #}
    <div id="formAmbitoLegalUltimo" data-action="{{ path('ambito_legal_editar_duplicar', { id: ultimoAmbito.id }) }}">
        
        {# CSRF Token is critical #}
        {{ form_widget(formUltimo._token) }}

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

        <div class="row g-3 mb-3">
            <div class="col-md-3">{{ form_row(formUltimo.causasPendientes) }}</div>
            <div class="col-md-3">{{ form_row(formUltimo.penasCumplidas) }}</div>
            <div class="col-md-3">{{ form_row(formUltimo.penasPendientes) }}</div>
            <div class="col-md-3">{{ form_row(formUltimo.tbc) }}</div>
        </div>

        <div class="mb-3">
            {{ form_row(formUltimo.otros) }}
        </div>

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

            <button type="button" class="btn btn-primary fw-bold btnDuplicarAmbito" data-accion="duplicar">
                <i class="fa-solid fa-plus me-2"></i> Nuevo registro
            </button>
        </div>
    </div>
    {# NO form endtag #}
</div>

{% endif %}