{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix">
        <H1>{{ 'Profils d\'import' | trad }}</H1>
        {{ ariane() }}
        <div class="tab-content" id="tab-content">
            <form method="post" name="da_model" id="importUniverselForm" action="{{ path('Stock.ImportUniversel.modifier', { codMdle: importUniversel.COD_MDLE }) }}">
                <h2 class="mb-base">
                    {{ strBuild('Modification du profil d\'import @1@' | trad, [importUniversel.COD_MDLE])  }}
                    <button type="submit" class="button principal last button_right">{{ 'Enregistrer' | trad }}</button>
                    <a href="{{ path('Stock.ImportUniversel.gestion') }}" class="button secondaire">{{ 'Annuler' | trad }}</a>
                </h2>
                <div class="tab-content">
                    <details open class="block_edition clearfix">
                        <summary class="titre_block">{{ strBuild('Profil d\'import @1@' | trad, [importUniversel.COD_MDLE]) }}</summary>
                        <div class="row">
                            <div class="colonne2">
                                <div class="informations">
                                    <p>
                                        <span class="champs_label">{{ 'Code modèle' | trad }}</span>
                                        <span class="resultat">{{ importUniversel.COD_MDLE }}</span>
                                    </p>
                                </div>
                                <div class="row">
                                    {{ inputAdvance('TEXT', {
                                        'titre': 'N° ligne de départ du détail' | trad,
                                        'name': 'DA_MODEL[DEB_DET]',
                                        'obligatoire': true,
                                        'value': importUniversel.DEB_DET,
                                        'addClass': 'text-right'
                                    }) }}
                                </div>
                            </div>
                            <div class="colonne2 last">
                                <div class="row">
                                    {{ inputAdvance('TEXT', {
                                        'titre': 'Libellé' | trad,
                                        'name': 'DA_MODEL[LIBELLE]',
                                        'obligatoire': true,
                                        'value': importUniversel.LIBELLE
                                    }) }}
                                </div>
                                <div class="row">
                                    {{ inputAdvance('TEXT', {
                                        'titre': 'Nombre de ligne excel pour composer une ligne' | trad,
                                        'name': 'DA_MODEL[NB_LDET]',
                                        'obligatoire': true,
                                        'value': importUniversel.NB_LDET,
                                        'addClass': 'text-right'
                                    }) }}
                                </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>
                            <th scope="col" width="150px">{{ 'Obligatoire' | trad  }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for key, ligneImportUniversel in lignesImportUniversel %}
                            <tr class="{% if loop.index is divisible by(2) %}even{% else %}odd{% endif %}">
                                <td>
                                    {{ ligneImportUniversel.LIBELLE }}
                                    <input type="hidden" name="DA_PARCH[{{ key }}][LIBELLE]" value="{{ ligneImportUniversel.LIBELLE }}">
                                    <input type="hidden" name="DA_PARCH[{{ key }}][COD_MDLE]" value="{{ ligneImportUniversel.COD_MDLE }}">
                                    <input type="hidden" name="DA_PARCH[{{ key }}][COD_TAB]" value="{{ ligneImportUniversel.COD_TAB }}">
                                    <input type="hidden" name="DA_PARCH[{{ key }}][RANG]" value="{{ ligneImportUniversel.RANG }}">
                                    <input type="hidden" name="DA_PARCH[{{ key }}][COD_INT]" value="{{ ligneImportUniversel.COD_INT }}">
                                </td>
                                <td>
                                    {{ ligneImportUniversel.ORIGINE }}
                                    <input type="hidden" name="DA_PARCH[{{ key }}][ORIGINE]" value="{{ ligneImportUniversel.ORIGINE }}">
                                </td>
                                <td>{{ inputAdvance('TEXT', {
                                        'name': 'DA_PARCH[' ~ key ~ '][COLONNE]',
                                        'value': ligneImportUniversel.COLONNE,
                                        'addClass': 'text-right'
                                    }) }}
                                </td>
                                <td>{{ inputAdvance('TEXT', {
                                        'name': 'DA_PARCH[' ~ key ~ '][LIGNE]',
                                        'value': ligneImportUniversel.LIGNE,
                                        'addClass': 'text-right'
                                    }) }}
                                </td>
                                <td>
                                    {{ data_format(ligneImportUniversel.TYPE, ligneImportUniversel.FORMAT) }}
                                    <input type="hidden" name="DA_PARCH[{{ key }}][FORMAT]" value="{{ ligneImportUniversel.FORMAT }}">
                                    <input type="hidden" name="DA_PARCH[{{ key }}][TYPE]" value="{{ ligneImportUniversel.TYPE }}">
                                </td>
                                <td>
                                    {{ (ligneImportUniversel.OBLIGATOIRE ? 'Oui': 'Non') | trad }}
                                    <input type="hidden" name="DA_PARCH[{{ key }}][OBLIGATOIRE]" value="{{ ligneImportUniversel.OBLIGATOIRE }}">
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </form>
        </div>
    </div>

    <script type="application/javascript" src="{{ baseUrl('js/Modules/Stock/postAjaxForm.js') }}"></script>
    <script type="application/javascript">
        $('#importUniverselForm').on('submit', (event) => {
            event.preventDefault();

            activeLoader();
            const form = $('#importUniverselForm');
            submitForm(form, form.serializeArray());
        });
    </script>
{% endblock %}