{# expediente/atencion/_tab.html.twig #}

<div class="d-flex align-items-center gap-3 mb-4">
    <div class="page-title-icon" style="width: 44px; height: 44px;">
        <i class="fa-solid fa-people-arrows fs-3"></i>
    </div>
    <h3 class="fw-bold text-dark mb-0">Atenciones</h3>
</div>

{# ===============================
   CABECERA + BOTÓN
   =============================== #}
<div class="d-flex justify-content-between align-items-center mb-3">
    <button
        type="button"
        class="btn btn-orange btnAtencionForm"
        data-url="{{ path('expediente_atencion_form', { id: expediente.id }) }}">
        <i class="fa-solid fa-plus me-1"></i>
        {{ historicoAtenciones|length == 0 ? 'Crear primera atención' : 'Nueva atención' }}
    </button>
</div>

{# ===============================
   ATENCIÓN ACTIVA
   =============================== #}
{% if atencionActiva %}
    {% include 'expediente/atencion/_form_ultimo.html.twig' %}
{% endif %}

{# ===============================
   CONTENIDO PRINCIPAL
   =============================== #}
{% if historicoAtenciones|length > 0 %}
    {% include 'expediente/atencion/_tabla.html.twig' %}
{% else %}
    <div class="alert alert-info">
        El expediente no tiene ninguna atención registrada.
    </div>
{% endif %}

{# ===============================
   COMPLEMENTARIAS
   =============================== #}
{# {% include 'expediente/atencion/_bloque_complementarias.html.twig' %} #}
{% include 'expediente/atencion/_tabla_complementarias.html.twig' %}