{% set sucursales = form.sucursales %}
{% set sucursales_count = sucursales|length %}
{% set redo = redo is defined ? redo : false %}
{% set ver = ver is defined ? ver : false %}
{% set verificar = verificar is defined ? verificar : false %}
{% set resolved = (redo or verificar) and form.sucursalesNota.vars.resolved %}

<div id="{{ sucursales.vars.id }}"
     data-controller="sucursales"
     data-prototype="{{ form_row(sucursales.vars.prototype)|e('html_attr') }}"
     data-sucursales-index-value="{{ sucursales_count }}"
     data-sucursales-label-value="Sucursales"
     data-sucursales-resolved-value="{{ resolved ? 1 : 0 }}"
     data-sucursales-target="fieldRealContainer"
     class="{{ html_classes('card', 'sucursales', {
         'empty': sucursales_count is same as(0),
         'verificar-field': redo or verificar,
         'has-nota': (redo or verificar) and form.sucursalesNota.vars.has_nota,
         'resolved': resolved,
         'verificar': verificar,
     }) }}"
>
    <div class="card-header">
        <div class="input-group input-group-lg">
            <span class="input-group-text fw-bold">
                Sucursales
            </span>
            <input type="text" class="form-control" disabled value="{{ sucursales_count }}"
                   data-sucursales-target="numeroSucursales">
            {% if not ver and not verificar %}
                <button class="btn btn-outline-primary" type="button" data-action="sucursales#addFormToCollection">
                    <i class="bi bi-plus"></i>
                    Agregar sucursal
                </button>
            {% endif %}
            {% if verificar %}
                {{- verificar_button(sucursales, {
                    has_nota: form.sucursalesNota.vars.has_nota,
                    resolved: resolved,
                    verificar_button_action_controller: 'sucursales'
                }) -}}
            {% endif %}
        </div>
    </div>
    <div class="card-body rows-container" data-sucursales-target="rowsContainer">
        {% for sucursal in sucursales %}
            {{ form_row(sucursal) }}
        {% else %}
            {% do sucursales.setRendered %}
        {% endfor %}
    </div>
    {% if redo or verificar %}
        <div class="card-footer">
            {{ form_row(form.sucursalesNota) }}
        </div>
    {% endif %}
</div>