{% extends 'layout.twig' %}

{% block body %}
	
	<div class="contenu clearfix"  id="projetAchat">
		
		<h1>{{ 'Bibliothèque de données' | trad }}</h1>

    	{{ ariane() }}

    	<div id="div_champs_externe">
        	<h3>
        		{% if mode == 'create' %}
    	            {{ 'Ajout d\'un champ sur la donnée' | trad }} : {{ infoDonnee.NOM_DONNEE }}
        	    {% else %}
                    {{ 'Modification d\'un champ sur la donnée' | trad }} : {{ infoDonnee.NOM_DONNEE }}
        	    {% endif %}
    			<button type="button" class="principal button" onClick="ajaxPopupV2('{{ path('ProjetAchat.Champs.validation', {typeObjet:typeObjet, idObjet:idObjet, idDonnee:idDonnee, idChamp:idChamp}) }}', 'form_creation');">{{ 'Valider' | trad }}</button>
    			{% if typeObjet == 'B' %}
    				<a type="button" class="secondaire button" onClick="redirectJSWithPost('{{ path('ProjetAchat.BibliothequeDonnee.index') }}', {'onglet' : 'data', 'id' : '{{ infoDonnee.ID_CAT }}'});">{{ 'Annuler' | trad }}</a>
    			{% else %}
    				<a class="secondaire button button_right" onClick="triggerTab('data');">{{ 'Annuler' | trad }}</a>
    			{% endif %}
    	    </h3>
        	
        	<form action="" method="post" name="form_creation" id="form_creation" style="margin-top: 30px;">
    			<div class="clearfix">	
    				
    				<div class="clearfix">
        				<div class="colonne2">
        					<div class="row">
        						{{ inputAdvance('TEXT', {
        						    'titre' : 'Nom' | trad,
        						    'name' : 'NOM_DATA',
        						    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
        						    'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '60'}",
        						    'obligatoire' : 1,
        						    'value' : value.NOM_DATA
        						}) }}
        					</div>
        				</div>
        				<div class="colonne2 last">
        					<div class="row">
        						{{ inputAdvance('SELECT', {
        						    'titre' : 'type de champ' | trad,
        						    'name' : 'FORMAT',
                                    'listeValue' : listeFormat,
                                    'optionVide' : 1,
        						    'obligatoire' : 1,
        						    'value' : value.FORMAT,
        						    'option' : mode=='edit'? 'readOnly':'',
        						}) }}
        					</div>
        				</div>
    				</div>
    				
    				<hr id="bloc_hr" {% if mode == 'create' %}style="display:none;"{% endif %}>
    				
    				<div class="clearfix" id="CHAMPS" {% if value.FORMAT!='CHAMPS' %}style="display:none;"{% endif %}>
    					<div class="colonne2">
        					<div class="row">
        						{{ inputAdvance('SELECT', {
        						    'titre' : 'Format' | trad,
        						    'name' : 'TYPE_DATA',
                                    'listeValue' : listeTypeData,
        						    'obligatoire' : 1,
        						    'optionVide' : 1,
        						    'value' : value.TYPE_DATA
        						}) }}
        					</div>
        					<div class="row ALL_TYPE TYPE_N" {% if value.TYPE_DATA!='N' %}style="display:none;"{% endif %}>
        						{{ inputAdvance('TEXT', {
        						    'titre' : 'Longeur partie entière' | trad,
        						    'name' : 'N_PARTIE_ENT',
        						    'pathValidator' : path('Ajax.validator.integer'),
        						    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '15', 'controleByValue' : true}",
        						    'obligatoire' : 1,
        						    'value' : value.N_PARTIE_ENT,
        						}) }}
        					</div>
        					<div class="row ALL_TYPE TYPE_MAQUETTE" {% if value.FIC_GENERE == false %}style="display:none;"{% endif %}>
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Maquette' | trad,
                                    'name' : 'ID_FORMAT',
                                    'pahtZoom' : path('ProjetAchat.BibliothequeDonnee.popupFormatDocument'),
                                	'paramZoom' : "{}",
                                    'entity' : 'DoarBFmtDoc',
                                    'titleZoom' : 'Arborescence maquette' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'pathValidator' : path('Ajax.validator.zoom'),
                                    'paramsValidator' : "{'entity' : 'DoarBFmtDoc','nomChamp' : 'Maquette', 'null' : false}",
                                    'value' : value.ID_FORMAT,
                                    'addCss' : 'background-color: white;',
                                    'widthPopup' : 'modal_large',
                                    'obligatoire' : true,
                                }) }}
        					</div>
    					</div>
    					<div class="colonne2 last">
        					<div class="row ALL_TYPE TYPE_A" {% if value.TYPE_DATA!='A' %}style="display:none;"{% endif %}>
        						{{ inputAdvance('TEXT', {
        						    'titre' : 'Longueur' | trad,
        						    'name' : 'A_LONG',
        						    'pathValidator' : path('Ajax.validator.integer'),
        						    'paramsValidator' : "{'controleByValue':true, 'sizeMin' : '1', 'sizeMax' : '3000'}",
        						    'obligatoire' : 1,
        						    'value' : value.A_LONG,
        						}) }}
        					</div>
        					<div class="row ALL_TYPE TYPE_T" {% if value.TYPE_DATA| boolSql == false %}style="display:none;"{% endif %}>
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Devise' | trad,
                                    'name' : 'MNT_DEVISE',
                                    'pahtZoom' : path('Ajax.liste.devise'),
                                	'paramZoom' : "{}",
                                    'entity' : 'Devise',
                                    'titleZoom' : 'Liste des devises' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'pathValidator' : path('Ajax.validator.zoom'),
                                    'paramsValidator' : "{'entity' : 'Devise','nomChamp' : 'Devise', 'null' : false}",
                                    'value' : value.MNT_DEVISE,
                                    'obligatoire' : true,
                                }) }}
        					</div>
        					<div class="row ALL_TYPE TYPE_N" {% if value.TYPE_DATA!='N' %}style="display:none;"{% endif %}>
        						{{ inputAdvance('SWITCH', {
        						    'titre' : 'Négatif possible ?' | trad,
        						    'name' : 'N_NEGATIF_AUTO',
        						    'value' : value.N_NEGATIF_AUTO
        						}) }}
        					</div>
        					<div class="row ALL_TYPE TYPE_N" {% if value.TYPE_DATA!='N' %}style="display:none;"{% endif %}>
        						{{ inputAdvance('TEXT', {
        						    'titre' : 'Longueur partie décimale' | trad,
        						    'name' : 'N_PARTIE_DEC',
        						    'pathValidator' : path('Ajax.validator.integer'),
        						    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '5', 'controleByValue' : true}",
        						    'obligatoire' : 0,
        						    'value' : value.N_PARTIE_DEC,
        						}) }}
        					</div>
        					<div class="row ALL_TYPE TYPE_F" {% if value.TYPE_DATA| boolSql == false %}style="display:none;"{% endif %}>
        						{{ inputAdvance('SWITCH', {
        						    'titre' : 'Fichier généré depuis la contrathèque' | trad,
        						    'name' : 'FIC_GENERE',
        						    'value' : value.FIC_GENERE
        						}) }}
        					</div>
    					</div>
    				</div>
    				
    				<div class="clearfix" id="LINK" {% if value.FORMAT!='LINK' %}style="display:none;"{% endif %}>
    					{% include '@projetAchat/champs/ajaxObjetLie.twig' %}
    				</div>
    				
    				<div class="clearfix ALL_TYPE TYPE_C" {% if value.TYPE_DATA!='C' %}style="display:none;"{% endif %}>
    					{% include '@projetAchat/champs/calculatedField.twig' %}
    				</div>
    				
    				<div class="clearfix" id="LINKOBJ" {% if value.FORMAT!='LINKOBJ' %}style="display:none;"{% endif %}>
    					<div class="colonne2">
                    		<div class="row">
                    			{{ inputAdvance('SELECT', {
                    			    'titre' : 'Table' | trad,
                    			    'name' : 'OBJET',
                                    'listeValue' : listeDataObjetDonnee,
                    			    'obligatoire' : 1,
                    			    'optionVide' : 1,
                    			    'value' : value.OBJET,
                    			    'option' : mode=='edit'? 'readOnly':'',
                    			}) }}
                    		</div>
                		</div>
    				</div>
    				
    				<hr>
    				
    				<div class="clearfix" id="inputCommun">
        				<div class="colonne2">
        					<div class="row">
        						{{ inputAdvance('TEXT', {
        						    'titre' : 'Nom de la balise pour fusion de données' | trad,
        						    'name' : 'TAG_MERGE',
        						    'pathValidator' : path('Ajax.validator.isStringSansEspace'),
        						    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '30'}",
        						    'value' : value.TAG_MERGE,
        						    'option' : (mode=='edit' and value.TYPE_DATA=='F')? 'readOnly':'',
        						}) }}
        					</div>
        				</div>
        				<div class="colonne2 last">
        					<div class="row">
        						{{ inputAdvance('TEXT', {
        						    'titre' : 'Nom du champ dans la base infocentre' | trad,
    								'name' : 'NOMSQLDW',
        						    'pathValidator' : path('Ajax.validator.isStringSansEspace'),
        						    'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '30'}",
        						    'value' : value.NOMSQLDW
        						}) }}
        					</div>
        				</div>
    				</div>
    
    			</div>
    		</form>
        	
        	<script type="text/javascript" src="{{ baseUrl('js/Modules/ProjetAchat/calculMotOxaDw.js')~'?cache='~getSession('cache')  }}"></script>
        	<script>
        	
        		$('#input_FORMAT').change(function(){
        		
    				$('#CHAMPS').hide();
    				$('#LINKOBJ').hide();
    				$('#LINK').hide();
    				$('#CALCULATED').hide();
    				
    				$('#bloc_hr').show();
    				
        			if($(this).val() != '')
        			{
        				$('#'+$(this).val()).show();
        			}
        			else
        			{
        				$('#bloc_hr').hide();
        			}
        		});
        		
        		$('#input_TYPE_DATA').change(function(){
        			$('.ALL_TYPE').hide();
        			
        			if($(this).val() != '')
        			{
    					$('.TYPE_'+$(this).val()).show();
    				}
    				
    				if($(this).val() == 'F')
    				{
    					$('#input_TAG_MERGE').attr('readOnly', true);
    				}
    				else
    				{
    					$('#input_TAG_MERGE').attr('readOnly', false);
    				}
        		});
        		
        		$('#input_FIC_GENERE').change(function(){
        			if($(this).is(':checked'))
        			{
            			$('.TYPE_MAQUETTE').show();
        			}
        			else
        			{
        				$('.TYPE_MAQUETTE').hide();
        			}
        		});
        		$('#text_ID_FORMAT').attr('readOnly', true);
        		
                $('#input_NOM_DATA').blur(function(){
                    calculMotOxadw("{{ path('ProjetAchat.BibliothequeDonnee.ajaxCalculMotOxaDw') }}", $('#input_NOM_DATA').val(), 'D', '#input_NOMSQLDW')
                });
        	</script>
    	</div>
	</div>
{% endblock %}