{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix"  id="fournisseurs">
    <h1>
        {{ 'Fournisseurs' | trad }}
    </h1>
    {{ ariane() }}
    
    <div id="detail_fournisseur" class="clearfix titre_div">
        <h2>
            {{ 'Fournisseur' | trad }} : {{ libelle_fournisseur??libelle }} ({{ code_fournisseur??id }})
            <a class='button principal ajout' href='{{ path('Fournisseur.Distribuees.creationDistribuees', {id: code_fournisseur}) }}' >{{ 'Ajouter une gamme' | trad }}</a>	
        </h2>
        
            {{ arianeSub() }}
        
                <div class="tab-content">
                    <div id="distribuees" class="tab-pane fade active in clearfix" style="padding:15px;">
                        <form method="post" name="filtre_distribuees" id="filtre_distribuees">
                            <table class="table table-hover">
                                <thead class="thead-dark">
                                    <tr>
                                        <th scope="col" width="10%">{{ 'Code Fabricant' | trad }}</th>
                                        <th scope="col" >{{ 'Libellé Fabricant' | trad }}</th>
                                        <th scope="col" width="10%">{{ 'Code Gamme' | trad }}</th>
                                        <th scope="col" >{{ 'Libellé Gamme' | trad }}</th>
                                        <th scope="col" width="10%">{{ 'Remise' | trad }}</th>
                                        <th scope="col" width="6%" class="align-center">{{ 'Actions' | trad }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="recherche">
                                        <td>{{ filterTable('CODEFABR', infoPagination.filter.filter_CODEFABR, '', 'distribuees', '', 'filtre_distribuees', '') }}</td>
                                        <td>{{ filterTable('RS', infoPagination.filter.filter_RS, '', 'distribuees', '', 'filtre_distribuees', '') }}</td>
                                        <td>{{ filterTable('CODEGAMME', infoPagination.filter.filter_CODEGAMME, '', 'distribuees', '', 'filtre_distribuees', '') }}</td>
                                        <td>{{ filterTable('DESIGN', infoPagination.filter.filter_DESIGN, '', 'distribuees', '', 'filtre_distribuees', '') }}</td>
                                        <td>{{ filterTable('REMISE', infoPagination.filter.filter_REMISE, '', 'distribuees', '', 'filtre_distribuees', '') }}</td>
                                        <td></td>
                                    </tr>
                                    {% set i = 1 %}
                                    {% for distribuees in listeDistribuees %}
                                        <tr id="distribution{{ i }}">
                                            <td class="toggleSlide" onclick="toggleSlide('{{ path('Fournisseur.Distribuees.listeDetailDistribuees', { id:code_fournisseur, codeFabr:distribuees.CODEFABR  , codeGamme:distribuees.CODEGAMME }) }}', 'distribution{{ i }}detail');">{{ distribuees.CODEFABR }}</td>
                                            <td>{{ distribuees.RS }}</td>
                                            <td>{{ distribuees.CODEGAMME }}</td>
                                            <td>{{ distribuees.DESIGN }}</td>
                                            <td>{{ distribuees.REMISE | prix }}</td>
                                            <td class="parametrage no-float" >
                                                {{ menuContextuel('distribution' ~ i, false, distribuees.menuContextuel, 6) }}
                                            </td>
                                        </tr>
                                        <tr id="distribution{{ i }}detail" class="detail_ligne hide_detail">
                                        </tr>
                                        {% set i = i+1 %}
                                    {% endfor %}
                                </tbody>
                            </table>
                        </form>
                    </div>	
                </div>
{% endblock %}