{% set active ="" %}

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

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

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

        <div class="d-flex">
            <div>
                <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>
            <div class="shadow-sm rounded mx-4 p-3">
                {% set article = detail.article %}
                {% if detail.isPc() %}
<div>
    <img src="{{ article.displayImg() }}" alt="" width="70">
    {{ article }}
</div>

                    <table class="table table-striped text-center">
                        <thead>
                        <tr>
                            <th></th>
                            <th>Article</th>
                            <th>Stock</th>
                            <th>Requis</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for pcCompo in article.pcComposants %}
{% set item = pcCompo.composant %}
                            <tr>
                                <td>{{ item.displayImage() | raw }}</td>
                                <td>{{ item }}</td>
                                <td>{{ item.quantite }}</td>
                                <td>{{ pcCompo.quantite }}</td>
                            </tr>
                        {% endfor %}

                        </tbody>
                    </table>
                {% elseif detail.isComposant() %}
                    <div>
                        {{ article.displayImage() | raw }}

                    </div>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}