<table class="table table-hover">
    <thead class="thead-dark">
        <tr>
            <th scope="col" width="100px">{{'Code' | trad }}</th>
            <th scope="col">{{'Libellé Article' | trad }}</th>
            <th scope="col" width="150px">{{'Quantité' | trad }}</th>
            <th scope="col" width="20%">{{'Ctr. livraison' | trad }} {% if modeTransport %}/ {{ 'Mode de transport' | trad }}{% endif %}</th>
            <th scope="col" width="30%">{{'Date de livraison' | trad }}</th>
        </tr>
    </thead>
    <tbody>
        {% for ligne in listeLigne %}
            <tr>
                <td>{{ ligne.COD_ART }}</td>
                <td>{{ ligne.DES_ART }}</td>
                <td class="montant">{{ ligne.qte |qte }}</td>
                <td>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'CodeCtrLivraison'~spliter()~'ligne'~spliter()~ligne.id_lig,
                            'value': ligne.CodeCtrLivraison,

                            'titleZoom' : 'Liste des centres de livraison' | trad,
                            'entity' : 'Centre',
                            '_pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',

                            'option' : droit.HA_DA_TTCT? '':'readOnly',

                            'pahtZoom' : path('Ajax.liste.centreByType', {typeCentre:'LIVRAISON'}),
                            'paramZoom' : "{'code_ste' : '"~panier.CODE_STE~"' , 'fromPanier': true, 'id_lig' : '"~ligne.id_lig~"'}",
                            'faceAttr' : {
                                'data-updatevalue' : 'on',
                            },
                        }) }}
                    </div>
                    {% if ligne.TRS_INTER | boolSql %}
                        <div class="row" style="margin-top:10px;">
                            {{ inputAdvance('SELECT', {
                                'name' : 'MODE_TRS'~spliter()~'ligne'~spliter()~ligne.id_lig,
                                'value' : ligne.MODE_TRS,
                                'listeValue': listeModeTransport(),
                                'inputAttr' : {
                                    'data-updatevalue' : 'on',
                                },
                            }) }}
                        </div>
                    {% endif %}
                </td>
                {% if ligne.RECEP_AUTO | boolSql %}
                    <td class="space">
                        <div class="clearfix">
                            <div class="colonne2">
                                <div class="row">
                                    {{ inputAdvance('SELECT', {
                                        'name' : 'PER_REC_AUTO'~spliter()~'ligne'~spliter()~ligne.id_lig,
                                        'listeValue' : listePeriodicite(),
                                        'value' : ligne.PER_REC_AUTO??'M',
                                        'inputAttr' : {
                                            'data-updatevalue' : 'on',
                                        },
                                    }) }}
                                </div>
                                <div class="row">
                                    {{ inputAdvance('DATE', {
                                        'name' : 'DATEDEBCONT'~spliter()~'ligne'~spliter()~ligne.id_lig,
                                        'value' : ligne.DATEDEBCONT | dateTrad,
                                        'inputAttr' : {
                                            'data-updatevalue' : 'on',
                                        },
                                    }) }}
                                </div>
                            </div>
                            <div class="colonne2 last">
                                <div class="row">
                                    {{ inputAdvance('SELECT', {
                                        'name' : 'FIN_DEB_PER'~spliter()~'ligne'~spliter()~ligne.id_lig,
                                        'listeValue' : {
                                            'D': 'Début de période' | trad,
                                            'F': 'Fin de période' | trad,
                                        },
                                        'value' : commande.FIN_DEB_PER??'F',
                                        'inputAttr' : {
                                            'data-updatevalue' : 'on',
                                        },
                                    }) }}
                                </div>
                                <div class="row">
                                    {{ inputAdvance('DATE', {
                                        'name' : 'DATEFINCONT'~spliter()~'ligne'~spliter()~ligne.id_lig,
                                        'value' : ligne.DATEFINCONT | dateTrad,
                                        'inputAttr' : {
                                            'data-updatevalue' : 'on',
                                        },
                                    }) }}
                                </div>
                            </div>
                        </div>
                        <div class="single">
                            <div class="row">
                                {{ inputAdvance('SELECT', {
                                    'titre' : 'Jour d\'application' |trad,
                                    'name' : 'OUPL_RECEPAUTO_JOUR'~spliter()~'ligne'~spliter()~ligne.id_lig,
                                    'listeValue' : listeJours(),
                                    'value' : ligne.OUPL_RECEPAUTO_JOUR??31,
                                    'inputAttr' : {
                                        'data-updatevalue' : 'on',
                                    },
                                }) }}

                            </div>
                        </div>
                    </td>
                {% else %}
                    <td>
                        <div class="row">
                            {{ inputAdvance('DATE', {
                                'name' : 'DATELIVR'~spliter()~'ligne'~spliter()~ligne.id_lig,
                                'value': ligne.DATELIVR |dateTrad,
                                'inputAttr' : {
                                    'data-updatevalue' : 'on',
                                },
                            }) }}
                        </div>
                    </td>
                {% endif %}
            </tr>
        {% endfor %}
    </tbody>
</table>