{% extends 'layout.twig' %}

{% block body %}
    <section class="contenu clearfix"  id="commandes">
        <h1>
            {{ 'Catalogue' | trad }}
        </h1>
            
        {{ ariane() }}

    <div class="content">

        <h3>
            {{ strBuild('Tableau de contrôle de pré-chargement des @1@ premières lignes' | trad, [nombreLignes]) }}
        </h3>
        
        <div class="tab-content" id="tab-content">
            <form method="post" name="filtre_catabulk" id="filtre_catabulk">	
                <div id="tableau_reporting" style="margin-top:15px; overflow-x:auto;">	
                    <table class="table table-hover">
                        <thead class="thead-dark">
                            <tr>
                                {% for field in struCata %}
                                    <th>{{ field.NOMRUBRIQUE }}</th>
                                    {# <th scope="col">{{ triTable(field.TDBNAME,  post[field.TDBNAME], field.NOMRUBRIQUE, '', '', 'filtre_catabulk') }}</th> #}
                                {% endfor %}
                            </tr>
                        </thead>
                        <tbody>
                            {% for article in listeArticle %}
                                <tr>
                                    {% for field in struCata %}
                                        <td style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap; {% if errorByLigne[article['IDLIGNE']][field.TDBNAME] %}color:red;{% endif %}" >
                                            {{ shortLibelleV2(article[field.TDBNAME],30) }}
                                        </td>
                                    {% endfor %}
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </form>
        </div>

    </div>
    </section>
{% endblock %}
