{% extends "porto-corporate-layout.html.twig" %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('selection-produit-style') }}
    {{ encore_entry_link_tags('selections-produits-liste-style') }}
    {{ encore_entry_link_tags('maj-donnee-style') }}
{% endblock %}

{% block pageheader %}
    {{ parent() }}
{% endblock %}

{% block pageheaderclass %} page-header-with-thin-bottom-margin {% endblock %}

{% block pagecontent %}

    <div class="row">
        <div class="col-md-12">
            {% for flashMessage in app.session.flashbag.get('error') %}
                <div class="alert alert-danger alert-dismissible" >
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    {{ flashMessage|raw }}
                </div>
            {% endfor %}
            {% for flashMessage in app.session.flashbag.get('notice') %}
                <div class="alert alert-success alert-dismissible" >
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    {{ flashMessage|raw }}
                </div>
            {% endfor %}
        </div>
    </div>

    <div class="row row-lien-creation mb-2">
        <div class="col-md-12 text-end">
            <span id="bouton-selection-produit">
                <a class="btn btn-client-primary show-overlay" href="{{path('attitudepatrimoine_selection_produit_maj', {selectionProduitId: 0})}}">
                    <i class="fas fa-plus-circle me-1"></i>{{'Nouvelle sélection'|trans}}
                </a>
            </span>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header py-1 color-client" data-card-body-id="card-body-liste-selections-produits">
                    <h4 class="color-client float-start">
                        <i class="fas fa-angle-right me-1"></i>
                        {% if app.session.has('liste-selections-mode') and app.session.get('liste-selections-mode') == constant('App\\Controller\\SelectionProduitController::SELECTION_PRODUITS_LIST_MODE_MES_SELECTIONS') %}
                            {{'Mes sélections produits'|trans}}
                        {% else %}
                            {{'Toutes les sélections produits'|trans}}
                        {% endif %}
                    </h4>
                    {% if is_granted('ROLE_ATTITUDEPATRIMOINE_ADMIN') %}
                        <div class="color-silver ms-5 float-start">
                            <a
                                href="{{path('attitudepatrimoine_toggle_variable_session', {variableSession: 'voir-les-selections-archivees', routeToRedirect: 'attitudepatrimoine_selections_produits_liste'})}}"
                                class="color-silver fst-italic text-2"
                            >
                                {% if app.session.has('voir-les-selections-archivees') and app.session.get('voir-les-selections-archivees') == true %}
                                    <i class="fas fa-eye-slash me-1"></i>{{'Masquer les sélections archivées'|trans}}
                                {% else %}
                                    <i class="fas fa-eye me-1"></i>{{'Voir les sélections archivées'|trans}}
                                {% endif %}
                            </a>
                        </div>
                    {% endif %}
                    <div class="float-end"><a class="export-link" href="{{path('attitudepatrimoine_selections_produits_liste_csv')}}"><i class="fas fa-download me-1"></i>{{'Export csv'|trans}}</a></div>
                </div>
                <div class="card-body card-body-small-padding" id="card-body-liste-selections-produits">
                    {% include "shared/dataTableSSP.html.twig" %}
                    {# Par convention, inclure le fichier suivant même s'il n'existe pas #}
                    {% include "TartempionBundle:Devis:devissDataTableExtent.html.twig" ignore missing %}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal infos -->
    {% include 'shared/modal-infos.html.twig' %}

    <!-- API infos -->
    {% include 'shared/api-infos.html.twig' %}

{% endblock %}

{% block javascript %}

    {{ parent() }}

    <script>


        $(document).ready(function() {
            get{{dataTable.id}}Table();
            $(".yadcf-filter").each(function() {
                $(this).addClass("form-control");
            });
        });

    </script>

    {{ encore_entry_script_tags('selection-produit-script') }}
    {{ encore_entry_script_tags('selections-produits-liste-script') }}
    {{ encore_entry_script_tags('maj-donnee-script') }}

{% endblock %}