{%- block list -%}
    <div {{ list.isLazyLoad() ? stimulus_controller('infinite_scroll') : "" }}>
        {% set wrapper = wrapper is defined ? wrapper : "div" %}

        {% set config = list.configuration.all %}
        {% if config.extra_class != null %}
            {% set wrapperClass = wrapperClass is defined ? wrapperClass : "" %}
            {% set wrapperClass = wrapperClass ~ " " ~ config.extra_class %}
        {% endif %}
        {% set wrapperClass = wrapperClass is defined ? wrapperClass : "grid-240" %}

        {% set paginationUniqueId = list.uniqueId %}
        {% if list.configuration.all.filters_render %}
            {{ renderfilters(list) }}
        {% endif %}

        {{- block('wrapper') -}}
        {% if list.isLazyLoad() %}
            {{- block("loader", "@Lists/_fragments/_loader.html.twig") -}}
        {% endif %}

        {{- block("pager", "@Lists/_fragments/_pager.html.twig") -}}
    </div>
{%- endblock -%}

{%- block wrapper -%}
    <{{wrapper}} class="{{wrapperClass}} lazyLoading-box" id="{{paginationUniqueId}}" {% if list.isLazyLoad() %}infinite-scroll="true"{% endif %} {{ block('wrapper_attributes')}}> 
        {{- block('wrapper_body') -}}
    </{{wrapper}}>
{%- endblock -%}

{% block wrapper_attributes %}
    {% if list.configuration.all.controller != null %}
        data-controller="{{list.configuration.all.controller}}"
    {% endif %}
    {% if list.configuration.all.action != null %}
        data-action="{{list.configuration.all.action}}"
    {% endif %}
{% endblock %}

{%- block wrapper_body -%}
    {{ renderbody(list) }}
{%- endblock -%}

{%- block loader -%}
    <div class="oka-loader -lg "></div>
{%- endblock -%}

{%- block filters -%}
    {{form(list.form.createView())}}
{%- endblock -%}

{%- block clear_btn -%}
    <a class="oka-bt " href="{{clearUrl(list)}}">
        <span class="oka-bt__lbl">Supprimer les filtres</span>
        <span class="oka-spinner"></span>
    </a>
{%- endblock -%}