{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix">
        <H1>{{ 'Visualisation de profil' | trad }}</H1>
        {{ ariane() }}
        <div class="tab-content" id="tab-content">
            <form method="post" name="sbe_ente">
                <h3 class="mb-base">
                    {{ strBuild('Visualisation du profil d\'import @1@', [importUniversel.COD_MDLE])  }}
                </h3>
                <details open class="block_edition clearfix">
                    <summary class="titre_block">{{ strBuild('Entête du profil d\'import @1@'| trad, [importUniversel.COD_MDLE]) }}</summary>
                    <div style="padding:15px;">
                        <div class="clearfix">
                            <div class="colonne3">
                                <div class="informations">
                                    <p>
                                        <span class="champs_label">{{ 'Code modèle' | trad }}</span>
                                        <span class="resultat">{{ importUniversel.COD_MDLE }}</span>
                                    </p>
                                    <p>
                                        <span class="champs_label">{{ 'Nombre de Ligne excel pour composer une ligne DS' | trad }}</span>
                                        <span class="resultat">{{ importUniversel.NB_LDET }}</span>
                                    </p>
                                </div>
                            </div>
                            <div class="colonne3">
                                <div class="informations">
                                    <p>
                                        <span class="champs_label">{{ 'Libellé' | trad }}</span>
                                        <span class="resultat">{{ importUniversel.LIBELLE }}</span>
                                    </p>
                                </div>
                            </div>
                            <div class="colonne3">
                                <div class="informations">
                                    <p>
                                        <span class="champs_label">{{ 'No ligne de départ du détail DS' | trad }}</span>
                                        <span class="resultat">{{ importUniversel.DEB_DET }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </details>
                <h4>{{ 'Tableau des éléments paramétrables' | trad }}</h4>
                <table class="table table-hover d-block">
                    <thead class="thead-dark">
                    <tr>
                        <th scope="col" width="600px">{{ 'Donnée' | trad  }}</th>
                        <th scope="col" width="300px">{{ 'Origine' | trad  }}</th>
                        <th scope="col" width="300px">{{ 'Colonne Excel' | trad  }}</th>
                        <th scope="col" width="300px">{{ 'Ligne Excel' | trad  }}</th>
                        <th scope="col" width="450px">{{ 'Format' | trad  }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for ligneImportUniverselDisponible in lignesImportUniverselDisponibles %}
                        <tr class="{% if loop.index is divisible by(2) %}even{% else %}odd{% endif %}">
                            <td>{{ ligneImportUniverselDisponible.LIBELLE }}</td>
                            <td>{{ ligneImportUniverselDisponible.ORIGINE }}</td>
                            <td class="text-right">{{ ligneImportUniverselDisponible.COLONNE }}</td>
                            <td class="text-right">{{ ligneImportUniverselDisponible.LIGNE }}</td>
                            <td>{{ data_format(ligneImportUniverselDisponible.TYPE, ligneImportUniverselDisponible.FORMAT) }}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </form>
        </div>
    </div>
{% endblock %}