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

{% block title %}Gestion de la fiche client{% endblock %}

{% block body %}
<a href="{{ path('client_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 la fiche client</div>
        <a class="grey-btn f-20 px-4 py-2" href="{{ path('client_edit', {'id': client.id}) }}">Modifier</a>
        {{ include('client/_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 client</div>
                <hr>
                <div class='row mb-2'>
                    <div class='col-md-auto my-auto'><i class="fas fa-user"></i></div>
                    <div class='col'>{{ client.lastName }} {{ client.firstName }}</div>
                </div>
                <hr>
                <div class='row mb-2'>
                    <div class='col-md-auto my-auto'><i class="fas fa-phone"></i></div>
                    <div class='col'>{{ client.phone }}</div>
                </div>
                <hr>
                <div class='row mb-2'>
                    <div class='col-md-auto my-auto'><i class="fas fa-at"></i></div>
                    <div class='col'>{{ client.email ?: "<div class='missing-info'>Email non-renseignée</div>" }}</div>
                </div>
                <hr>
                <div class='row'>
                    <div class='col-md-auto my-auto'><i class="fas fa-map-marker-alt"></i></div>
                    <div class='col'>
                        <div class="d-flex flex-column">
                            {% if (client.street) or (client.city) or (client.postalCode) %}
                                {% if client.street %}
                                    <div>{{ client.street }}</div>
                                {% endif %}
                                {% if (client.city) or (client.postalCode) %}
                                    <div>{{ client.city }} {{ client.postalCode }}</div>
                                {% endif %}
                            {% else %}
                                <div class='missing-info'>Adresse non-renseignée</div>
                            {% endif %}
                        </div>
                    </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 de {{ client }}</div>
                <hr>
                <div class='container'>
                    <div class="row py-2 tab-head">
                        <div class="col-2">Ouverture</div>
                        <div class="col-2">Equipement</div>
                        <div class="col-4">Techniciens</div>
                        <div class="col-4">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-2 my-auto">{{ intervention.equipment }}</div>
                                <div class="col-4 my-auto">{% for technician in intervention.interventionReport.technicians %}{{ technician }}{% if not loop.last %}, {% endif %}{% endfor %}</div>
                                <div class="col-4 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 demandes d'interventions enregistrées</div>
                        </div>
                    {% endfor %}
                <div>
            </div>
        </div>
    </div>
{% endblock %}