<table class="table table-hover d-block">
    <thead class="thead-dark">
    <tr>
        <th scope="col" width="80px">{{ 'N° Ligne' | trad  }}</th>
        <th scope="col" width="150px">{{ 'Code article' | trad  }}</th>
        <th scope="col" width="400px">{{ 'Désignation' | trad  }}</th>
        <th scope="col" width="110px">{{ 'Quantité' | trad  }}</th>
        {% if is_prix_visible() %}
            <th scope="col" width="110px">{{ 'Prix' | trad  }}</th>
        {% endif %}
        <th scope="col" width="300px">{{ 'Section d’imputation' | trad  }}</th>
        {% if is_cg_active() %}
            <th scope="col" width="300px">{{ 'Code gestion' | trad  }}</th>
        {% endif %}
        <th scope="col" width="300px">{{ 'Code Complémentaire' | trad  }}</th>
        <th scope="col" width="300px">{{ 'Sous- compte d’analyse' | trad  }}</th>
        {% if actions is defined %}
            <th scope="col" width="110px">{{ 'Actions' | trad }}</th>
        {% endif %}
    </tr>
    </thead>
    <tbody>
    {% for ligneBonEntree in lignesBonEntree %}
        <tr id="sbeLign{{ ligneBonEntree.NO_LIG_BE }}" class="{% if loop.index is divisible by(2) %}even{% else %}odd{% endif %}">
            {% set path = path('Stock.LigneBonEntree.ligne', { noBe: bonEntree.NO_BE, noLigne: ligneBonEntree.NO_LIG_BE }) %}
            {% set zoomDivId = 'sbeLign' ~ ligneBonEntree.NO_LIG_BE ~ 'detail' %}
            <td class="code montant toggleSlide" onclick="toggleSlide('{{ path }}', '{{ zoomDivId }}', { id : {{ ligneBonEntree.NO_LIG_BE }} }, '', '', '');">
                {{ ligneBonEntree.NO_LIG_BE }}
            </td>
            <td>{{ ligneBonEntree.CODE_ART }}</td>
            <td>{{ ligneBonEntree.ART_DESIGN }}</td>
            <td class="text-right">{{ ligneBonEntree.QTE_ENT | qte ~ ' ' ~ ligneBonEntree.UNITE_ACH }}</td>
            {% if is_prix_visible() %}
                <td class="text-right">
                    {{ ligneBonEntree.PRIX_ENT | prix ~ ' ' ~ bonEntree.DEVISE }}
                </td>
            {% endif %}
            <td>{{ (ligneBonEntree.SECTIMP_LIBELLE ~ ' (' ~ ligneBonEntree.CODE_SI ~ ')')|visualise }}</td>
            {% if is_cg_active() %}
                <td>{{ (ligneBonEntree.CODGES_LIBELLE ~ ' (' ~ ligneBonEntree.CODE_AFF ~ ')')|visualise }}</td>
            {% endif %}
            <td>{{ (ligneBonEntree.CODECOMP_LIBELLE ~ ' (' ~ ligneBonEntree.CODE_CDC ~ ')')|visualise }}</td>
            <td>{{ (ligneBonEntree.SSCPTANA_LIBELLE ~ ' (' ~ ligneBonEntree.CODE_SCA ~ ')')|visualise }}</td>
            {% if actions is defined %}
                <td>
                    {% set path = path('Stock.LigneBonEntree.modifierForm', { noBe: bonEntree.NO_BE, noLigne: ligneBonEntree.NO_LIG_BE }) %}
                    <span
                            style="cursor: pointer;"
                            class="modifier_v2"
                            onclick="voirModifierForm('{{ path }}', onLignFormModifierSubmit)"
                    ></span>
                    <span class="Supprimer_v2" onclick="{{ ligneBonEntree.DELETE_POPUP }}"></span>
                </td>
            {% endif %}
        </tr>
        <tr class="detail_ligne hide_detail" id="{{ zoomDivId }}"></tr>
    {% endfor %}
    </tbody>
</table>