{% set active = "reparation" %}

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

{% block title %}Reparation{% endblock %}

{% block body %}
    <div class="absolute">
        <div class="d-flex">
            <h1>Reparation</h1>
            <div class="fs-2 ms-3">(
                <a href="{{ path('reparations',{submenu : 'all'}) }}?q={{ reparation.numero }}">{{ reparation.numero }}</a>

                )
            </div>

        </div>

        <div class="d-flex">
            <table class="table">
                <tbody>
                <tr>
                    <th>Id</th>
                    <td>{{ reparation.id }}</td>
                </tr>
                <tr>
                    <th>Date de création</th>
                    <td>{{ reparation.FormattedDate }}</td>
                </tr>
                <tr>
                    <th>Numero</th>
                    <td>{{ reparation.numero }}</td>
                </tr>

                <tr>
                    <th>Informations Supplémentaires</th>
                    <td>{{ reparation.infosSup }}</td>
                </tr>

                <tr>
                    <th>Casier</th>
                    <td>{{ reparation.casier }}</td>
                </tr>
                <tr>
                    <th>Informations de verrouillage</th>
                    <td>{{ reparation.lockInfo }}</td>
                </tr>
                <tr>
                    <th>Equipement 1</th>
                    <td>{{ reparation.materiel }}</td>
                </tr>
                <tr>
                    <th>Equipement_2</th>
                    <td>{{ reparation.equipement2 }}</td>
                </tr>
                <tr>
                    <th>Equipement_3</th>
                    <td>{{ reparation.equipement3 }}</td>
                </tr>
                <tr>
                    <th>Equipement_4</th>
                    <td>{{ reparation.equipement4 }}</td>
                </tr>
                <tr>
                    <th>Livraison</th>
                    <td>

                        {% if reparation.livraison %}
                            <i class="fas fa-badge-check text-success fs-1"></i>
                        {% else %}
                            <i class="fas fa-times-circle text-danger fs-1"></i>
                        {% endif %}
                    </td>
                </tr>


                </tbody>
            </table>

            <div class="ms-3">
                <fieldset>
                    <legend>Devis :</legend>

                    {% for item in reparation.devis %}
                        <span class="bg-{{ item.status.color }} p-2 rounded">{{ item.status }}</span>
                        <span>{{ item }}</span>
                        <a href="{{ path('devis_crud_edit',{ id : item.id }) }}" class="btn btn-dark">Voir le devis</a>
                    {% else %}
                        <div class="alert alert-primary">
                            Aucun devis n'est disponible
                        </div>
                    {% endfor %}
                </fieldset>

            </div>
        </div>

        {% include 'CRUD/etapes/table_index.html.twig' with {etapes : reparation.etapes} %}


        <a href="{{ path('client') }}" class="btn btn-dark">Retour</a>


        {% if app.user.is('dev') %}
            <div class="d-flex align-items-center">
                <div class="me-3">
                    <a href="{{ path('reparation_crud_edit', {'id': reparation.id}) }}"
                       class="btn btn-info">Modifier</a>

                </div>
                {{ include('CRUD/reparation_crud/_delete_form.html.twig') }}
            </div>

        {% endif %}

    </div>
{% endblock %}