{% extends '00_bases/base.html.twig' %}

{% block title %}Export{% endblock %}

{% block body %}
<style>
.oka-filters {
    --oka-filters-color-bg : var(--oka-color-system-contrast-low);
    --oka-filters-radius : 0.5rem;
    --oka-filters-border-color : var(--oka-color-primary-contrast-medium);
    --oka-filters-border-width : 0;
    --oka-filters-padding : 1rem 1rem;
}

.oka-pagination {
    margin: 1rem 0 3rem;
}
</style>
<div class="example-wrapper" >
    <h1>L'export de liste</h1>
    <p><strong>Attention, générer un bouton sans avoir préciser de type d'export renverra une erreur.</strong></p>
    <p>Le bouton d'export doit être rajouté manuellement à l'aide de : </p>
    <pre><code>{% verbatim %}{{ downloadButton(list) }}{% endverbatim %}</code></pre>
    <div class="oka-spacer -md"></div>

    <div class="oka-tabs" style="overflow-y:visible">
        {% set filtersTemplate = [
            "pages/export/tabs/configuration/index.html.twig",
            "pages/export/tabs/export_type/index.html.twig"
        ] %}

        {% include 'pages/export/_tab-types.html.twig'  %}

        {# {% include 'pages/filters/_tab-config.html.twig'  %} #}
    </div>
</div>
{% endblock %}