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

{% block title %}Gestion du système d'exploitation{% endblock %}

{% block body %}
<a href="{{ path('operating_system_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 du système d'exploitation</div>
        <a class="grey-btn f-20 px-4 py-2" href="{{ path('operating_system_edit', {'id': operating_system.id}) }}">Modifier</a>
        {{ include('operating_system/_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'>Le système d'exploitation</div>
                <hr>
                <div class='row mb-2'>
                    <div class='col-md-auto my-auto'><i class="fas fa-hdd"></i></div>
                    <div class='col'>{{ operating_system.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 concernant {{ operating_system }}</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 ce système d'exploitation enregistrées</div>
                        </div>
                    {% endfor %}
                <div>
            </div>
        </div>
    </div>
{% endblock %}