<td colspan="100">
    <script>
        function changeIframe(ficPDF)
        {
            var params = 'ficPDF='+encodeURI(ficPDF)+'&tokenCSRF='+$('#tokenCSRF').val();
            var xhr = new XMLHttpRequest();

            xhr.open('POST', '{{ path('Facture.Zedoc.affichagPDFLAD') }}');
            xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            xhr.onreadystatechange = handler;
            xhr.responseType = 'blob';
            xhr.send(params);
        }

        function handler() {
            if (this.readyState === this.DONE) {
                if (this.status === 200) {
                    // this.response is a Blob, because we set responseType above
                    var data_url = URL.createObjectURL(this.response);
                    document.querySelector('#iframeFacture{{infoEntete.NUM_FACT}}').src = data_url;
                }
            }

        }
    </script>

    {{ specifique('HtmlExtension', 'specifiqueSignature', {
        'typeDoc' : 'BAP',
		'idDoc'	: infoEntete.NUM_FACT,
        'signataire' : signataire,
        'context'   : context,
	}) }}

    {% if infoEntete.TYPE_URL_LAD != 'E' and infoEntete.FIC_LAD and '.PDF' in infoEntete.FIC_LAD|upper %}
        <button class="secondaire button" type="button" onClick="if($('#iframeFacture{{infoEntete.NUM_FACT}}').is(':visible')){$('#iframeFacture{{infoEntete.NUM_FACT}}').hide();}else{$('#iframeFacture{{infoEntete.NUM_FACT}}').show();}">{{ 'Afficher l\'image de la facture' | trad }}</button>
        <script>changeIframe('{{ FIC_PDF }}')</script>

        <iframe id="iframeFacture{{infoEntete.NUM_FACT}}" style="width: 100%;height: 750px; display:none;"></iframe>
    {% endif %}
    
    <div class="clearfix">
        <div class="colonne2">
            <div class="informations">
                <p>
                    <span class="champs_label">{{ 'Ref. cdes issues du fichier FE' |trad }}</span>
                    <span class="resultat">{{ infoEntete.CDE_LAD }}</span>
                </p>
                <p>
                    <span class="champs_label">{{ 'Date période' |trad }}</span>
                    <span class="resultat">{{ infoEntete.DATE_PER |dateTrad }}</span>
                </p>
            </div>
        </div>
        {% if infoEntete.UO_CREAT %}
            <div class="colonne2 last">
                <div class="informations">
                    <p>
                        <span class="champs_label">{{ 'UO créateur' |trad }}</span>
                        <span class="resultat">{{ infoEntete.LIB_UO_CREAT }} ({{ infoEntete.UO_CREAT }})</span>
                    </p>
                </div>
            </div>
        {% endif %}
    </div>
    <div class="clearfix">
        {{ VisualisationCS('FAC_ENT', idCS, null, false, 'colonne2', null, '', true) }}
    </div>

    <h5>
    {% if type == 'facture' %}
        {{ 'Lignes de la facture' | trad }}
    {% elseif type == 'acompte' %}
        {{ 'Lignes de la facture d\'acompte' | trad }}
    {% else %}
        {{ 'Lignes de l\'avoir' | trad }}
    {% endif %}
    </h5>

<table class="table table-hover" id="tableauFac{{ idDoc }}">
    <thead>
        <tr>
            <th>{{ 'N° Commande' | trad }}</th>
            <th>{{ 'N° ligne Cde' | trad }}</th>
            <th>{{ 'N° BR' | trad }}</th>
            <th>{{ 'N° ligne BR' | trad }}</th>
            <th>{{ 'Désignation' | trad }}</th>
            <th>{{ 'Qté' | trad }}</th>
            <th>{{ 'Prix unitaire' | trad }}</th>
            {% if parametrage.AFFTTC %}
                <th>{{ 'Montant TTC' | trad }}</th>
            {% else %}
                <th>{{ 'Montant HT' | trad }}</th>
            {% endif %}
            <th>{{ 'Devise' | trad }}</th>
            <th style="width:60px;"></th>
        </tr>
    </thead>
    <tbody>
        {% for ligne in ligneFac %}
            <tr id="ligne_Fac{{ ligne.NUM_LIG }}{{ idDoc }}">
                <td
                    class="ss_detail" 
                    onclick="toggleSlide('{{ path('Suivi.SuiviFac.ajaxDetailsLigne', {idDoc: idDoc, idLigne:ligne.NUM_LIG}) }}' , 'ligne_Fac{{ ligne.NUM_LIG }}{{ idDoc }}detail', '','', 'tableauFac{{ idDoc }}');"
                >{{ ligne.NUM_CDE }}</td>
                <td>{{ ligne.NUM_LICDE }}</td>
                <td>{{ ligne.NUM_BR }}</td>
                <td>{{ ligne.NUM_LIBR }}</td>
                <td>
                    <p style="margin-bottom: 0px;">
                        {{ ligne.DESIGNAT }}
                    </p>
                    {% if ligne.DES_COMPL %}
                        <p class="sb_txt">
                            {{ shortLibelle(ligne.DES_COMPL, 100) }}
                        </p>
                    {% endif %}
                </td>
                <td class="montant">{{ ligne.QUANTITE | qte }}</td>
                <td class="montant">
                    {% if parametrage.SHOW_PRICE %}
                        {{ ligne.PU_REMISE | prixUnitaire }}
                    {% endif %}
                </td>
                {% if parametrage.SHOW_PRICE %}
                    {% if parametrage.AFFTTC %}
                        <td class="montant">{{ (ligne.MONTANT * (1 + (ligne.TAUX_TVA / 100)) ) |prix }}</td>
                    {% else %}
                        <td class="montant">{{ ligne.MONTANT |prix }}</td> {# TAUX_TVA #}
                    {% endif %}
                {% else %}
                    <td></td>
                {% endif %}
                <td>{{ ligne.DEVISE }}</td>
                <td>
                    <div class="tdIcone">
                    {% if ligne.ecartMontant != 0 %}
                        <span class="white-tooltip bloquant">
                            <span class="infos_tooltip top-left">
                                {{ 'Ecart en montant' | trad }}  <span class="montant">{{ ligne.ecartMontant }} {{ligne.DEVISE}}</span>
                            </span>
                        </span>
                    {% elseif ligne.ecartQte != 0 %}
                        <span class="white-tooltip bloquant">
                            <span class="infos_tooltip top-left">
                                {{ 'Ecart en quantité' | trad }}  {{ ligne.ecartQte }}
                            </span>
                        </span>
                    {% endif %}
                    {% if ligne.ecartPrixUnitaire != 0 %}
                        <span class="white-tooltip bloquant">
                            <span class="infos_tooltip top-left">
                                {{ 'Ecart de prix unitaire' | trad }}  <span class="montant">{{ ligne.ecartPrixUnitaire }} {{ligne.DEVISE}}</span>
                            </span>
                        </span>
                    {% endif %}
                    </div>
                </td>
            </tr>
            <tr id="ligne_Fac{{ ligne.NUM_LIG }}{{ idDoc }}detail" class="detail_ligne hide_detail">
            </tr>
        {% endfor %}
    </tbody>
</table>

{% if source == 'Fac' %}
    {% include '@suivi/Global/_blocCommun.twig' %}
{% endif %}
</td>