{% for item in interventions %}
    {% set class = '' %}
    {% set client = item.client %}
    {% if item.status.id  == 21 and
        not item.getValidateDevis().hasArticles() %}
        {% set class = 'bg-danger' %}
    {% elseif  item.status.id  == 21 %}
        {% set articles = item.getValidateDevis().articles %}
        {% if articles | length == 2
            and articles.first.quantite == 0 and articles.first.isMO()
            and articles.last.quantite == 0 and articles.last.isFraisKm() %}


            {% set class = 'bg-danger text-white' %}
            {% set descr_error = 'Aucune prestation n\' été assigné au devis' %}
        {% endif %}
    {% endif %}

    <tr class="border {{ class }}" id="INTER_{{ item.id }}">
        <td>
            {% if item.hasReparation() %}
                {% set rep = item.reparation %}

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

                {% endif %}

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

                    <i class="fal fa-truck {{ class }}"></i>
                </button>

            {% endif %}
            {% if app.user.is('dev') %}

                <a href="{{ path('intervention_crud_edit',{id :item.id}) }}" class="btn btn-info">Modifier</a>
            {% endif %}

        </td>
        <td data-label="Date de création">{{ item.getFormattedDate() }}</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 l'intervention">
            <b>Type : {{ item.type  | replace({'_':' '}) | capitalize }}</b>
            <hr>
            {{ item.numero }}

        </td>
        <td data-label="Description">
            {% if descr_error is defined %}
                <span class="text-white fw-bold">{{ descr_error }}</span>
            {% endif %}
            {{ item.description }}</td>
        <td data-label="Heure">{{ item.heure }}
            H
        </td>
        <td data-label="Montant">
            {% if item.montant is null %}
                N/C
            {% else %}
                {{ item.montant }}

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

                <div class="d-flex justify-content-center">
                    <div class="mx-2">
                        <h5>Intervention</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 (<a
                                    href="{{ path('reparations',{submenu : 'all'}) }}?q={{ item.reparation.numero }}">{{ item.reparation }}</a>)
                        </h5>
                        <div class='bg-{{ item.reparation.status.color }} rounded p-2'>{{ item.reparation.status }}</div>
                        <div>
                            <b>Casier :</b>
                            {{ item.reparation.casier is not empty ? item.reparation.casier : 'N/C' }}
                        </div>
                    </div>
                </div>

            </td>
        {% else %}
            <td class='bg-{{ item.status.color }} border-start border-end' data-label="Statut">{{ item.status }}</td>
        {% endif %}
        <td>
            <div class="d-flex justify-content-around  align-items-center">

                <a data-bs-toggle="modal" data-bs-target="#infosModal" class="cmd-icon col ms-3" data-id="{{ item.id }}"
                   data-toggle="tooltip" data-placement="top" title="Informations">


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

                <a data-bs-toggle="modal" data-bs-target="#printModal" data-id="{{ item.id }}" class="cmd-icon col ms-3"
                   data-toggle="tooltip" data-placement="top" title="Impression">

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

                <a data-bs-toggle="modal" data-bs-target="#editModal" data-id="{{ item.id }}" class="cmd-icon"><img
                            src="/img/edit.svg" alt="edit" width="40"></a>

            </div>
            <hr>
            <div class="d-flex justify-content-around  align-items-center">

                {% if item.type | lower in ['demande'] %}
                    <div class="alert alert-warning">
                        Veuillez assigner un type a cette intervention
                    </div>
                    {% else %}
                        {% if item.status.id not in [14,4] %}
                            {% if item.status.id != 4 %}
                                <a href="{{ path( 'intervention.set' ,{status : '4',id : item.id}) }}"
                                   class="btn btn-danger cmd-icon p-1" data-toggle="tooltip" data-placement="top"
                                   title="Annuler"><img src="/img/cancel.svg" alt="non" width="30"></a>

                            {% endif %}
                            {% if item.status.id == 12 %}
                                <a href="{{ path( 'intervention.retour_atelier' ,{id : item.id}) }}" class=" cmd-icon p-1"><img
                                            src="/img/tools.svg" alt="tools" width="30"></a>


                            {% endif %}
                            {% if item.pause | length > 0 %}


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

                                        <input type="hidden" name="num" value="{{ item.id }}">
                                        <button class=" cmd-icon btn btn-white bg-orange rounded"><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 bg-orange rounded"
                                   data-id="{{ item.id }}" data-toggle="tooltip" data-placement="top" title="Mettre en attente">


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

                            {% endif %}
                            {% if not item.hasReparation() %}
                                <a href="{{ path('intervention.new.devis',{id: item.id}) }}" class="cmd-icon"><img
                                            src="/img/file-earmark.svg" alt="devis" width="40"></a>

                            {% endif %}
                            {% if item.status.id == 23 %}
                                <a href="{{ path( 'intervention.set' ,{status : '14',id : item.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"></a>
                                <a data-bs-toggle="modal" data-bs-target="#scheduleInterModal" data-id="{{ item.id }}"><i
                                            class="far fa-calendar-alt fs-1 text-dark cmd-icon"></i></a>
                            {% elseif item.status.id != 12 %}
                                <a href="{{ path( 'intervention.set' ,{status : '23',id : item.id}) }}"
                                   class="btn bg-pink cmd-icon p-1" data-toggle="tooltip" data-placement="top"
                                   title="Reglement"><img src="/img/euro.svg" alt="oui" width="30"></a>


                            {% endif %}
                        {% endif %}
                {% endif %}

            </div>
        </td>
    </tr>
{% else %}
    <tr>
        <td colspan="10" class="py-3 fs-4">Aucune intervention présente</td>
    </tr>
{% endfor %}