{# <div id="order">
    {% for fournisseur in fournisseurs %}
        {% if fournisseur.getValidateCmd() | length > 0 %}

            <div class="supplier my-3">
                <div>
                    <img src="/img/carte-right.svg" alt="arrow" id='arrow_{{ fournisseur.id }}' width="50"
                         onclick="displaySupplier('{{ fournisseur.id }}')">


                    {{ fournisseur }}
                    ({{ fournisseur.getValidateCmd() | length }})
                </div>
                <div id="supplier_{{ fournisseur.id }}" style="display:none" class="order">
                    {% for cmd in fournisseur.getValidateCmd() %}

                        <div>
                            <div class="d-flex justify-content-between">

                                <div><img src="/img/carte-right.svg" alt="arrow" id='arrow_{{ cmd.numero }}' width="50"
                                          onclick="displayOrder('{{ cmd.numero }}')">
                                    <b>{{ cmd }}</b>
                                    -
                                    {{ cmd.getFormattedDateOrder() }}</div>

                                <div>
                                    {% if cmd.hasPieceJointe() %}
                                        {% if cmd.pieceJointe | length > 1 %}
                                            <a href="{{ path('fournisseur.order.see.pj',{id:cmd.id}) }}"
                                               class="btn btn-info">
                                                <img src="/img/attachment.svg" alt="attachment" width="15">
                                                Voir les Pieces Jointes</a>
                                        {% else %}
                                            <a href="{{ cmd.pieceJointe[0].url }}" target="_blank" class="btn btn-info">
                                                <img src="/img/attachment.svg" alt="attachment" width="15">
                                                Voir la Piece Jointe</button>
                                            </a>


                                        {% endif %}
                                    {% endif %}
                                    <div>
                                        <b>Validé le</b>
                                        {{ cmd.getFormattedDateExp() }}</div>


                                </div>
                            </div>
                            <div id="content_{{ cmd.numero }}" style="display:none">
                                <table class="table">
                                    <thead>
                                    <tr class="text-center">
                                        <td></td>
                                        <th>Réference</th>
                                        <td>Modele</td>
                                        <td>EAN</td>
                                        <td>Stock Reel</td>
                                        <td>A Commander</td>
                                        <td></td>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for item in cmd.contenu | merge(cmd.details) %}

                                        <tr class="text-center">
                                            <td>
                                                {% if item.article.hasImage() %}
                                                    <img src="/img/composant/{{ item.article.image }}" alt=""
                                                         width="100">

                                                {% endif %}

                                            </td>
                                            <td>
                                                {% if item.hasCommande() %}
                                                    {{ item.commande }}
                                                {% elseif item.hasDevis() %}
                                                    {{ item.devis }}
                                                {% endif %}

                                            </td>
                                            <td data-label="Article">{{ item.article }}</td>
                                            <td data-label="EAN">
                                                {% if item.isComposant() %}
                                                    {{ item.article.isbn }}
                                                {% endif %}
                                            </td>


                                            <td class="bg-danger bg-gradient text-white"
                                                data-label="Stock">{{ item.article.quantite }}</td>

                                            <td class="bg-success bg-gradient text-white"
                                                data-label="A commander">{{ item.quantite }}</td>
                                            {% if cmd.status.id == 13 %}
                                                <td><img src="/img/dash.svg" alt="moins" width="30"
                                                         onclick="removeQte(null)">


                                                    <span class="">0</span>
                                                    <img src="/img/plus.svg" alt="plus" onclick="addQte()" width="30">

                                                    <button class="btn btn-success"
                                                            onclick="submitQteCompo('{{ path('fournisseur.order.compo.edit',{num : cmd.numero,compo : item.article.id}) }}')">
                                                        OK
                                                    </button>


                                                </td>
                                            {% endif %}


                                        </tr>

                                    {% endfor %}


                                    </tbody>
                                </table>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>

        {% endif %}
    {% endfor %}
</div> #}


<div id="order">

    {% for cli in cmds %}
        <img src="/img/carte-right.svg" alt="arrow" id='arrow_{{ cli.id }}' width="50"
             onclick="displayClient('{{ cli.id }}')">

        {{ cli }} <br>

        <div id="cli_{{ cli.id }}" style="display:none" class="order">

            {% for cmd in cli.commandes %}
                {% for item in cmd.contenu %}
                    {% if item.hasCommandeFournisseur() %}
                    <div>
                        <img src="/img/carte-right.svg" alt="arrow" id='arrow_{{ cmd.numero }}' width="50"
                              onclick="displayOrder('{{ cmd.numero }}')">
                        <b>{{ cmd }}</b>
                        -
                        {{ cmd.getFormattedDateOrder() }}
                    </div>
                    <div class="order">

                            <div id="content_{{ cmd.numero }}" style="display:none">
                                <table class="table">
                                    <thead>
                                    <tr class="text-center">
                                        <td></td>
                                        <th>Réference</th>
                                        <td>Modele</td>
                                        <td>EAN</td>
                                        <td>Stock Reel</td>
                                        <td>A Commander</td>
                                        <td></td>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for item in cmd.contenu | merge(cmd.details) %}

                                        <tr class="text-center">
                                            <td>
                                                {% if item.article.hasImage() %}
                                                    <img src="/img/composant/{{ item.article.image }}" alt=""
                                                         width="100">

                                                {% endif %}

                                            </td>
                                            <td>
                                                {% if item.hasCommande() %}
                                                    {{ item.commande }}
                                                {% elseif item.hasDevis() %}
                                                    {{ item.devis }}
                                                {% endif %}

                                            </td>
                                            <td data-label="Article">{{ item.article }}</td>
                                            <td data-label="EAN">
                                                {% if item.isComposant() %}
                                                    {{ item.article.isbn }}
                                                {% endif %}
                                            </td>


                                            <td class="bg-danger bg-gradient text-white"
                                                data-label="Stock">{{ item.article.quantite }}</td>

                                            <td class="bg-success bg-gradient text-white"
                                                data-label="A commander">{{ item.quantite }}</td>
                                            {% if cmd.status.id == 13 %}
                                                <td><img src="/img/dash.svg" alt="moins" width="30"
                                                         onclick="removeQte(null)">


                                                    <span class="">0</span>
                                                    <img src="/img/plus.svg" alt="plus" onclick="addQte()" width="30">

                                                    <button class="btn btn-success"
                                                            onclick="submitQteCompo('{{ path('fournisseur.order.compo.edit',{num : cmd.id,compo : item.article.id}) }}')">
                                                        OK
                                                    </button>


                                                </td>
                                            {% endif %}


                                        </tr>

                                    {% endfor %}


                                    </tbody>
                                </table>
                            </div>

                    </div>
                    {% endif %}
                {% endfor %}
            {% endfor %}
        </div>
    {% endfor %}

</div>