{% set active ="" %}

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

{% block title %}Details{% endblock %}

{% block body %}
    <div class="absolute">
        <h1>Details</h1>

    <table class="table">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ detail.id }}</td>
            </tr>
            <tr>
                <th>Article</th>
                <td>{{ detail.article }}</td>
            </tr>
            <tr>
                <th>Quantite</th>
                <td>{{ detail.quantite }}</td>
            </tr>
        <tr>
            <th>Type</th>
            <td>{{ detail.type }}</td>
        </tr>

            {% if detail.hasCommande() or detail.hasDevis() %}
                <tr>
                    <th>Reference</th>
                    <td>{{ detail.reference }}</td>
                </tr>
            {% endif %}
             {% if detail.hasCommandeFournisseur() %}
                 {% set cmdFrn = detail.commandeFournisseur %}
                <tr>
                    <th>Commande Fournisseur</th>
                    <td>
                        <span>{{ cmdFrn }}</span>
                        <span class="p-2 rounded ms-2 bg-{{ cmdFrn.status.color }}">{{ cmdFrn.status }}</span>
                    </td>
                </tr>
            {% endif %}

        </tbody>
    </table>

        {% if 'ROLE_DEV' in app.user.roles %}

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

            <a href="{{ path('c_r_u_d_details_edit', {'id': detail.id}) }}" class="btn btn-info">Modifier</a>

            {{ include('CRUD/details/_delete_form.html.twig') }}
        {% endif %}
    </div>
{% endblock %}