<div class="contenu clearfix">
    <h1>{{ 'Stocks locaux' | trad }}</h1>
    {{ ariane() }}
    <div class="tab-content" id="tab-content">
        <form method="post" name="sstocklo" id="{{ formId }}" action="{{ formAction }}">
            <h3 class="mb-base">
                {{ formTitle | trad }}
                <button type="submit" class="button principal last">{{ 'Enregistrer' | trad }}</button>
                <a href="{{ previousPath }}" class="button secondaire">{{ 'Annuler' | trad }}</a>
                <input type="hidden" name="previous_path" value="{{ previousPath }}">
            </h3>
            <div class="tab-content">
                <div class="tab-pane active in clearfix bg_form border_form pr-base pl-base">
                    <fieldset class="scheduler-border">
                        <legend class="scheduler-border">{{ 'Stock local' | trad }}</legend>
                        <div class="colonne2">
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre': 'Site' | trad,
                                    'value': stockLocal ? stockLocal.SITE: post.SSTOCKLO.SITE,
                                    'name' : 'SSTOCKLO[SITE]',
                                    'pahtZoom' : path('Ajax.liste.siteStockAccessible'),
                                    'paramZoom' : "{'divCodeSte' : 'input_CODE_STE','opened_only': true }",
                                    'entity' : 'SSiteSto',
                                    'titleZoom' : 'Liste des sites de stockage' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'obligatoire': true,
                                    'pathValidator' : path('Ajax.validator.zoom'),
                                    'paramsValidator' : "{'entity' : 'SSiteSto', 'nomChamp' : '"~ 'Site' | trad ~"', 'null' : false}",
                                    'option': isModifierForm ? 'readonly': ''
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {% if isModifierForm %}
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'Société' | trad,
                                        'name' : 'CODE_STE',
                                        'pahtZoom' : path('Ajax.liste.societe'),
                                        'paramZoom' : "",
                                        'entity' : 'Societe',
                                        'titleZoom' : 'Liste des sociétés' | trad,
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'pathValidator' : path('Ajax.validator.zoom'),
                                        'value' : siteStock.CODE_STE,
                                        'option': 'readonly'
                                    }) }}
                                    <input type="hidden" name="SSTOCKLO[CODE_ART]" id="input_SSTOCKLO[CODE_ART]" value="{{ stockLocal.CODE_ART }}">
                                {% else %}
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'Article' | trad,
                                        'name' : 'SSTOCKLO[CODE_ART]',
                                        'value': stockLocal ? stockLocal.CODE_ART: post.SSTOCKLO.CODE_ART,
                                        'pahtZoom' : path('Ajax.liste.articlesNotOnSite'),
                                        'titleZoom' : 'Liste des articles non présents sur le site sélectionné',
                                        'paramZoom' : "{'not_on_site' : $('#' + CSS.escape('input_SSTOCKLO[SITE]')).val(), 'valide': 1, 'refArtFabInput': 'input_ARTICLES[REFARTFAB]' }",
                                        'entity' : 'Articles',
                                        'pathValidator' : path('Ajax.validator.zoomArticlesNotOnSite'),
                                        'paramsValidator' : "{'site' : $('#' + CSS.escape('input_SSTOCKLO[SITE]')).val(), 'valide': 1}",
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'obligatoire': true,
                                        'myFuncValidator' : 'afficherBoutonVoirLots',
                                        'paramFuncValidator' : '["' ~ path('Stock.StockArticle.getStockArticle') ~ '"]',
                                        'option': isModifierForm ? 'readonly': ''
                                    }) }}
                                {% endif %}
                            </div>
                        </div>
                    </fieldset>
                    {% embed '@Stock/StockLocal/Composant/_toggle_tab.twig' %}
                        {% block stock %}
                            <div class="row mb-0">
                                <div class="colonne2">
                                    <div class="row d-flex">
                                        {{ inputAdvance('TEXT', {
                                            'titre': strBuild('Quantité physique (@1@)' | trad, [stockArticle.UNITE_STK ?? 'U']),
                                            'name': 'SSTOCKLO[QTE_PHYS]',
                                            'value': stockLocal.QTE_PHYS ? stockLocal.QTE_PHYS | qte : 0,
                                            'option': 'readonly',
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            'titre': strBuild('Quantité réservée (@1@)' | trad, [stockArticle.UNITE_STK ?? 'U']),
                                            'name': 'SSTOCKLO[QTE_RES]',
                                            'value': stockLocal.QTE_RES ? stockLocal.QTE_RES | qte: 0,
                                            'option': 'readonly',
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            'titre': strBuild('Quantité en prévision (@1@)' | trad, [stockArticle.UNITE_STK ?? 'U']),
                                            'name': 'SSTOCKLO[QTE_PREV]',
                                            'value': stockLocal.QTE_PREV ? stockLocal.QTE_PREV | qte: 0,
                                            'option': 'readonly',
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            'titre': strBuild('Quantité indisponible (@1@)' | trad, [stockArticle.UNITE_STK ?? 'U']),
                                            'name': 'SSTOCKLO[QTE_INDIS]',
                                            'value': stockLocal.QTE_INDIS ? stockLocal.QTE_INDIS | qte: 0,
                                            'option': 'readonly',
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            'titre': strBuild('Quantité en réappro (@1@)' | trad, [stockArticle.UNITE_STK ?? 'U']),
                                            'name': 'SSTOCKLO[QTE_REAP]',
                                            'value': stockLocal.QTE_REAP ? stockLocal.QTE_REAP | qte: 0,
                                            'option': 'readonly',
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            'titre': strBuild('Dont en commande (@1@)' | trad, [stockArticle.UNITE_STK ?? 'U']),
                                            'name': 'SSTOCKLO[QTE_LIV]',
                                            'value': stockLocal.QTE_LIV ? stockLocal.QTE_LIV | qte: 0,
                                            'option': 'readonly',
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            'titre': strBuild('Dont en acheminement (@1@)' | trad, [stockArticle.UNITE_STK ?? 'U']),
                                            'name': 'SSTOCKLO[QTE_ACHEM]',
                                            'value': stockLocal.QTE_ACHEM ? stockLocal.QTE_ACHEM | qte: 0,
                                            'option': 'readonly',
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 bs-flex flex-x-end  last">
                                    <div class="row {% if stockLocal is not defined or not isTracable %}d-none{% endif %}" id="voirLots">
                                        {{ include('@Stock/StockLocal/Composant/Bouton/_voir_lots.twig') }}
                                    </div>
                                    <div class="row">
                                        {{ include('@Stock/StockLocal/Composant/Bouton/_voir_cumuls_conso.twig') }}
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-0">
                                <hr>
                                <div class="colonne2">
                                    <div class="row mb-0">
                                        {{ inputAdvance('TEXT', {
                                            'titre': strBuild('Quantité disponible (@1@)' | trad, [stockArticle.UNITE_STK ?? 'U']),
                                            'name': 'QTE_DISPO',
                                            'value':  qte_stock_local_disponible(stockLocal) | qte,
                                            'option': 'readonly',
                                            'addClass': 'text-right'
                                        }) }}
                                    </div>
                                </div>
                                <div class="colonne2 last">
                                    <div class="row mb-0">
                                        {% if is_prix_visible() %}
                                            {{ inputAdvance('TEXT', {
                                                'titre': strBuild('Valeur unitaire (@1@)' | trad, [devise ?? 'EUR']),
                                                'name': 'VAL_UNI',
                                                'value': stockLocal.VAL_LOCAL | prix,
                                                'option': 'readonly',
                                                'addClass': 'text-right'
                                            }) }}
                                        {% else %}
                                            <input type="hidden" name="VAL_UNI" value="{{ stockLocal.VAL_LOCAL | prix }}">
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        {% endblock %}

                        {% block reapprovisionnement %}
                            {{ include('@Stock/StockLocal/Composant/_inputs_reapprovisionnement.twig') }}
                        {% endblock %}

                        {% block details %}
                            {{ include('@Stock/StockLocal/Composant/_inputs_details.twig') }}
                        {% endblock %}

                        {% block champsSupplementaires %}
                            {{ include('@Stock/StockLocal/Composant/_inputs_champsSupplementaires.twig', {
                                modeModif: isModifierForm,
                                site: stockLocal.SITE,
                                codeArt: stockLocal.CODE_ART
                            }) }}
                        {% endblock %}
                    {% endembed %}
                </div>
            </div>
        </form>
    </div>
</div>
<script type="application/javascript" src="{{ baseUrl('js/Modules/Stock/postAjaxForm.js') }}"></script>
<script type="application/javascript">
    $('#{{ formId }}').on('submit', (event) => {
        event.preventDefault();

        activeLoader();
        const form = $('#{{ formId }}');
        const formData = form.serializeArray();
        submitForm(form, formData);
    });

    function afficherBoutonVoirLots (path) {
        $.ajax({
            type: "POST",
            url: path,
            data: {
                codeArt: $('#' + CSS.escape('input_SSTOCKLO[CODE_ART]')).val()
            },
            success: (data) => {
                const voirLots = $('#voirLots');
                if (data.TRACABLE === '54') {
                    voirLots.removeClass('d-none');
                    voirLots.addClass('d-block');
                } else {
                    voirLots.removeClass('d-block');
                    voirLots.addClass('d-none');
                }
            }
        });
    }
</script>