{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix">
        <H1>{{ 'Articles' | trad }}</H1>
        {{ ariane() }}
        <div class="tab-content" id="tab-content">
            <form method="post" name="sarticle" id="stockArticleFormModifier" action="{{ path('Stock.StockArticle.modifier', { codeArt: stockArticle.CODE_ART }) }}">
                <h3 class="mb-base">
                    {{ strBuild('Modification de l\'article N° @1@' | trad, [stockArticle.CODE_ART])  }}
                    <button type="submit" class="button principal button_right last">{{ 'Enregistrer' | trad }}</button>
                    <a href="{{ path('Stock.StockArticle.gestion') }}" class="secondaire button button_right">
                        {{  'Annuler' | trad }}
                    </a>
                </h3>
                <div class="tab-content">
                    <div class="tab-pane active in clearfix bg_form border_form pr-base pl-base">
                        {% embed '@Stock/StockArticle/Composant/_details.twig' %}
                            {% block description %}
                                <div class="colonne">
                                    <div class="row">
                                        <input type="hidden" name="MEMOS[NODEMEMO]" value="{{ memos.NODEMEMO }}">
                                        {{ inputAdvance('textarea', {
                                            'titre' : 'Description' | trad,
                                            'name' : 'MEMOS[CONTMEMO]',
                                            'value' : memos.CONTMEMO,
                                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '3000'}",
                                        }) }}
                                    </div>
                                </div>
                            {% endblock %}

                            {% block general1 %}
                                <div class="colonne2">
                                    <div class="row">
                                        {{ inputAdvance('ZOOMADVANCE', {
                                            'titre': 'Sous-famille' | trad,
                                            'name' : 'SARTICLE[SSFAM]',
                                            'value' : stockArticle.SSFAM,
                                            'pahtZoom' : path('Ajax.liste.sousFamilles'),
                                            'pathValidator' : path('Ajax.validator.zoom'),
                                            'paramsValidator' : "{'entity' : 'SousFamille','nomChamp' : '"~'Sous-famille' | trad~"', 'null': true}",
                                            'entity' : 'SousFamille',
                                            'titleZoom' : 'Liste des sous-familles' | trad,
                                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                                            'convertLibelle' : 'convertLibelleGlobal',
                                            'widthPopup': 'modal_large',
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            titre: 'Dimension' | trad,
                                            name: 'SARTICLE[DIMENSION]',
                                            value: stockArticle.DIMENSION,
                                            pathValidator: path('Ajax.validator.float'),
                                            paramsValidator: "{'min' : '0', 'format': " ~ format_qte() ~ "}",
                                            addClass: 'text-right'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('SWITCH', {
                                            'titre' : 'Article acheté ?' | trad,
                                            'name' : 'SARTICLE[ART_ACH]',
                                            'value' : stockArticle.ART_ACH,
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row">
                                        {{ inputAdvance('ZOOMADVANCE', {
                                            'titre': 'Rubrique' | trad,
                                            'name' : 'SARTICLE[RUBRIQUE]',
                                            'value' : stockArticle.RUBRIQUE,
                                            'pahtZoom' : path('Ajax.liste.srubComps'),
                                            'pathValidator' : path('Ajax.validator.zoom'),
                                            'paramsValidator' : "{'entity' : 'Srubcomp','nomChamp' : '"~'Rubrique' | trad~"', 'null': true}",
                                            'entity' : 'Srubcomp',
                                            'titleZoom' : 'Liste des rubriques' | trad,
                                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                                            'convertLibelle' : 'convertLibelleGlobal',
                                            'codeBDD': 'CODE',
                                            'libelleBDD': 'LIBELLE',
                                        }) }}
                                    </div>
                                    <div class="colonne2 last">
                                        <div class="row">
                                            {{ inputAdvance('SWITCH', {
                                                'titre' : 'Article stratégique ?' | trad,
                                                'name' : 'SARTICLE[STRATEG]',
                                                'value' : stockArticle.STRATEG,
                                            }) }}
                                        </div>
                                    </div>
                                </div>
                            {% endblock %}

                            {% block valorisation %}
                                <div class="colonne2">
                                    <div class="row">
                                        {{ inputAdvance('SELECT', {
                                            'titre' : 'Valorisation' | trad,
                                            'name' : 'SARTICLE[TYPE_VALO]',
                                            'value' : stockArticle.TYPE_VALO,
                                            'listeValue' : listeChoixTypeValo,
                                            'obligatoire': true,
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row">
                                        {{ inputAdvance('SWITCH', {
                                            'titre' : 'Traçabilité' | trad,
                                            'name' : 'SARTICLE[TRACABLE]',
                                            'value' : stockArticle.TRACABLE,
                                            'option': 'readonly'
                                        }) }}
                                    </div>
                                </div>
                            {% endblock %}

                            {% block unites %}
                                <div class="colonne2">
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            titre: 'Unité de stockage' | trad,
                                            name: 'SARTICLE[UNITE_STK]',
                                            value: stockArticle.UNITE_STK,
                                            option: 'readonly'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            titre: 'Conversion unité d\'achat / Unité de stockage' | trad,
                                            name: 'SARTICLE[CONVER]',
                                            value: stockArticle.CONVER,
                                            pathValidator: path('Ajax.validator.float'),
                                            paramsValidator: "{'min' : '0', 'obligatoire': false, 'format': " ~ format_qte() ~ "}",
                                            addClass: 'text-right'
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row">
                                        <input type="hidden" id="input_CODE_ART" value="{{ stockArticle.CODE_ART }}">
                                        {{ inputAdvance('ZOOMADVANCE', {
                                            'titre': 'Unité d\'achat' | trad,
                                            'name' : 'SARTICLE[UNITE_ACH]',
                                            'value' : stockArticle.UNITE_ACH,
                                            'pahtZoom' : path('Ajax.liste.unites'),
                                            'paramZoom' : "{'filtreArticle': $('#input_CODE_ART').val()}",
                                            'pathValidator' : path('Ajax.validator.zoom'),
                                            'paramsValidator' : "{'entity' : 'Unites', 'nomChamp' : '"~ 'Unité' | trad ~"', 'null' : true}",
                                            'entity' : 'Unites',
                                            'titleZoom' : 'Liste des unités' | trad,
                                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                                            'convertLibelle' : 'convertLibelleGlobal',
                                        }) }}
                                    </div>
                                </div>
                            {% endblock %}

                            {% block gamme %}
                                <div class="colonne2">
                                    <div class="row">
                                        {{ inputAdvance('ZOOMADVANCE', {
                                            'titre' : 'Fabricant' | trad,
                                            'name' : 'CODEFAB',
                                            'value': articleEntity.CODEFAB,
                                            'pahtZoom' : path('Ajax.liste.fabricant'),
                                            'titreZoom' : 'liste fabricant',
                                            'paramZoom' : "",
                                            'entity' : 'Fabricant',
                                            'pathValidator' : path('Ajax.validator.zoom'),
                                            'paramsValidator' : "{'entity' : 'Fabricant','nomChamp' : 'Fabricant', 'null' : true}",
                                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                                            'convertLibelle' : 'convertLibelleGlobal',
                                            'option': 'readonly'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            titre: 'Réf/Fabricant' | trad,
                                            name: 'CODEGAM',
                                            value: articleEntity.REFARTFAB,
                                            option: 'readonly'
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row">
                                        {{ inputAdvance('ZOOMADVANCE', {
                                            'titre' : 'Gamme' | trad,
                                            'name' : 'CODEGAM',
                                            'value': articleEntity.CODEGAM,
                                            'pahtZoom' : path('Ajax.liste.gamme'),
                                            'titreZoom' : 'Gamme',
                                            'paramZoom' : "{'filter_CODEFABR' : $('#input_CODEFAB').val()}",
                                            'entity' : 'Gamme',
                                            'pathValidator' : path('Ajax.validator.zoom'),
                                            'paramsValidator' : "{'entity' : 'Gamme','nomChamp' : 'Gamme', 'null' : true}",
                                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                                            'convertLibelle' : 'convertLibelleGlobal',
                                            'option': 'readonly'
                                        }) }}
                                    </div>
                                </div>
                            {% endblock %}

                            {% block general2 %}
                                <div class="colonne2">
                                    <div class="row">
                                        {{ inputAdvance('SWITCH', {
                                            'titre' : 'Article loué' | trad,
                                            'name' : 'SARTICLE[ART_LOUE]',
                                            'value' : stockArticle.ART_LOUE,
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            titre: 'Taux (%/an)' | trad,
                                            name: 'SARTICLE[TX_LOCAT]',
                                            value: stockArticle.TX_LOCAT | prix,
                                            pathValidator: path('Ajax.validator.float'),
                                            paramsValidator: "{'min' : '0', 'max' : '100', 'format': " ~ format_montant() ~ "}",
                                            addClass: 'text-right'
                                        }) }}
                                    </div>
                                </div>
                            {% endblock %}

                            {% block dates %}
                                <div class="colonne2">
                                    <div class="row">
                                        {{ inputAdvance('DATE', {
                                            'titre' : 'Date de création' | trad,
                                            'name'  : 'SARTICLE[DTE_CREAT]',
                                            'value' : stockArticle.DTE_CREAT | dateTrad,
                                            'option': 'readonly'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('DATE', {
                                            'titre' : 'Date dernière commande' | trad,
                                            'name'  : 'SARTICLE[DT_DERNCA]',
                                            'value' : stockArticle.DT_DERNCA | dateTrad,
                                            'option': 'readonly'
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row">
                                        {{ inputAdvance('DATE', {
                                            'titre' : 'Date de mise à jour' | trad,
                                            'name'  : 'SARTICLE[DTE_MAJ]',
                                            'value' : stockArticle.DTE_MAJ | dateTrad,
                                            'option': 'readonly'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('DATE', {
                                            'titre' : 'Date de fermeture' | trad,
                                            'name'  : 'SARTICLE[DTE_FERM]',
                                            'value' : stockArticle.DTE_FERM | dateTrad,
                                            'pathValidator': path('Ajax.validator.date'),
                                            'paramsValidator': "{'dateMin' : '"~ dateJour ~"', 'null': true}",
                                        }) }}
                                    </div>
                                </div>
                            {% endblock %}

                            {% block champs_supp %}
                                {% if CSExist('SARTICLE') %}
                                    {{ inputCSAdvance({
                                        'codTab' : 'SARTICLE',
                                        'colonneActif' : true,
                                        'codeEnr' : stockArticle.CODE_ART,
                                        'ModeModif' : true,
                                    }) }}
                                {% endif %}
                            {% endblock %}
                        {% endembed %}
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script type="application/javascript" src="{{ baseUrl('js/Modules/Stock/postAjaxForm.js') }}"></script>
    <script type="application/javascript" src="{{ baseUrl('js/Modules/Stock/zoomAdvanceReinitialiser.js') }}"></script>
    <script type="application/javascript">
        $('#stockArticleFormModifier').on('submit', (event) => {
            event.preventDefault();

            activeLoader();

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