<tr id="cde{{ cde.NO_CDE }}" class="suiviCde{{cde.NO_CDE}}focus">
    <td 
        class="toggleSlide code align-right"
        onclick="toggleSlide('{{ path('Suivi.SuiviCde.ajaxDetails', {idDoc : cde.NO_CDE, source : source}) }}' , 'cde{{ cde.NO_CDE }}detail', '','','mainTableCde{{idDoc}}');"
    >
        {{ cde.NO_CDE }} {% if cde.AVENANT %} - {{ cde.AVENANT }}{% endif %}
    </td>
    <td>
        <span class="white-tooltip">
            {{ cde.CODE_STE }}
            <span class="infos_tooltip top-left">
                {{cde.lib_CODE_STE}}
            </span>
        </span>
    </td>
    <td>{{ cde.RS }} ({{ cde.CODE_FOU }})</td>
    <td>{{ cde.NOM }} ({{ cde.ACH }})</td>
    <td {% if cde.SI_DIFF > 0 %}
            class="table_alert"
        {% endif %}
    >   
        {% if parametrage.SI_VISIBLE %}
            {% if cde.SECTIMP %}
                    <span class="white-tooltip">
                    {{ cde.SECTIMP }}
                        <span class="infos_tooltip top-left">
                            {{ cde.LIB_SI }}
                            {% if cde.SI_DIFF > 0 %}<br>{{ 'Des SI de lignes sont différentes. Voir détail ligne' | trad }}{% endif %}
                        </span>
                    </span>
            {% endif %}
        {% endif %}
    </td>
    <td>{{ shortLibelle(cde.OBJET_CA, 20) }}</td>
    <td>{{ cde.DTE_CREAT |dateTrad }}</td>
    {% set hasEcart = cde.CAEN_ECART_LIVR | boolSql %}
    {% set hasMultipleDate = cde.listDatePlanningPrev | length > 1 %}
    <td>
        {% set content %}
            {% if hasEcart %}
            <span class='infos_tooltip top-left' style="white-space: nowrap;">
                {{ 'Une date de livraison a été modifiée' | trad }}
            </span>
            {% endif %}
            {{ cde.DTE_LIV |dateTrad }}
        {% endset %}
        
        {% if hasMultipleDate %}
            <a href="javascript:void(0)" 
                class="text-reset white-tooltip {{ hasEcart ? 'text-warning' }}" 
                onclick="{{ ajaxPopup(
                    'Liste des dates de livraison' | trad,
                    'Commande.Commande.popupPlanning',
                    {id: cde.NO_CDE}
                ) | e('html_attr') }}"
            >{{ content }}<i class="icosq-planning ml-small"></i></a>

        {% else %}
            <span class="white-tooltip {{ hasEcart ? 'text-warning' }}">
                {{- content -}}
            </span>
        {% endif %}
    </td>
    <td class="montant">
        {% if parametrage.SHOW_PRICE %}
            {% if parametrage.AFFTTC %}
                {{ cde.TOT_TTC | prix }} 
            {% else %}
                {{ cde.TOT_CDEHT | prix }} 
            {% endif %}
            {{ cde.DEVISE }}
        {% endif %}
    </td>
    <td class="{{ cde.NOM_REFUS ? 'white-tooltip'}}">
        {{ getCdeStatutLabel(cde) }}
        {% if cde.NOM_REFUS %}
        <span class="infos_tooltip left" style="width:100%; text-align: left;">
            <span>{{ 'De' | trad }} : {{ cde.NOM_REFUS }}</span><br>
            <span>{{ 'Le' | trad }} : {{ cde.DTE_REFUS |dateTrad }}</span><br>
            <span>{{ 'Motif' | trad }} : {{ cde.MOTIF_REFUS }}</span>
        </span>
        {% endif %}
    </td>
    <td width="100px">
        {% if cde.NB_DOC>0 %}
            <a href="{{ path('GlobalApplication.DocumentRattaches.document', {MODULE:'Commande',id:cde.DOC_NO_CDE}) }}" class="documents_attaches white-tooltip">
                <span class="infos_tooltip top-left">
                    {{ 'Présence de documents rattachés pour cette commande. Cliquer pour les visualiser' | trad }}
                </span>
            </a>
        {% endif %}
        {% if cde.ETAT_FIN=='F' %}
            <span class="white-tooltip soldeFinancier">
                <span class="infos_tooltip top-left">
                    {{ 'Soldée financièrement' | trad }}
                </span>
            </span>
        {% endif %}

        {% if cde.NB_PIJO>0 %}
            <a href="{{ path('Commande.PieceJointe.index', {idCommande:cde.NO_CDE}) }}" class="pieces_jointes white-tooltip">
                <span class="infos_tooltip top-left">
                    {{ 'Présence de pièces-jointes pour cette commande. Cliquer pour les visualiser.' | trad }}
                </span>
            </a>
        {% endif %}

        {% if cde.NB_INC>0 %}
            <a href="{{ path('GlobalApplication.Incidents.incidents', {MODULE:'Commande', id: cde.NO_CDE}) }}"
                class="incidents white-tooltip">
                <span class="infos_tooltip top-left">
                    {{ 'Incident présent sur cette commande.' | trad }}
                </span>
            </a>
        {% endif %}

        {% if cde.SUIVI_TERME_PAIEMENT %}
            <a href="{{ path('TermeDePaiement.TermeDePaiement.suiviAvancementTp', {MODULE:'Commande', id: cde.NO_CDE}) }}"
                class="white-tooltip icosq-mg-termes-de-paiement ">
                <span class="infos_tooltip top-left" style="font-size: smaller !important">
                    {{ 'Suivi de l\'avancement des termes de paiement' | trad }}
                </span>
            </a>
        {% elseif cde.TP_EXIST %}
            <span class="white-tooltip icosq-mg-termes-de-paiement ">
                <span class="infos_tooltip top-left" style="font-size: smaller !important;">
                    {{ 'Termes de paiement présents'| trad ~ colon()}}<br/>
                    {{'Pour visualiser -> menu action puis TP.'| trad}}
                </span>
            </span>
        {% endif %}
    </td>
    <td>
        {% if context == 'send' or (context == 'panier' and cde.ETAT_CDE != 'S' and cde.SIGNEE|boolSql and cde.REFUSEE |boolSql == false ) %}
            <button 
                type="button" 
                class="button principal" 
                onClick="ajaxPopup('{{ path('Commande.Commande.popupImpression', {idCommande : cde.NO_CDE, routage : 'envoyer'}) }}', '{{ 'Routage de la commande N°' | trad }} {{ cde.NO_CDE }}');"
            >
                {{ 'Envoyer' | trad }}
            </button>
        {% endif %}
    </td>
    <td class="parametrage">{{ menuContextuel('cde'~cde.NO_CDE, false, cde.menuContextuel, 8) }}</td>
</tr>
<tr id="cde{{ cde.NO_CDE }}detail" class="detail_ligne hide_detail"></tr>