{% extends 'layout.twig' %}

{% block body %}

<div class="contenu clearfix">

    {% include '@Utilisateur/Common/Component/SubNavbar.twig' 
        with {
            hasBackup: hasBackup,
            current_route: 'session',
        } only
    %}
    
    <h2>{{ 'Changez vos paramètres OXA.PROC pour la session en cours' | trad }}</h2>

<form method="post" name="maSession" id="maSession">
    <h4>{{ 'Vos paramètres de session actuels' | trad }}</h4>
    <div class="box-form">
        <div class="">
            <div class="single row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Société' | trad,
                    'name'  : 'CODE_STE',
                    'value' : post.CODE_STE,
                    'obligatoire' : true,

                    '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'),
                    'paramsValidator' : "{'entity' : 'Societe','nomChamp' : '"~'Société' | trad~"', 'null' : false}",
                    
                    'option' : param.MASQUER_CHG_SOCIETE? '':'readOnly',
                })}}
            </div>
        </div>
        <div  id="divSession">
        <div class="colonne2">
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Section d\'imputation' | trad,
                    'name'  : 'SI_CODE',
                    'value' : post.SI_CODE,

                    'pahtZoom' : path('Ajax.liste.si'),
                    'paramZoom' : "{'si_valide': 'on', panier: '"~modePanier~"' ,'CODE_STE' : $('#input_CODE_STE').val(), 'centerEmetteur' :  $('#input_OUPA_CENTRE_EMETTEUR').val()}",
                    'entity' : 'Sectimpu',
                    'codeSte' : post.CODE_STE,
                    'widthPopup' : 'modal_large',
                    'titleZoom' : 'Liste des sections d\'imputation' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'codeSte' : post.CODE_STE,
                    'faceAttr' : {
                        'data-stelink' : 'input_CODE_STE',
                    },
                    'paramsValidator' : "{'entity' : 'Sectimpu','nomChamp' : '"~('Section d\'imp.' | trad |e('js')|raw)~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(param.SI_SECTO? "$('#input_CODE_STE').val()":"''")~"} }",
                })}}
            </div>
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Code complémentaire' | trad,
                    'name'  : 'CDC_CODE',
                    'value' : post.CDC_CODE,

                    'pahtZoom' : path('Ajax.liste.cdc'),
                    'paramZoom' : "{'CODE_STE' : $('#input_CODE_STE').val(), 'cdc_valide':'1' }",
                    'entity' : 'codeComp',
                    'codeSte' : post.CODE_STE,
                    'widthPopup' : 'modal_large',
                    'titleZoom' : 'Liste des codes complémentaires' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'codeSte' : post.CODE_STE,
                    'faceAttr' : {
                        'data-stelink' : 'input_CODE_STE',
                    },
                    'paramsValidator' : "{'entity' : 'codeComp','nomChamp' : '"~'Code compl.' | trad~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(param.CDC_SECTO? "$('#input_CODE_STE').val()":"''")~"}}",
                })}}
            </div>
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Centre de livraison' | trad,
                    'name'  : 'LIV_CTR',
                    'value' : post.LIV_CTR,
                    'obligatoire' : true,

                    'pahtZoom' : path('Ajax.liste.centreLivraison'),
                    'paramZoom' : "{'code_ste' : $('#input_CODE_STE').val() }",
                    'entity' : 'Centre',
                    'titleZoom' : 'Liste des centres' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'paramsValidator' : "{'entity' : 'Centre','nomChamp' : '"~'Centre de livraison' | trad~"', 'null' : false, 'post' : {'filter_LIVRAISON' : 'T', 'filter_CODE_STE' : ''}}",
                })}}
            </div>
        </div>
        <div class="colonne2 last">
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Sous-compte d\'analyse' | trad,
                    'name'  : 'SCA_CODE',
                    'value' : post.SCA_CODE,

                    'pahtZoom' : path('Ajax.liste.sca'),
                    'paramZoom' : "{'filter_egal_CODE_STE' : $('#input_CODE_STE').val(),'sca_valide' :1 }",
                    'entity' : 'Sscptana',
                    'codeSte' : post.CODE_STE,
                    'titleZoom' : 'Liste des sous-comptes d\'analyse' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'codeSte' : post.CODE_STE,
                    'faceAttr' : {
                        'data-stelink' : 'input_CODE_STE',
                    },
                    'paramsValidator' : "{'entity' : 'Sscptana','nomChamp' : '"~'Sous compte d\'analyse' | trad |e('js')|raw~"', 'null' : true, 'post' : {'filter_egal_CODE_STE' : "~(param.SCA_SECTO? "$('#input_CODE_STE').val()":"''")~"}}",
                })}}
            </div>
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Centre émetteur' | trad,
                    'name'  : 'OUPA_CENTRE_EMETTEUR',
                    'value' : post.OUPA_CENTRE_EMETTEUR,
                    'obligatoire' : true,

                    'pahtZoom' : path('Ajax.liste.centreEmetteur'),
                    'paramZoom' : "{'code_ste' : $('#input_CODE_STE').val() }",
                    'entity' : 'Centre',
                    'titleZoom' : 'Liste des centres' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'paramsValidator' : "{'entity' : 'Centre','nomChamp' : '"~'Centre émetteur' | trad~"', 'null' : false, 'post' : {'filter_EMISSION' : 'T', 'filter_CODE_STE' : ''}}",
                })}}
            </div>
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Site de stock' | trad,
                    'name'  : 'SITE_STK',
                    'value' : post.SITE_STK,
                    'option': 'readOnly',

                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'entity' : 'SSITESTO',
                })}}
            </div> 
        </div>
        </div>
        <div class="clearfix" style="text-align: center;">
            <button class="button principal" type="button" onClick="updateValuePanier();">{{ 'Enregistrer' | trad }}</button> 
        </div>

        <script>
            $('#input_CODE_STE').change(function(){
                activeLoader();
                $.ajax({
                    dataType : 'html',
                    url: window.location.pathname,
                    data: $('#maSession').serialize(),
                    type: "POST",
                    success: function(result){
                        desactiveLoader();
                        refreshFonction('divSession', result);
                    }
                });
            });
            
            function updateValuePanier(champs) {
                activeLoader();
                $.ajax({
                    dataType : 'html',
                    url: '{{ path('Utilisateur.MaSession.updateSessionPanier') }}',
                    data: $('#maSession').serialize(),
                    type: "POST",
                    success: function(result){
                        desactiveLoader();
                        $("#modal-content").addClass("modal_small");
                        $("#modal-body").html(result);
                        activePopup();
                    }
                });
            }
            
        </script>
    </div>
