<div class="colonne2">
    <div class="row">
    	<input type="hidden" name="CODE_DEST" value="{{ CODE }}">
        {{ inputAdvance('text', {
            'titre' : 'Code' | trad,
            'name'  : 'COD_ADR',
            'value' : detailAdresse.COD_ADR,
            'pathValidator' : path('Ajax.validator.isStringSansEspace'),
            'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '3'}",
            'option' : modeAdresse == 'creation' ? '' : 'readOnly',
        }) }}
    </div>
    <div class="row">
        {{ inputAdvance('select',{
            'titre' : 'Pays' | trad,
            'name'  : 'CODPAYS',
            'listeValue' : tabPays,
            'value' : detailAdresse.CODPAYS,
        }) }}
    </div>
    <div class="row">
        {{ inputAdvance('text', {
            'titre' : 'Code postal' | trad,
            'name'  : 'CPOSTAL',
            'value' : detailAdresse.CPOSTAL,
            'pathValidator' : path('Ajax.validator.codePostal'),
            'paramsValidator' : "{'nomChamp' : '"~ 'Code postal' | trad ~"', 'sizeMin' : '0', 'PAYS' : $('#input_CODPAYS').val()}",
        }) }}

    </div>
    <div class="row">
        {{ inputAdvance('text', {
            'titre' : 'Ville' | trad,
            'name'  : 'VILLE1',
            'value' : detailAdresse.VILLE1,
            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '35'}",
        }) }}
    </div>
    <div class="row">
        {{ inputAdvance('text', {
            'titre' : 'Email' | trad,
            'name'  : 'EMAIL',
            'value' : detailAdresse.EMAIL,
            'pathValidator' : path('Ajax.validator.isStringWithContent'),
            'paramsValidator' : "{'nomChamp': '"~ 'Email' | trad ~"', 'contentAutorise': ['.', '@', '_', '-'], 'contentObligatoire': ['.', '@'], 'separation': true, 'sansEspace': true, 'sizeMin': 1, 'sizeMax': 255}",
            'myFunction' : 'changeEmail',
            'myParams' : "[this, 'iconeEmail']",
            'iconeLabel' : 'createur.png',
            'idIconeLabel' : 'iconeEmailAdresse',
        }) }}
    </div>

    {% if param.TELEX_ACTIF %}
        <div class="row">
            {{ inputAdvance('text', {
                'titre' : 'Telex' | trad,
                'name'  : 'TELEX',
                'value' : detailAdresse.TELEX,
                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Téléphone' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '16'}",
            }) }}
        </div>
    {% endif %}
</div>
<div class="colonne2 last">
    <div class="row">
        {{ inputAdvance('text', {
            'titre' : 'Libellé' | trad,
            'name'  : 'LIBELLE',
            'value' : detailAdresse.LIBELLE,
            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
            'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '45'}",
        }) }}
    </div>
    <div class="row">
        {{ inputAdvance('textArea', {
            'titre' : 'Adresse' | trad,
            'name'  : 'ADRESSE',
            'value' : detailAdresse.ADRESSE,
            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
            'paramsValidator' : "{'nomChamp' : '"~ 'Adresse' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '90'}",
        }) }}
    
    </div>

    <div class="row">
        {{ inputAdvance('text', {
            'titre' : 'Téléphone' | trad,
            'name'  : 'TELEPHONE',
            'value' : detailAdresse.TELEPHONE,
            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
            'paramsValidator' : "{'nomChamp' : '"~ 'Téléphone' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '16'}",
        }) }}
    </div>
    <div class="row">
        {{ inputAdvance('text', {
            'titre' : 'Fax' | trad,
            'name'  : 'FAX',
            'value' : detailAdresse.FAX,
            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
            'paramsValidator' : "{'nomChamp' : '"~ 'Fax' | trad ~"', 'sizeMin' : '0', 'sizeMax' : '16'}",
        }) }}
    </div>

    <div class="row">
        {{ inputAdvance('SWITCH', {
            'titre' : 'Adresse de commande' | trad,
            'name'  : 'ADR_COMMANDE',
            'value' : detailAdresse.ADR_COMMANDE,
        }) }}
    </div>
    
    <SCRIPT>
        {% if detailAdresse.EMAIL == '' %}
            $('#iconeEmailAdresse').hide();
        {% endif %}
        $('#iconeEmailAdresse').click(function(){
            document.location.href = "mailto:"+$('#input_EMAIL').val();
        });
        function changeEmail(objet, icone){
            if($(objet).val()==''){
                $('#'+icone).hide();
            }else{
                $('#'+icone).show();
            }
        }									
    </SCRIPT> 
</div>

<div class="clearfix modal-footer">
    <button type="button" class="button secondaire" data-dismiss="modal" onclick="annulerNouvelleAdr('{{ TYPE_ADRESSE }}');">{{ 'Annuler' | trad }}</button>
    <button type="button" class="button principal"  onclick="enregistrerAdr('{{ pathEnregAdr }}', '{{ TYPE_ADRESSE }}', '{{ detailAdresse.COD_ADR }}');">{{ 'Enregistrer' | trad }}</button>
</div>

<script>
{% if dynamique %}

function enregistrerAdr(path, typeAdresse, codeAdresse)
{
    $.ajax({
      	dataType : 'html',
    	url: path,
    	data: $("form").serialize(),
    	type: "POST",
    	success: function(result){
        	if(codeAdresse)
        	{
                $('#adresse'+codeAdresse).attr('id', 'adrRemove');
                $('#adrRemove').after(result);
                $('#adrRemove').remove();
        	} else {
        	    $('table#tableAdresse tbody tr:last-child').after(result);
            }

        	$('#{{ idClose }}').find('a').trigger('click');
        	desactiveLoader();
    	},
		error: function (data){
    		desactiveLoader();
    		$("#modal-content").addClass("modal_small");
    		$("#modal-body").html('<div class="modal_erreur">'+data.responseText+'</div><div class="modal-footer"><button type="button" id="btn_close" class="button secondaire" data-dismiss="modal" onclick="desactivePopup();">{{ 'Fermer' | trad }}</button></div>');
    		$("#modal-title").html('Erreur validation');
    		activePopup();
		}
    });
}
    
    function annulerNouvelleAdr()
    {
		$('#{{ idClose }}').find('a').trigger('click');
    }

{% endif %}
</script>
