{% block body %}
    <td colspan="7" id="ligneAffichage{{ numBR }}">
        <div class="informations_commande">
            <div class="colonne3">
                <div class="informations">
                    <p>
                        <span class="champs_label">{{ 'Centre émetteur' | trad }}</span>
                        <span class="resultat">{{ details.CTR_EMETT | centreTrad }} ({{ details.CTR_EMETT }})</span>
                    </p>
                    <p>
                        <span class="champs_label">{{ 'Date validation' | trad }}</span>
                        <span class="resultat">{{ details.DATE_VAL | dateTrad }}</span>
                    </p>
                </div>
            </div>
            <div class="colonne3">
                <div class="informations">
                    <p>
                        <span class="champs_label">{{ 'Centre de livraison' | trad }}</span>
                        <span class="resultat">{{ details.CTR_LIV | centreTrad }} ({{ details.CTR_LIV }})</span>
                    </p>
                    <p>
                        <span class="champs_label">{{ 'Date Période' | trad }}</span>
                        <span class="resultat">{{ details.DATE_PER | dateTrad }}</span>
                    </p>
                </div>
            </div>
            <div class="colonne3">
                <div class="informations">
                    <p>
                        <span class="champs_label">{{ 'Centre de facturation' | trad }}</span>
                        <span class="resultat">{{ details.CTR_FACTU | centreTrad }} ({{ details.CTR_FACTU }})</span>
                    </p>
                    <p>
                        <span class="champs_label">{{ 'Demandeur' | trad }}</span>
                        <span class="resultat"> {{ details.NOM }} ({{ details.CREATEUR }})</span>
                    </p>
                </div>
            </div>
        </div>

        {% if CSExist('BR_RECEP') %}
            {{ VisualisationCS('BR_RECEP', str_pad(details.NO_CDE, 9, 0, STR_PAD_LEFT)) }}
        {% endif %}

        <table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">{{ 'N° Poste' | trad }}</th>
                    <th scope="col">{{ 'Code Art' | trad }}</th>
                    <th scope="col">{{ 'Article' | trad }}</th>
                    <th scope="col">{{ 'Sous-famille' | trad }}</th>
                    <th scope="col">{{ 'Quantité' | trad }}</th>
                    <th scope="col">{{ 'Unité' | trad }}</th>
                    <th scope="col">{{ 'RAL' | trad }}</th>
                    <th scope="col">{{ 'Prix' | trad }}</th>
                    <th scope="col">{{ 'Total' | trad }}</th>
                    <th scope="col">{{ 'Livraison contractuelle' | trad }}</th>
                    <th scope="col">{{ 'Livraison prévisionnelle' | trad }}</th>
                </tr>
            </thead>
            <tbody>
                {% for ligne in lignes %}
                    <tr>
                        <td>{{ ligne.NO_PO_BR }}</td>
                        <td>{% if droits.BR_AFF_CODE_ART %}{{ ligne.CODE_ART }}{% endif %}</td>
                        <td class="toggleSlide" onclick="toggleSlide('{{ path('Reception.Ajax.getLigneCommandeDetail', {order: ligne.NUM_CDE, po: ligne.NO_PO_CDE }) }}', 'br{{ numBR }}l{{ ligne.NO_PO_CDE }}detail', '', '', '', '', true);"><{{ ligne.DESIGN }}/td>
                        <td>{{ ligne.DESIGNAT }}</td>
                        <td>{{ ligne.QTE_COMM }}</td>
                        <td>{{ ligne.UNITE }}</td>
                        <td>{{ ligne.RAL }}</td>
                        <td>{{ ligne.PU | prix }} {{ ligne.DEVISE }}</td>
                        <td>{{ (ligne.PU * ligne.QTE_COMM) | prix }} {{ ligne.DEVISE }}</td>
                        <td>{{ ligne.DTELIVCON | dateTrad }}</td>
                        <td>{{ ligne.DTELIVPRE | dateTrad }}</td>
                    </tr>
                    <tr class="detail_ligne hide_detail" id="br{{ numBR }}l{{ ligne.NO_PO_CDE }}detail"></tr>
                {% endfor %}
            </tbody>
        </table>
    </td>
{% endblock %}