</form>
<form method="post" name="mesParametres" id="mesParametres">
    <h4>{{ 'Vos paramètres de recherche, d\'affichage et de présentation' | trad }}</h4>
    <div class="box-form clearfix">

        <div class="row">
            {# <div class="colonne2">
                {{ inputAdvance('SELECT', {
                    'titre' : 'Langue d\'interrogation de la recherche article' | trad,
                    'name'  : 'langue_intuition',
                    'value' : post.langue_intuition,
                    'listeValue' : langueIntuition
                })}}
            </div> #}
            <div class="colonne2">
                {{ inputAdvance('SELECT', {
                    'titre' : 'Langue des dialogues et d\'affichage' | trad,
                    'name'  : 'langue_appli',
                    'value' : post.langue_appli,
                    'listeValue' : langueAppli
                })}}
            </div>
        </div>





        {% if param.RECH_INCREMENTALE_ART %}
            <div class="row">
                <div class="colonne2">
                    {{ inputAdvance('SELECT', {
                        'titre' : 'Recherche incrémentale' | trad,
                        'name'  : 'AUTOCOMPLETION',
                        'value' : post.AUTOCOMPLETION,
                        'listeValue' : {'1' : 'Activé' | trad, '0': 'Desactivée' | trad}
                    })}}
                </div>
                <div class="colonne2 last">
                    {{ inputAdvance('TEXT', {
                        'titre' : 'Recherche incrémentale : Nombre de résultats affichés (de 1 à 20 résultats)' | trad,
                        'name'  : 'AUTOCOMP_NB_RESULT_MAX',
                        'value' : post.AUTOCOMP_NB_RESULT_MAX,
                        'pathValidator' : path('Ajax.validator.integer'),
                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '20', 'controleByValue' : true}",
                    })}}
                </div>

            </div>
        {% endif %}
        <div class="row">
            <div class="colonne2">
                {{ inputAdvance('SELECT', {
                    'titre' : 'Nombre d\'articles par page (de 5 à 100 résultats par page)' | trad,
                    'name'  : 'NB_ART_PAGE_RECH',
                    'listeValue' : listePage,
                    'value' : post.NB_ART_PAGE_RECH,
                    'pathValidator' : path('Ajax.validator.integer'),
                    'paramsValidator' : "{'sizeMin' : '5', 'sizeMax' : '100', 'controleByValue' : true}",
                })}}
            </div>
            <div class="colonne2 last">
                {{ inputAdvance('SELECT', {
                    'titre' : 'Initialisation des imputations lors du chargement des paniers modèles' | trad,
                    'name'  : 'INIT_IMPUT',
                    'value' : post.INIT_IMPUT,
                    'listeValue': listeInitImpu,
                })}}
            </div>
        </div>
        <div class="clearfix" style="text-align: center;">
            <button class="button principal" type="button" onClick="updateValue();">{{ 'Enregistrer' | trad }}</button> 
        </div>
    </div>
</form>
{% if qrCode %}
    <form method="post" name="form_QRCode" id="form_QRCode">
        <h4>{{ 'QR Code contenant les informations de connexion environnement' | trad }}</h4>
        <div class="box-form clearfix" style="text-align: center;margin-bottom:10px;">
            <img src="{{qrCode}}" style="width:200px;height:200px;margin:auto;">
        </div>
    </form>

{% endif %}

</div>

{{ specifique('HtmlExtension', 'specifiqueUpdateSI', {}) }}
{{ specifique('HtmlExtension', 'specifiqueUpdateCDC', {}) }}
{{ specifique('HtmlExtension', 'specifiqueUpdateCentreLivraison', {}) }}

<script>
    function updateValue(champs) {
        activeLoader();
        $.ajax({
            dataType : 'html',
            url: '{{ path('Utilisateur.MaSession.updateValue') }}',
            data: $('#mesParametres').serialize(),
            type: "POST",
            success: function(result){
                desactiveLoader();
                $("#modal-content").addClass("modal_small");
                $("#modal-body").html(result);
                activePopup();
            }
        });
    }

    $('#input_LIV_CTR').change(function(){
        $.ajax({
            dataType : 'json',
            url: '{{ path('Utilisateur.MaSession.ajaxChangeCentre') }}',
            data: {'LIV_CTR' : $(this).val()},
            type: "POST",
            success: function(result){
                $('#text_SITE_STK').val(result.SITE_STK).change();
            }
        });
    });
</script>

{% endblock %}