{% extends 'layout.twig' %}

{% block body %}
<section class="contenu">
    <h1>{{ 'Commandes' | trad }}</h1>
    {{ ariane() }}
    
    <h2>
        {{- strBuild(
            'Notation sur la commande N°@1@ du fournisseur @2@(@3@)',
            [commande.NO_CDE, commande.Fourniss.RS, commande.Fourniss.CODE]
        ) -}}
    </h2>

    <div class="form-default bs-row py-base gutter-x-base">
        <nav class="bg-default bg_form follow-scroll box-form align-self-start">
            <ul class="nav">
                {%- for noteTheme in commande.mapNoteTheme -%}
                <li class="nav-item">
                    <a class="nav-link" 
                        href="#article-theme-{{ noteTheme.Theme.COD_THEM }}"
                    >
                        {{- noteTheme.Theme.LIBELLE -}}
                    </a>
                </li>
                {% endfor %}
            </ul>
        </nav>
        <div class="bs-col">
        {%- for noteTheme in commande.mapNoteTheme -%}
            <article id="article-theme-{{ noteTheme.Theme.COD_THEM }}"
                class="box-form mb-base"
            >
                <h3 class="text-center mb-base">{{ noteTheme.Theme.LIBELLE }}</h3>
                {%- for critere in noteTheme.Theme.listCritere -%}
                    <div class="input-wrapper">
                        <label class="">{{ critere.LIBELLE }}</label>
                        <div class="bs-col align-self-center">
                            {{- critere.commandeCurrentValue -}}
                        </div>
                    </div>
                {%- endfor -%}
            </article>
        {%- endfor -%}
        </div>
    </div>
</section>
{% endblock %}