{% extends 'layout.twig' %}

{% block body %}

    {% macro listePanier(titreBloc,content, listePanier) %}
        <h4>{{ titreBloc }}</h4>

        <i>{{content}}</i>

        <table class="table table-hover" id="mainTableCde">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">{{ 'Libellé' | trad }}</th>
                    <th scope="col" width="100px">{{ 'Nb. articles' | trad }}</th>
                    <th scope="col" width="75px">{{ 'Actions' | trad }}</th>
                </tr>
            </thead>
            <tbody>
                {% for panier in listePanier %}
                    <tr>
                        <td class="pointer" onClick="editPanier('{{ path('Panier.GeneralPanier.ajaxEdit', {idPanier:panier.id_panier}) }}');">{{ panier.lib_panier }}</td>
                        <td>{{ panier.nombreLigne }}</td>
                        <td>
                            <div class="tdIcon">
                                {{ specifique('HtmlExtension', 'DemandeDelais', {panier:panier, }) }}
                                <span class="deletePanier white-tooltip link-tooltip Supprimer_v2" 
                                    {{ generateDataTooltips('top', 'Supprimer le panier' | trad ) }}
                                    onClick="deletePanier('{{ path('Panier.GeneralPanier.ajaxDelete', {idPanier:panier.id_panier}) }}');"
                                ></span>
                                <span class="chargerPanier white-tooltip link-tooltip download_noir_v2" 
                                    {{ generateDataTooltips('top', 'Charger le panier' | trad ) }}
                                    onClick="loadPanier('{{ path('Panier.GeneralPanier.ajaxLoadPanier', {idPanier:panier.id_panier}) }}');"
                                ></span>
                            </div>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        
        </table>
    {% endmacro %}

    {% import _self as macros %}



    <div class="contenu clearfix">
    
        <h1>
            {{ 'Mes paniers' | trad }}      
        </h1>

        {{ ariane() }}

        <div class="content clearfix" id="listePanier">

            {# {% set contentModele = 'Lors de l\'import d\'un panier modèle, seul les articles (sans les articles associes et les frais de ports) seront importé, le reste sera recalculer comme un nouveau panier.' | trad %} #}
            {# {% set contentBrouillon = 'Le panier est chargé à l\'identique et le panier brouillon supprimé.' | trad %} #}
            <div class="colonne2 ">
                {{ macros.listePanier('Mes paniers brouillons' | trad, contentBrouillon, listeBrouillon) }}
            </div>

            <div class="colonne2 last">
                {{ macros.listePanier('Mes paniers modèles' | trad,contentModele, listeModele) }}
            </div>
        </div>
    </div>

    <style>
        .tdIcon {
            display:flex;
            gap:10px;
        }
        .tdIcon span {
            padding:0px !important;
            background-size:scale;
            width: 20px;
            height: 20px;
            cursor:pointer;
        }
    </style>

<script>

    function deletePanier(path)
    {
        $.ajax({
            dataType: 'html',
            url: path,
            data: {},
            type: "POST",
            success: function(result, textStatus, request){
                refrechDiv(window.location.pathname, 'listePanier');
                refrechDiv(window.location.pathname, 'menu-panier');
            }
        });
    }

    function loadPanier(path)
    {
        ajaxPopupV2(path, 'noId', '');
    }

    function editPanier(path)
    {
        ajaxPopupV2(path, 'noId', '');
    }
    
</script>
{% endblock %}