{% for item in reparations %}
    {% set client = item.client %}
    <tr class='line-tbl' id="REP_{{ item.id }}">

        <td>
            {% if item.status.id == 16 and item.hasValidateDevis() %}

                {% set devis = item.getValidateDevis() %}

                {% set bg = 'bg-success' %}
                {% for presta in devis.getPrestation() %}

                    {% if presta.isComposant %}
                        {% set compo = compoRepo.findOneByConcat(presta.description) %}


                        {% if  compo.quantite < presta.quantite %}
                            {% set bg  = 'bg-danger' %}
                        {% endif %}
                    {% endif %}

                {% endfor %}

                {% for presta in devis.getArticles() %}

                    {% if presta.isComposant %}
                        {% set compo = compoRepo.find(presta.article.id) %}

                        {% if presta.hasCommandeFournisseur() %}
                            {% if presta.commandeFournisseur.status.id == 13 %}

                                {% set bg = 'bg-warning' %}
                            {% elseif presta.commandeFournisseur.status.id == 9 %}
                                {% set bg  = 'bg-success' %}
                            {% else %}
                                {% set bg = 'bg-danger' %}

                            {% endif %}
                        {% elseif  compo.quantite < presta.quantite %}
                            {% set bg  = 'bg-danger' %}
                        {% endif %}
                    {% endif %}

                {% endfor %}
                <pre class="rounded {{ bg }}" data-bs-toggle="modal" data-bs-target="#compoLimitantModal"
                     data-id="{{ item.numero }}">   </pre>

            {% endif %}
            {% if item.livraison or item.hasLivraisons() %}
                {% set class ="" %}
                {% if item.hasLivraisons() %}
                    {% set class ="active" %}

                {% endif %}

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

                    <i class="fal fa-truck {{ class }}"></i>
                </button>
            {% endif %}
            {% if app.user.is('dev') %}
                <a href="{{ path('reparation_crud_edit',{id : item.id}) }}" class="btn btn-info">Modifier</a>
            {% endif %}
        </td>
        <td></td>
        <td data-label="Date de création">{{ item.getDate() }}</td>
        <td data-label="Temps">
            <div class="temps-ecoule">{{ item.temps }}</div>
            jours
        </td>


        <td data-label="Client">
            {% if client.is('pro') and client.getHeureQuotaNoAssign | length > 0 %}
                <a href="{{ path('souscription_client',{id : client.id}) }}" class="text-decoration-none">
                    <div class="rounded bg-danger text-white p-2">
                        <i class="far fa-exclamation-triangle"></i>
                        <span>{{ item.client }}</span>
                    </div>
                </a>
            {% else %}
                {{ item.client }}
            {% endif %}
        </td>
        <td data-label="Numéro de la réparation">
            {% if item.hasSav() %}
                <b>SAV : </b><a href="{{ path('commande.sav.ticket.open',{id : item.sav.id}) }}"
                                target="_blank">{{ item.sav }}</a>
                <hr>
            {% endif %}

            {{ item.numero }}</td>
        {% if item.getValidateDevis() != null %}
            <td data-label="Numéro du Devis">
                {% set devis =  item.getValidateDevis() %}

                {% if devis.status.id == 13 %}
                    {% set submenu = 'devis_waiting' %}
                {% elseif devis.status.id == 25 %}
                    {% set submenu = 'devis_send' %}
                {% elseif devis.status.id == 25 and  "now"|date - devis.date > 30 %}
                    {% set submenu = 'devis_accept' %}
                {% elseif devis.status.id == 14 %}
                    {% set submenu = 'devis_accept' %}
                {% elseif devis.status.id == 4 %}
                    {% set submenu = 'devis_deny' %}

                {% endif %}

                {% set url =  path('reparations',{submenu : submenu})~'?q='~devis.numero %}

                <a href="{{ url }}">
                    {{ devis.numero }}
                </a>
            </td>

        {% else %}
            <td data-label="Numéro du Devis"><br></td>

        {% endif %}
        <td data-label="Montant">{{ item.getTTC() }}</td>
        <td data-label="Equipement">{{ item.materiel }}</td>
        <td data-label="Problèmes">
            <div class="d-flex align-items-center justify-content-around">
                <div class="w-40 mx-3">
                    {% for pb in item.getProblemes() %}
                        {{ pb }}
                        <br>
                    {% endfor %}
                    <br>
                    <i>{{ item.getInfosSup() | split('\n')[0] }}</i>
                </div>
                <div class="w-60">
                    {% if item.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>{{ item.getUnseenInformations(app.user) | length }}</b>
                                    <span>Informations non lues</span>
                                </span>
                            </button>
                            <ul class="dropdown-menu">
                                <div id="sav_{{ item.id }}_infos_list">
                                    {% for info in item.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.formattedDate()}} - {{ info }}</span>
                                            </div>
                                        </li>
                                        <li>
                                            <hr>
                                        </li>
                                    {% endfor %}
                                </div>
                                <li>
                                    <div class="mx-2 d-flex justify-content-between">
                                        <button class="btn btn-success"
                                                onclick="readAllInfos('{{ path('crud_reparation_read_all',{id :item.id}) }}','{{ item.id }}')">
                                            Lire tout
                                        </button>

                                    </div>
                                </li>
                            </ul>
                        </div>
                    {% endif %}
                    {% if item.hasInformations() %}
                        {% if app.user not in item.informations|last.userSeen %}
                            {% set class = "bg-danger text-white" %}
                        {% else %}
                            {% set class = "bg-light" %}
                        {% endif %}
                        <div class="{{ class | default('') }} p-3 rounded" id="sav_{{ item.id }}_last_info_content">
                            <b>
                                {{ item.informations| last.technicien | capitalize }}-
                                {{ item.informations|last.formattedDate }}
                            </b>
                            <span>{{ item.getInformations() | last }}</span>
                        </div>
                        {% if item.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 item.informations|last.userSeen %}
                                    <span class="mx-1">{{ user.icone | raw }}</span>
                                {% endfor %}
                            </div>
                        {% endif %}
                    {% endif %}
                </div>
            </div>
        </td>
        {% if item.getInfosPause() != null %}
            <td class="bg-orange" data-label="Statut">
                En attente
                <br>
                <i>{{ item.getInfosPause() }}</i>

            </td>
        {% else %}
            {% if item.hasIntervention() %}

            <td data-label="Statut">
                <div class="d-flex justify-content-center">
                    <div class="mx-2">
                        <h5>Intervention
                            (<a
                                    href="{{ path('intervention',{submenu : 'all'}) }}?q={{ item.intervention.numero }}" class="fs-6">{{ item.intervention }}</a>)
                        </h5>
                        <div class='bg-{{ item.status.color }}  rounded p-2'>
                            {{ item.status }}
                            {% if item.status.id == 13 %}
                                :</br>
                                {{ item.pause }}


                            {% endif %}

                        </div>


                    </div>
                    <div class="border-start px-2">
                        <h5>Réparation
                        </h5>
                        <div class='bg-{{ item.status.color }} rounded p-2'>{{ item.status }}</div>

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

            {% else %}
                <td class=' border-start border-end' data-label="Statut">
                    <div class='bg-{{ item.status.color }} rounded py-4 px-2'>{{ item.status }}</div>

                </td>
        {% endif %}
        {% endif %}


        <td data-label="Casier">
            <div id="casier_{{ item.numero }}">
                {{ item.casier }}
                <button onclick='editCasier("{{ item.numero }}")' class="btn btn-white"><img
                            src="{{ asset('img/edit.svg') }}" alt="edit"></button>


            </div>

            {% include "stock/component/input.html.twig" with {'id' : 'editCasier_'~item.numero , 'input_value' : item.casier, 'function' : 'updateCasier("'~item.numero~'","'~path('reparation.edit.casier')~'")'} %}
        </td>

        <td class="border-start" style="min-width: 20rem">
            <div class="d-flex flex-column">
                <div class="d-flex justify-content-around align-items-center">
                    <a data-bs-toggle="modal" data-bs-target="#infosRepModal" class="cmd-icon  ms-3"
                       data-id="{{ item.numero }}" data-toggle="tooltip" data-placement="top"
                       title="Infos de la reparation">

                        <img src="{{ asset('img/info.svg') }}" alt="info" width="40"/>
                    </a>
                    <a class="cmd-icon" data-bs-toggle="modal" data-bs-target="#modalPrinting"
                       data-id="{{ item.numero }}"></a>

                    <!-- Example split danger button -->
                    <div class="btn-group">
                        <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 class="dropdown-item" href="{{ path('reparation.print',{submenu : 'entree'}) }}?num={{ item.numero }}" target="_blank">
                                    <span>Bon d'entrée</span>
                                </a></li>
                            <li><a class="dropdown-item" href="{{ path('reparation.print',{submenu : 'diag'}) }}?num={{ item.numero }}" target="_blank">
                                    <span>Diagnostic</span></a>
                            </li>
                            {% if item.hasDevis() %}
                                <li><a class="dropdown-item" href="{{ path('reparation.print',{submenu : 'devis'}) }}?num={{ item.numero }}" target="_blank">
                                        <span>Devis</span>
                                    </a></li>
                            {% endif %}

                            {% if item.hasValidateDevis() %}
                                <li><a class="dropdown-item" href="{{ path('reparation.print',{submenu : 'invoice'}) }}?num={{ item.numero }}" target="_blank">
                                        <span>Facture</span>
                                    </a></li>
                            {% endif %}
                            {% if item.hasSav() %}
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a class="dropdown-item" href="{{ path('commande.sav.print',{num : item.sav.id}) }}" target="_blank">
                                        <span>Rapport de SAV</span>
                                    </a></li>
                            {% endif %}
                        </ul>
                    </div>


                    <a class="cmd-icon" data-bs-toggle="modal" data-bs-target="#echangeClientModal"
                       data-id="{{ item.numero }}" data-toggle="tooltip" data-placement="top" title="Echange Client">
                        <img src="/img/chat.svg" alt="chat" width="40"></a>


                </div>
                <hr>
                {% if item.status.id == 17 %}
                    <div>
                        {% set devis = item.devis | first %}
                        {% if devis.status.id != 14 %}
                            <button data-bs-toggle="modal" data-bs-target="#confirmDevisAccept" data-id="{{ devis.id }}"
                                    class="btn btn-success cmd-icon p-1" data-toggle="tooltip" data-placement="top"
                                    title="Valider"><img src="/img/check.svg" alt="oui" width="30"></button>


                        {% endif %}

                        {% if devis.status.id != 4 %}

                            <a href="{{ path( 'reparation.set.devis' ,{status : '4'}) }}?num={{ devis.numero }}"
                               class="btn btn-danger cmd-icon p-1" data-toggle="tooltip" data-placement="top"
                               title="Refuser"><img src="/img/cancel.svg" alt="non" width="30"></a>


                        {% endif %}
                        {% if devis.status.id != 4 %}
                            <a href="{{ path( 'reparation.set.devis' ,{status : '25'}) }}?num={{ devis.numero }}"
                               class="btn bg-orange cmd-icon p-1" data-toggle="tooltip" data-placement="top"
                               title="Envoyer"><img src="/img/send.svg" alt="send" width="30"></a>
                        {% endif %}
                    </div>
                    <hr>
                {% endif %}
                <div class="d-flex justify-content-around  align-items-center">

                    {% if item.status.id == 17 %}
                        <a href="{{ path('reparation.list.devis',{ id : item.id}) }}" class="cmd-icon">
                            <i class="fas fa-list fs-2 text-dark"></i>
                        </a>

                    {% endif %}

                    {% if item.status.id not in [3] and submenu != 'waiting' %}
                        <a class="cmd-icon" href="{{ path('reparation.rollback',{id: item.id}) }}" data-toggle="tooltip"
                           data-placement="top" title="Rollback"><img src="/img/arrow-left.svg" alt="rollback"
                                                                      width="40"></a>

                    {% endif %}

                    {% if item.status.id not in [15,22,4,26] %}
                        {# Show icon diag #}
                        {% if item.status.id == 3 %}
                            <a class="cmd-icon" href="{{ path('reparation.set',{status : 12}) }}?num={{ item.numero }}"
                               data-toggle="tooltip" data-placement="top" title="Diagnostic"><img src="/img/magnify.svg"
                                                                                                  alt="diag" width="40"></a>

                        {% endif %}


                        {% if item.getInfosPause() | length > 0 %}


                            <a href="">
                                <form action="{{ path('reparation.set',{status :13}) }}" method="get">

                                    <input type="hidden" name="num" value="{{ item.numero }}">
                                    <button class=" cmd-icon btn btn-white"><img src="/img/play.svg" alt="reprise"
                                                                                 width="40"></button>


                                </form>
                            </a>

                        {% else %}
                            <a data-bs-toggle="modal" data-bs-target="#waitingModal" class="cmd-icon"
                               data-id="{{ item.numero }}" data-toggle="tooltip" data-placement="top"
                               title="Mettre en attente">


                                <img src="/img/pause.svg" alt="en attente" width="40">
                            </a>

                        {% endif %}

                        {# Gestion validation commande et creation devis #}
                        {% if item.status.id != 3 %}


                            {% if item.status.id == 16 %}
                                <a id="REP_{{ item.id }}_btn_validate" class="cmd-icon {% if item.livraison and  not item.hasLivraisons()  %}bg-danger rounded{% endif %}"


                                       href="{{ path('reparation.set',{status : 15}) }}?num={{ item.numero }}"




                                   data-toggle="tooltip" data-placement="top" title="Valider">
                                    <img src="/img/check.svg"
                                                                                                   alt="check"
                                                                                                   width="40"></a>

                            {% else %}
                                {% if item.status.id not in [15,4,26] %}
                                    <a href="{{ path('reparation.new.devis',{num: item.numero}) }}"
                                       data-toggle="tooltip" data-placement="top" title="Devis" class="cmd-icon"><img
                                                src="/img/file-earmark.svg" alt="devis" width="40"></a>
                                    <a href="{{ path('reparation.set',{status : 26}) }}?num={{ item.numero }}"
                                       data-toggle="tooltip" data-placement="top" title="Recycler" class="cmd-icon"><img
                                                src="/img/recycle.svg" alt="recycle" width="40"></a>


                                {% endif %}
                            {% endif %}


                        {% endif %}


                        {% if item.status.id != 4 %}
                            <a class="cmd-icon" href="{{ path('reparation.set',{status : 4}) }}?num={{ item.numero }}"
                               data-toggle="tooltip" data-placement="top" title="Annuler"><img src="/img/cancel.svg"
                                                                                               alt="annuler" width="40"></a>

                        {% endif %}

                        <a class="cmd-icon" data-bs-toggle="modal" data-bs-target="#editRepModal" data-toggle="tooltip"
                           data-placement="top" title="Modifier" data-id="{{ item.numero }}"><img src="/img/edit.svg"
                                                                                                  alt="edit" width="40"></a>
                    {% elseif item.status.id in [15,4] %}
                        <a class="cmd-icon" href="{{ path('reparation.set',{status : 22}) }}?num={{ item.numero }}"
                           data-toggle="tooltip" data-placement="top" title="Sorti"><img src="/img/shipping.svg"
                                                                                         alt="sortie" width="40"></a>
                        <a href="{{ path('reparation.set',{status : 26}) }}?num={{ item.numero }}" class="cmd-icon"><img
                                    src="/img/recycle.svg" alt="recycle" width="40"></a>
                        {% if item.status.id == 4 %}
                            <a class="cmd-icon" href="{{ path('reparation.set',{status : 15}) }}?num={{ item.numero }}"><img
                                        src="/img/check.svg" alt="check" width="40"></a>


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


        </td>
    </tr>
{% else %}
    <tr>
        <td colspan="12" class="py-3 fs-4">Aucune réparation présente</td>
    </tr>
{% endfor %}