{% for cmd in commande %}
    {% set isOK = true %}
    {% if cmd.isBoutique() %}
        {% set id = 'BTQ_'~cmd.id %}
    {% endif %}

    <tr class="align-middle line-tbl border" id="{{ id | default('') }}">


        {% if submenu is defined %}
            <td>
                {% set warning = 'white' %}
                    {% for item in cmd.contenu %}
                        {% set ite = loop.index0 %}
                        
                        {% if item.isComposant() %}
                            {% set qte = composant.find(item.article.id).quantite %}
                            {% if qte >= item.quantite or
                                (item.hasCommandeFournisseur() and item.commandeFournisseur.is('recu')) %}
                                {% set warning = 'green' %}
                            {% elseif item.hasCommandeFournisseur() and item.commandeFournisseur.is('order') %}
                                pas
                                {% set warning = 'warning' %}
                                {% set isOK = false %}
                            {% else %}
                                {% set warning = 'danger' %}
                                {% set isOK = false %}
                            {% endif %}
                        {% endif %}
                        {% if item.isPc() == 16 %} {# item est une entity detail #}
                        {% set SousProduit = item.getSousProduit()[ite] %}

                            {% set pc = pcs.find(item.article.id) %}
                                {% if pc.getCompoLimitant() is empty %}
                                    {% if pc.quantite <= 0 %}
                                        {% set warning = 'warning' %}
                                        {% set isOK = true %}
                                    {% else %}
                                        {% set warning = 'green' %}
                                    {% endif %}
                                {% else %}
                                    {% if SousProduit.hasCommandeFournisseur() and SousProduit.commandeFournisseur.is('order') %}
                                        {% set warning = 'warning' %}
                                        {% set isOK = false %}
                                    {% elseif SousProduit.hasCommandeFournisseur() and SousProduit.quantite == 0  %}
                                        {% set warning = 'green' %}
                                    {% else %}
                                        {% set warning = 'danger' %}
                                        {% set isOK = false %}
                                    {% endif %}
                                {% endif %}
                        {% endif %}
                    {% endfor %}
                <pre class="bg-{{ warning }} rounded-circle" data-id="{{ cmd.numero }}" data-bs-toggle="modal"
                     data-bs-target="#compoLimitantModal">  </pre>

            </td>

        {% endif %}
        <td>
            <div class="d-flex">
                {% if submenu is defined %}
                    <div>
                        {% if cmd.status.id in [1,37] %}
                            <button class="btn btn-white" data-bs-toggle="modal"
                                    data-bs-target="#displayEchangeClientModal"
                                    data-id="{{ cmd.id }}">
                                {% if cmd.clientWarned() %}
                                    <i class="fas fa-check-circle fs-3 text-success"></i>
                                {% else %}
                                    <i class="fas fa-times-circle fs-3 text-danger"></i>
                                {% endif %}
                            </button>
                        {% endif %}


                        {% set class ="" %}
                        {% if cmd.hasLivraisons() %}
                            {% set class ="active" %}

                        {% endif %}

                        <button class="btn btn-white" data-bs-toggle="modal" data-bs-target="#livraisonModal"
                                data-id="{{ cmd.id }}">

                            <i class="fal fa-truck {{ class }}"></i>
                        </button>
                    </div>
                {% endif %}
                <div>
                    {% if app.user.is('dev') %}
                        <div>
                            <a href="{{ path('commande_crud_show',{id : cmd.id}) }}" class="btn btn-dark">Voir</a>

                        </div>
                        <div class="my-3">
                            <a href="{{ path('commande_crud_edit',{id : cmd.id }) }}" class="btn btn-info">Modifier</a>

                        </div>
                        <div>
                            <a href="{{ path('commande_crud_delete_one',{id : cmd.id}) }}" class="btn btn-danger">Supprimer</a>
                        </div>
                    {% endif %}
                </div>

            </div>
        </td>

        <td>
            <input type="checkbox" name="ckb_order" id="ckb*{{ cmd.numero }}" value="{{ cmd.numero }}"/>
        </td>

        <td data-label="Date de la commande">
            {{ cmd.getFormattedDateOrder() }}
        </td>
        <td data-label="Temps">
            <div class="temps-ecoule">{{ cmd.temps }}</div>
            jours
        </td>
        <td data-label="Contenu">
            {% for item in cmd.contenu %}
                ({{ item.quantite }}) -
                {{ item.article }}
                <br>
            {% endfor %}
        </td>
        <td class="ordernum" data-label="Numéro">

            <b class="client">{{ cmd.client }}</b><br>
            <span class="numero">{{ cmd.numero }}</span>

            {% if cmd.isLate() %}
                <div class="text-danger fw-bold">En retard</div>
            {% endif %}


        </td>


        <td data-label="Date limite d'expedition">
            {% if cmd.getDateLimiteExp() is empty %}
                N/C
                </br>
            {% else %}

                {{ cmd.getDateLimiteExp() }}
            {% endif %}
        </td>
        {% if cmd.infos != null %}
            <td class="bg-orange" data-label="Statut">
                En attente
                <br>
                <i>{{ cmd.infos }}</i>

            </td>
        {% else %}
            <td class="bg-{{ cmd.status.color }}" data-label="Statut">
                {{ cmd.status.libelle }}

            </td>
        {% endif %}
        <td>{% if cmd.isBoutique() %}
                <b>Payé :</b> {{ cmd.sumAccompte() }} €
                <br>
                <b>Restant :</b> {{ cmd.getTotalTTC() - cmd.sumAccompte() }} €
                <hr>
                <b>Total :</b> {{ cmd.getTotalTTC() }} €
            {% endif %}</td>

        <td class="border-start border-end">

            {% if 'STOCK'  in cmd.numero %}
                {% include "commande/commandeOption/stock.html.twig" with {cmd:cmd} %}

            {% elseif cmd.status.id == 6 %}
                {% include "commande/commandeOption/sav.html.twig" with {cmd:cmd} %}
            {% elseif cmd.status.id == 4 %}
                {% include "commande/commandeOption/cancel.html.twig" with {cmd:cmd} %}



            {% else %}

                {% include "commande/commandeOption/standard.html.twig" with {cmd:cmd,isOK : isOK} %}
            {% endif %}

        </td>
    </tr>
{% else %}
    <tr>
        <td colspan="9" class="fs-3 py-3">Aucune commande dans cette section</td>
    </tr>
{% endfor %}
<tr id="page">
    <td colspan="9">
        {% set count =  length / 100 %}
        {% set count = count|round(0,'floor') %}
        {% if count < 1 %}
            {% set count = 1 %}
        {% endif %}

        {% for i in 1.. count %}
            <a href="?page={{ i }}"
               class="btn btn-light border mx-1 {% if i == page %} bg-secondary bg-gradient text-light {% endif %}">{{ i }}</a>

        {% endfor %}
    </td>
</tr>