{% extends 'layout.twig' %}

{% block body %}

    <div class="contenu clearfix"  id="suivi">
        <h1>
            {{ 'Paramétrage chantiers par agence' | trad }}
        </h1>

        {{ ariane() }}


        <div class="tab-content" id="divRefresh">

            <div class="clearfix">
                <form method="post" id="formSpecifique" class="bg_form padding_form border_form clearfix">
                    <div class="row">
                        <div class="colonne2">
                            <div class="row">
                                {{ 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'),
                                    'paramsValidator' : "{'entity' : 'Societe','nomChamp' : 'Société', 'null' : false}",
                                    'obligatoire' : true,
                                    'value' : post.CODE_STE,
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('ZOOM', {
                                        'titre' : 'Chantiers associés à une agence' | trad,
                                        'name' : 'CHANTIER',
                                        'value' : post.CHANTIER,
                                        '_pahtZoom' : path('Specifique71.ParametrageChantier.listeSI'),
                                        'pahtZoom' : path('GlobalApplication.MultiSelect.afficher'),
                                        'paramZoom' : "{
                                            'titre' : 'Gestion des chantiers associés à une agence',
                                            'value' : $('#input_CHANTIER').val(),
                                            'entity' : 'SectimpuSpecifique', 
                                            'codeSte' : $('#input_CODE_STE').val(),
                                            'direction' : $('#input_CODE_DIR').val(),
                                            'CODFILTRE' : 'CHANTIER',
                                        }",
                                        'option' : 'desactiveSaisie',
                                }) }}
                            </div>
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Agence' | trad,
                                    'name' : 'CODE_DIR',
                                    'value' : post.CODE_DIR,
                                    'obligatoire' : true,
                                    'pahtZoom' : path('Ajax.liste.directio'),
                                    'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : $('#input_CODE_STE').val()}",
                                    'entity' : 'Directio',
                                    'titleZoom' : 'Liste des directions' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'pathValidator' : path('Ajax.validator.direction'),
                                    'paramsValidator' : "{'nomChamp' : '"~ 'Direction' | trad ~"', 'null' : true, 'filter_egal_CODE_STE' : $('#input_CODE_STE').val()}",
                                    'paramConvertLibelle' : "{'filter_egal_CODE_STE' : $('#input_CODE_STE').val()}",
                                }) }}
                            </div>
                            <div>
                                <button class="principal btn" style="cursor: pointer;" type="button"
                                    onClick="ajaxPopupV2('{{ path('Specifique71.ParametrageChantier.ajaxSaveChantier') }}', 'formSpecifique');"
                                >{{ 'Enregistrer' | trad }}</button>
                            </div>
                        </div>
                    </div>

                    
                </form>
            </div>

        </div>
    </div>
    <script>
        $('#input_CODE_STE, #input_CODE_DIR').change(function(){
            $.ajax({
                dataType: 'JSON',
                url: '{{ path('Specifique71.ParametrageChantier.getChantier') }}',
                data: $('#formSpecifique').serialize(),
                type: "POST",
                success: function(result){
                    $('#input_CHANTIER').val(result.listeChantier);
                }
            });
        });
    </script>

{% endblock %}