{% extends 'layout.twig' %}

{% block body %}  


    <div class="contenu clearfix">
    
        <h1>
            {{ 'Création de commande de régularisation' | trad }}      
        </h1>

        {{ ariane() }}

        <div class="content clearfix" id="cdeRegul">

            <form name="filtre_cdeRegul" id="filtre_cdeRegul" method="post">

                <div class="div_input">
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'name' : 'CODE_FOU',
                            'titre' : 'Fournisseur' | trad,


                            'pahtZoom' : path('Ajax.liste.fournisseur'),
                            'paramZoom' : "{'frsPanier' : 1, 'activeZone' : '"~param.ZONE_GEO_ACTIVE~"', 'centre' : '"~param.centreZoneGeo~"', }",
                            'entity' : 'Fourniss',
                            'titleZoom' : 'Liste des fournisseurs' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Fourniss','nomChamp' : 'fournisseur', 'null' : false }",
                            'obligatoire' : true,
                        }) }}
                    </div>
                    <div class="row" id="divModele">
                        {{ inputAdvance('SELECT', {
                            'name' : 'MODELE',
                            'titre' : 'Panier modèle' | trad,
                            'listeValue' : listeModele,
                            'option' : listeModele|lengthTable>1? '':'readOnly',
                        }) }}
                    </div>
                    {% if ctrlSsPeriode %}
                        <div class="row">
                            {{ inputAdvance('DATE', {
                                'name' : 'DATE_PERIODE',
                                'titre' : 'Date période' | trad,
                                'value' : date |dateTrad,
                            }) }}
                        </div>
                    {% endif %}
                    <div class="row input">
                        <button class="button btn principal pointer" type="button" onClick="ajaxPopupV2('{{ path('Panier.CommandeRegul.ajaxCreateRegul') }}', 'filtre_cdeRegul');">{{ 'Ok' | trad }}</button>
                    </div>
                </div>
                

            </form>

        </div>
    </div>

    <script>
        $('#input_CODE_FOU').change(function(){
            console.log("test");
            refrechDiv(window.location.pathname, 'divModele', 'filtre_cdeRegul');
        });
    </script>

    <style>
        #cdeRegul .div_input {
            margin: auto;
            width: 50%;
        }

        #cdeRegul .div_input > .row.input {
            display:flex;
        }

        #cdeRegul .div_input > .row.input > button {
            margin:auto;
        }
    </style>


{% endblock %}
