<tr id="{{ attr.id | default() }}" 
    class="detail_ligne {{ attr.class | default() }} table-row-no-hover"
    data-detail=""
    data-caligne-id="{{ caLigne.NO_PO }}"
    data-caligne-unit="{{ caLigne.UNITE }}"
    data-caligne-qtecomm="{{ caLigne.QTE_COMM }}"
>
    <td class="p-base" colspan="9">
        <div class="bs-row gutter-x-base">
{#-_____________________________________________________________________________
Planning contractuel -#}
            <article class="bs-col-half">
                <h3>{{ 'Planning contractuel' | trad }}</h3>
                <table class="table table-hover">
                    <thead>
                        <th>{{ 'Date' | trad }}</th>
                        <th>{{ 'Quantité' | trad }}</th>
                    </thead>
                    <tbody>
                        {% for date in planningContractuel %}
                            <tr>
                                <td class="td-form-control">
                                    {{ date.DTE_LIV | dateTrad }}
                                </td>
                                <td class="montant">
                                    {{- date.QTE_COMM | number_format(mapUnite[ caLigne.UNITE ].NB_DECIM, '.', '') -}}
                                    &nbsp;
                                    {{- caLigne.UNITE -}}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </article>
{#-_____________________________________________________________________________
Planning previsionel -#}
            <article class="bs-col-half">
                <h3>{{ 'Planning prévisionnel' | trad }}</h3>
                <table class="table table-hover" data-planning-prev>
                    <thead>
                        <th>{{ 'Date' | trad }}</th>
                        <th>{{ 'Quantité' | trad }}</th>
                        <th class="text-right">
                            <a class="ajouter_v2  white-tooltip"  onclick="planningAddItem(event)">
                                <span class="infos_tooltip left">
                                    {{- 'Ajouter une ligne' | trad -}}
                                </span>
                            </a>
                        </th>
                    </thead>
                    <tbody>
                        {%- for planningItem in planningPrevisionel -%}
                            {% include '@Commande/Planning/updatePlanningDetailItem.twig' with {
                                planningItem: planningItem,
                                caLigneId: caLigne.NO_PO,
                                caLigne: caLigne,
                                index: loop.index0,
                                mapUnite: mapUnite,
                            } only %}
                        {%- endfor -%}
                    </tbody>
                </table>
            </article>
{#-___________________________________________________________________________-#}
        </div>
    </td>
</tr>