<div class="clearfix">
    <div class="colonne2">
        <div class="row">
            {{ inputAdvance('ZOOMADVANCE', {
                'titre' : 'Accord-cadre' | trad,
                'name' : 'ACD',
                'value' : da.ACD,
                'pahtZoom' : path('Ajax.liste.accadre'),
                'paramZoom' : "{
                    'CODE_STE': '"~ da.CODE_STE ~"', 
                    'CENTRE_EMETTEUR': $('#input_DAENT_CENTRE_EMETTEUR').val(), 
                    'CENTRE_LIVRAISON': $('#input_CTR_LIV').val(), 
                    'FS_ACD_EXISTE' : '1',
                    'valide' : '1'
                }",
                'titleZoom' : 'Liste des accords-cadres' | trad,
                'entity' : 'Acccadre',
                'pathConvert' : path('Ajax.outil.convertLibelle'),
                'convertLibelle' : 'convertLibelleGlobal',
                'pathValidator' : path('Ajax.validator.accordCadre'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Accord-cadre' | trad ~"', 'null' : true, 'CODE_STE': '"~ da.CODE_STE ~"', 'CENTRE_EMETTEUR': $('#input_DAENT_CENTRE_EMETTEUR').val(), 'CENTRE_LIVRAISON': $('#input_CTR_LIV').val(), 'FS_ACD_EXISTE' : '1', 'PROSPECT' : '"~ (da.CHIF_EXEC == 'E' ? 'F' : '')  ~"'}",
                'myFunction' : 'changeAcdFou',
                'myParams' : '["ACD"]',
            }) }}
        </div>
        <script>
            function changeAcdFou(type) {
                activeLoader();

                url = "{{ path('DemandeAchat.ModificationDemandeAchat.ajaxEditFrameworkAgreement') }}";
                if (type == 'FOU') {
                    url = "{{ path('DemandeAchat.ModificationDemandeAchat.ajaxEditSupplier') }}";
                } 
                var data = $('#form_creationDA').serialize() + '&CHIF_EXEC={{da.CHIF_EXEC}}&NO_DA={{da.NO_DA}}';
                $.ajax({
                    dataType : 'json',
                    url: url,
                    data: data, 
                    type: "POST",
                    success: function(result){
                        $("#supplier").html(result.html);
                        $.each(result.cs, function(key, value) {
                            if ($('#text_' + value.key).length) {
                                $('#text_' + value.key).val(value.value).change();
                            } else {
                                $('#input_' + value.key).val(value.value).change();
                            }
                        });
                        desactiveLoader();
                    }
                });
            }
        </script>
    </div>
    <div class="colonne2">
        <div class="row" id="fournisseurEnteteDiv">
            {{ inputAdvance('ZOOMADVANCE', {
                'titre' : 'Fournisseur' | trad,
                'name' : 'FOU',
                'value' : da.FOU,
                'pahtZoom' : path('Ajax.liste.fournisseur'),
                'paramZoom' : "{'filter_egal_PROSPECT' : '"~ (da.CHIF_EXEC == 'E' ? 'F' : '')  ~"', 'valide' : 1, 'ACD_FG' : $('#input_ACD').val()}",
                'titleZoom' : 'Liste des fournisseurs' | trad,
                'entity' : 'Fourniss',
                'pathConvert' : path('Ajax.outil.convertLibelle'),
                'convertLibelle' : 'convertLibelleGlobal',
                'pathValidator' : path('Ajax.validator.fournisseur'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Fournisseur' | trad ~"', 'null' : "~ (param.FOU_OBLIG ? 'false' : 'true') ~", post : {'filter_egal_PROSPECT' : '"~ (da.CHIF_EXEC == 'E' ? 'F' : '')  ~"', 'valide' : 1, 'ACD_FG' : $('#input_ACD').val(), 'messageCompl' : '"~ param.messageCompl ~"'} }",
                'option' : param.FOU_LOCK ? 'readOnly' : '',																	
                'obligatoire' : param.FOU_OBLIG,
                'myFunction' : 'changeAcdFou',
                'myParams' : '["FOU"]',
            }) }}
        </div>
    </div>
    {% if param.NOCDISDA_ACTIF %}
    <div class="colonne2">
        <div class="row">
            {{ inputAdvance('SWITCH', {
                'titre' : 'Noter les commandes issues de cette DA ?' | trad,
                'name' : 'NOCDISDA',
                'value' : da.NOCDISDA,
            }) }}
        </div>
    </div>
    {% endif %}
    <div class="colonne2">
        <div class="row" id="paysFournisseurDiv">
            {{ inputAdvance('select',{
                'titre' : 'Pays' | trad,
                'name'  : 'PAYSFOU',
                'value' : da.PAYSFOU,
                'listeValue' : tabPays,
                'optionVide' : 1,
            }) }}
        </div>
    </div>	
