{% extends 'base.html.twig' %}

{% block title %}Gestion de l'equipement{% endblock %}

{% block body %}
<a href="{{ path('equipment_index') }}"><i class="fas fa-chevron-left h1 float-left"></i></a>
    <div class='text-center'>
        <div class='h2 mb-3 font-weight-bold'>Gestion de l'équipement</div>
        <a class="grey-btn f-20 px-4 py-2 d-inline-block" href="{{ path('equipment_edit', {'id': equipment.id}) }}"><i class="fas fa-edit mr-3"></i>Modifier</a>
        {{ include('equipment/_delete_form.html.twig') }}
    </div>
    <hr>

    <div class="container show-container">
        <div class="row justify-content-around">
            <div class="container-background col-md-auto mb-auto mr-5 p-4">
                <div class='f-20 text-center font-weight-bold'>L'équipement</div>
                <hr>
                <div class='row mb-2'>
                    <div class='col-md-auto my-auto'><i class="fas fa-desktop"></i></div>
                    <div class='col'>{{ equipment.title }}</div>
                </div>
            </div>



            <div class="container-background list col mb-auto p-4">
                <div class='f-20 text-center font-weight-bold'>Liste des demandes d'interventions sur {{ equipment }}</div>
                <hr>
                <div class='container'>
                    <div class="row py-2 tab-head">
                        <div class="col-2">Ouverture</div>
                        <div class="col-3">Client</div>
                        <div class="col-4">Techniciens</div>
                        <div class="col-3">Tâches</div>
                    </div>
                    {% for intervention in interventions %}
                        <a href="{{ path('intervention_show', {'id': intervention.id}) }}">
                            <div class="row link py-1">
                                <div class="col-2 my-auto">{{ intervention.depositDate ? intervention.depositDate|date('d/m/Y') : '' }}</div>
                                <div class="col-3 my-auto">{{ intervention.client }}</div>
                                <div class="col-4 my-auto">{% for technician in intervention.interventionReport.technicians %}{{ technician }}{% if not loop.last %}, {% endif %}{% endfor %}</div>
                                <div class="col-3 my-auto">{% for task in intervention.tasks %}{{ task }}{% if not loop.last %}, {% endif %}{% endfor %}</div>
                            </div>
                        </a>
                    {% else %}
                        <div class="row">
                            <div class='col text-center p-2'>Aucunes interventions concernant cet équipement enregistrées</div>
                        </div>
                    {% endfor %}
                <div>
            </div>
        </div>
    </div>
{% endblock %}