{% for sav in savs %}
    <tr class="align-middle border-start border-end line-tbl" id="sav_{{ sav.id }}">


        <td>
            <input type="checkbox" name="ckb_order" id="ckb_{{ sav.commande.numero }}"/>
        </td>

        <td>
            {{ sav.getFormattedDate() }}
        </td>

        <td>
            {% for article in sav.commande.contenu %}
                {{ article.getArticle() }}
            {% endfor %}
        </td>
        <td class=" ordernum">
            <div><b>{{ sav.commande.client }}</b></div>
            <br>
            <div>{{ sav.commande.numero }}</div>
            <hr>
            <div>{{ sav.numero }}</div>


        </td>
        {% if sav.resultat.id == 11 %}
            <td>

                <div class='bg-{{ sav.resultat.color }}  rounded p-2'>
                    {{ sav.resultat }}
                </div>
            </td>

        {% else %}
            <td>
                <div class="d-flex align-items-center justify-content-around">
                    <div class="w-50 mx-3">
                        {% for op in sav.operations %}
                            <b>{{ op.libelle }}</b>
                            <hr>
                        {% endfor %}
                    </div>
                    <div class="w-50">
                        {% if sav.informations is empty %}
                            {{ sav.getInfosSup() }}
                        {% else %}


                            {% if sav.hasUnseenInformation(app.user) %}
                                <div class="btn-group">
                                    <button type="button"
                                            class=" btn alert-warning my-3 dropdown-toggle"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="fal fa-bells"></i>
                                        <span class="text-start my-2 ">
                                        <b>{{ sav.getUnseenInformations(app.user) | length }}</b>
                                        <span>Informations non lues</span>
                                    </span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <div id="sav_{{ sav.id }}_infos_list">
                                            {% for info in sav.getUnseenInformations(app.user) %}
                                                <li class="dropdown-item" id="information_{{ info.id }}">
                                                    <div onclick="readInfos('{{ path('information_read',{id :info.id}) }}','{{ info.id }}')" >
                                                        <i class="fal fa-bell"></i>
                                                        <span>{{ info }}</span>
                                                    </div>
                                                </li>
                                                <li>
                                                    <hr class="dropdown-divider">
                                                </li>
                                            {% endfor %}
                                        </div>

                                        <li>
                                            <div class="mx-2 d-flex justify-content-between">
                                                <button class="btn btn-success" onclick="readAllInfos('{{ path('crud_sav_read_all',{id :sav.id}) }}','{{ sav.id }}')">Lire tout</button>

                                            </div>
                                        </li>
                                    </ul>
                                </div>

                            {% endif %}

                            {% if app.user not in sav.informations|last.userSeen %}
                                {% set class = 'bg-danger text-white' %}
{% else %}
                                {% set class = '' %}
                            {% endif %}
                            <div class="{{ class | default('') }} p-3 rounded bg-light" id="sav_{{ sav.id }}_last_info_content"><b>
                                    {{ sav.informations|last.technicien | capitalize }} -

                                    {{ sav.informations | last.formattedDate }} </b> :
                                <br>
                                <span>{{ sav.getInformations() | last }}</span>
                            </div>


                            {% if sav.informations|last.hasReaders %}
                               <div class="d-flex justify-content-center align-items-center my-3">
                                   <span class="mx-3">Lu par : </span>
                                   {% for user in sav.informations|last.userSeen %}
                                       <span class="mx-1">{{ user.icone | raw }}</span>
                                   {% endfor %}
                               </div>
                            {% endif %}

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


            </td>
        {% endif %}


        {% if sav.hasReparation() %}
            <td class="border-start border-end" data-label="Statut">

                <div class="d-flex justify-content-center">
                    <div class="mx-2">
                        <h5>SAV</h5>
                        <div class='bg-{{ sav.resultat.color }}  rounded p-2'>
                            {{ sav.resultat }}
                        </div>


                    </div>
                    <div class="border-start px-2">
                        <h5>Réparation (<a
                                    href="{{ path('reparations',{submenu : 'all'}) }}?q={{ sav.reparation.numero }}">{{ sav.reparation }}</a>)
                        </h5>
                        <div class='bg-{{ sav.reparation.status.color }} rounded p-2'>{{ sav.reparation.status }}</div>
                    </div>
                </div>

            </td>
        {% else %}
            <td data-label="Statut">

                <div class="d-flex justify-content-center">
                    <div class="mx-2">
                        <h5>SAV</h5>
                        <div class='bg-{{ sav.commande.status.color }}  rounded p-3'>
                            {{ sav.commande.status.libelle }}
                        </div>


                    </div>
                </div>
            </td>

        {% endif %}


        <td>
            <div class="d-flex flex-column">
                <div class="d-flex justify-content-around">
                    <a data-bs-toggle="modal" data-bs-target="#infoOrderModal" class="cmd-icon  ms-3"
                       data-id="{{ sav.commande.numero }}" data-toggle="tooltip" data-placement="top"
                       title="Informations de la commande">


                        <img src="{{ asset('img/info.svg') }}" alt="info" width="40"/>
                    </a>


                    <!-- Example single danger button -->
                    <div class="btn-group mx-3">
                        <button type="button" class="btn btn-dark dropdown-toggle" data-bs-toggle="dropdown"
                                aria-expanded="false">
                            <i class="fal fa-print fs-3"></i>
                            <span>Imprimer</span>
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="{{ path('commande.sav.print',{num : sav.getId()}) }}" target="_blank"
                                   class="cmd-icon  ms-3" data-toggle="tooltip" data-placement="top"
                                   title="Impression du Rapport">
                                    Rapport SAV
                                </a>
                            </li>
                            {% if sav.hasReparation() %}
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a class="dropdown-item" target="_blank"
                                       href="{{ path('reparation.print',{submenu : 'entree'}) }}?num={{ sav.reparation.numero }}">Bon
                                        d'entrée</a></li>
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a class="dropdown-item" target="_blank"
                                       href="{{ path('reparation.print',{submenu : 'diag'}) }}?num={{ sav.reparation.numero }}">Diagnostic</a>
                                </li>
                                {% if sav.reparation.hasDevis() %}
                                    <li>
                                        <hr class="dropdown-divider">
                                    </li>
                                    <li><a class="dropdown-item" target="_blank"
                                           href="{{ path('reparation.print',{submenu : 'devis'}) }}?num={{ sav.reparation.numero }}">Devis</a>
                                    </li>
                                {% endif %}
                                {% if sav.reparation.hasValidateDevis() %}
                                    <li>
                                        <hr class="dropdown-divider">
                                    </li>
                                    <li><a class="dropdown-item" target="_blank"
                                           href="{{ path('reparation.print',{submenu : 'invoice'}) }}?num={{ sav.reparation.numero }}">Facture</a>
                                    </li>
                                {% endif %}
                            {% endif %}
                        </ul>
                    </div>


                </div>
                <hr>
                <div class="d-flex justify-content-between align-items-center">
                    {% if not sav.hasReparation() %}
                        <a href="{{ path('commande.sav.create.rep', { id : sav.id}) }}" class="cmd-icon"><img
                                    src="/img/reply.svg" alt="retour" width="50" data-toggle="tooltip"
                                    data-placement="top" title="Créer une réparation"></a>

                    {% endif %}
                    <div class="dropdown">
                        <a class="cmd-icon dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
                           data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="fal fa-paper-plane fs-2 text-dark"></i>
                        </a>

                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                            <li>
                                <a class="dropdown-item"
                                   href="{{ path('commande.sav.send',{sav : sav.id, mail : 15,from : 'commande'}) }}">Envoyer
                                    le rapport
                                    SAV</a>
                            </li>
                            <li>
                                <a class="dropdown-item"
                                   href="{{ path('commande.sav.send',{sav : sav.id, mail : 23,from : 'commande'}) }}">Envoyer
                                    le bon de
                                    retour</a>
                            </li>

                        </ul>
                    </div>

                    <a href="{{ path('commande.sav.update',{id : sav.id,status : 11}) }}" class="cmd-icon"
                       data-toggle="tooltip" data-placement="top" title="Resolu">
                        <img src="/img/thumbup.svg" alt="solve" width="50">
                    </a>
                    <a href="{{ path('commande.sav.ticket.open',{id : sav.id}) }}" class="cmd-icon"
                       data-toggle="tooltip" data-placement="top" title="Ouvrir le ticket">
                        <img src="/img/sav.svg" alt="sav" width="50">
                    </a>
                </div>
            </div>


        </td>
    </tr>
{% else %}
    <tr>
        <td colspan="10" class="py-3 fs-4">Aucun SAV présent</td>
    </tr>
{% endfor %}