</div>
<div class="clearfix" id="adresseCompleteFournisseurDiv">
    <div class="colonne2">
        <div class="row">
            <input type='hidden' id='COD_ADR_FOU' name='COD_ADR_FOU' value='{{ da.COD_ADR_FOU }}'>
            {{ inputAdvance('TEXTAREA', {
                'titre' : 'Adresse' | trad,
                'name'  : 'ADRFOU',
                'value' : da.ADRFOU,
                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Adresse' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '90'}",
                'iconeLabel' : 'createur.png',
                'idIconeLabel' : 'iconeAdresseFou'
            }) }}
        </div>								
        <script>
            {% if da.FOU == '' %}
                $('#iconeAdresseFou').hide();
            {% endif %}
            $("#iconeAdresseFou").click(function(){
                activeLoader();                                	
                $.ajax({
                    dataType : 'html',
                    url: "{{ path('GlobalApplication.Adresses.ajaxListeAdresses', {'TYPE_ADRESSE' : 'FOU'}) }}",
                    data: {'CODE' : $('#input_FOU').val(), 'divCode' : 'COD_ADR_FOU', 'idTrigger' : 'onglet_Fournisseur', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation'},
                    type: "POST",
                    success: function(result){
                        activeDivModulableCde(result, "{{ 'Adresse fournisseur' | trad  }}");
                        desactiveLoader();
                    }
                });
            });
            $("#COD_ADR_FOU").change(function(){
                $.ajax({
                    dataType : 'json',
                    url: '{{ path('DemandeAchat.ModificationDemandeAchat.ajaxValueAdresseFrs') }}',
                    data: $('#form_creationDA').serialize() + '&CHIF_EXEC={{da.CHIF_EXEC}}&NO_DA={{da.NO_DA}}',
                    type: "POST",
                    success: function(result){
                        $("#supplier").html(result.html);
                        $.each(result.cs, function(key, value) {
                            if ($('#text_' + value.key).length) {
                                $('#text_' + value.key).val(value.value).change();
                            } else {
                                $('#input_' + value.key).val(value.value).change();
                            }
                        });
                        desactiveLoader();
                    },
                });
            });
        </script> 
    </div>
    <div class="colonne2">
        <div class="row" id="cpFournisseurDiv">
            {{ inputAdvance('text', {
                'titre' : 'Code Postal' | trad,
                'name'  : 'CPFOU',
                'value' : da.CPFOU,
                'pathValidator' : path('Ajax.validator.codePostal'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Code postal' | trad ~"', 'sizeMin' : '0', 'PAYS' : $('#input_PAYSFOU').val()}",
            }) }}
        </div>	
        <div class="row" id="villeFournisseurDiv">
            {{ inputAdvance('text', {
                'titre' : 'Ville' | trad,
                'name'  : 'VILLEFOU',
                'value' : da.VILLEFOU,
                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Ville' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '35'}",
            }) }}
        </div>							
    </div>
</div>
<div class="clearfix border-top" id="contactCompletFournisseurDiv">
    <div class="colonne2">
        <div class="row">
            <input type='hidden' id='IND_FOU' name='IND_FOU' value='{{ da.IND_FOU }}'>
            {{ inputAdvance('text', {
                'titre' : 'Contact' | trad,
                'name'  : 'CTCT_FOU',
                'value' : da.CTCT_FOU,
                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Contact' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '25'}",
                'iconeLabel' : 'createur.png',
                'idIconeLabel' : 'iconeContactFou'
            }) }}
        </div>                       
        <div class="row">
            {{ inputAdvance('text', {
                'titre' : 'Email' | trad,
                'name'  : 'EMA_CTCT',
                'value' : da.EMA_CTCT,
                'pathValidator' : path('Ajax.validator.isStringWithContent'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Email' | trad ~"', 'contentAutorise': ['.', '@', '_', '-'], 'contentObligatoire': ['.', '@'], 'separation': false, 'sansEspace': true, 'sizeMin': 0, 'sizeMax': 100}",
                'myFunction' : 'changeEmail',
                'myParams' : "[this, 'iconeEmailFou']",
                'iconeLabel' : 'createur.png',
                'idIconeLabel' : 'iconeEmailFou'
            }) }}
        </div>
        <SCRIPT>
            {% if da.FOU == '' %}
                $('#iconeContactFou').hide();
            {% endif %}
            $("#iconeContactFou").click(function(){
                activeLoader();                                	
                $.ajax({
                    dataType : 'html',
                    url: "{{ path('GlobalApplication.ContactsFournisseur.ajaxListeContact') }}",
                    data: {'CODE' : $('#input_FOU').val(), 'divCode' : 'IND_FOU', 'idTrigger' : 'onglet_Fournisseur', 'idClose' : 'onglet_DivModulable', 'iDivReset' : 'DivModulable', 'idTriggerCreation' : 'onglet_DivModulableCreation', 'iDivAdd' : 'DivModulableCreation'},
                    type: "POST",
                    success: function(result){
                        activeDivModulableCde(addFonctionAjax(result), "{{ 'Contact fournisseur' | trad  }}");
                        desactiveLoader();
                    }
                }); 
            });

            $("#IND_FOU").change(function(){
                activeLoader();  
                $.ajax({
                    dataType : 'json',
                    url: '{{ path('DemandeAchat.ModificationDemandeAchat.ajaxValueContactFrs') }}',
                    data: $('#form_creationDA').serialize() + '&CHIF_EXEC={{da.CHIF_EXEC}}&NO_DA={{da.NO_DA}}',
                    type: "POST",
                    success: function(result){
                        $("#supplier").html(result.html);
                        $.each(result.cs, function(key, value) {
                            if ($('#text_' + value.key).length) {
                                $('#text_' + value.key).val(value.value).change();
                            } else {
                                $('#input_' + value.key).val(value.value).change();
                            }
                        });
                        desactiveLoader();
                    },
                });                     
                
            });
            
            {% if da.EMA_CTCT == '' %}
                $('#iconeEmailFou').hide();
            {% endif %}
            $('#iconeEmailFou').click(function(){
                document.location.href = "mailto:"+$('#input_EMA_CTCT').val();
            });										
        </SCRIPT>            
    </div>
    <div class="colonne2 last">
        <div class="row">
            {{ inputAdvance('text', {
                'titre' : 'Téléphone' | trad,
                'name'  : 'TEL_CTCT',
                'value' : da.TEL_CTCT,
                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Téléphone' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '16'}",
            }) }}
        </div>	
        <div class="row">
            {{ inputAdvance('text', {
                'titre' : 'Portable' | trad,
                'name'  : 'POR_CTCT',
                'value' : da.POR_CTCT,
                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Portable' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '16'}",
            }) }}
        </div>	
        <div class="row">
            {{ inputAdvance('text', {
                'titre' : 'Fax' | trad,
                'name'  : 'FAX_CTCT',
                'value' : da.FAX_CTCT,
                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Fax' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '16'}",
            }) }}
        </div>	
    </div>
</div>
