{% extends 'layout.twig' %}

{% block body %}

<div class="clearfix titre_div"  id="creationDonnee">
    <h1>{{ 'Bibliothèque de données' | trad }}</h1>
    {{ ariane() }}

	<div class="contenu clearfix" id="div_donnee_externe">
    <h3>
        {% if action is same as ("create") %}
            {{ 'Ajout d\'une donnée sur la catégorie de données' | trad }} {{ category.LIB }}
        {% else %}
            {{ 'Modification de la donnée' | trad }} {{ donnee.NOM_DONNEE }}
        {% endif %}
        {% if action is same as ("create") %}
            <a type="button" class="principal button button_right" onClick="ajaxPopupV2('{{ path('ProjetAchat.Donnee.create', {typeObjet:typeObjet,idObjet:idObjet,idCategorie: category.ID}) }}', 'form_create_donnee');">
                {{ 'Enregistrer' | trad }}
            </a>
        {% elseif action is same as ("edit") %}
            <a type="button" class="principal button button_right" onClick="ajaxPopupV2('{{ path('ProjetAchat.Donnee.edit', {idData: idData}) }}', 'form_create_donnee')">
                {{ 'Modifier' | trad }}
            </a>
        {% endif %}
		{% if typeObjet == 'B' %}
			<a type="button" class="secondaire button" onClick="redirectJSWithPost('{{ path('ProjetAchat.BibliothequeDonnee.index') }}', {'onglet' : 'data', 'id' : '{{ category.ID }}'});">{{ 'Annuler' | trad }}</a>
		{% else %}
			<a class="secondaire button button_right" onClick="triggerTab('data');">{{ 'Annuler' | trad }}</a>  
		{% endif %}
    </h3>

	<div class="clearfix tab-content" style="margin-top:30px;">
        <form action="" method="post" name="form_creation_donnee" id="form_create_donnee">
            <div id="contentFixe" class="clearfix">
                <div class="clearfix ">
                    <div class="clearfix colonne">
                        <div class="row">
                            {{ inputAdvance('TEXTE', {
                                'titre' : 'Nom' | trad,
                                'name' : 'NOM_DATA',
                                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                'paramsValidator' : "{'nomChamp' : 'LIB', 'sizeMin' : '1', 'sizeMax' : '120'}",
                                'obligatoire' : true,
                                'value' : donnee['NOM_DONNEE']
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXTAREA', {
                                'titre' : 'Description' | trad,
                                'name' : 'DESCR',
                                'value' : donnee['DESCR'],
                                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '3000'}",
                            }) }}
                        </div>
                        <div>
                            <div class="row">
                                {{ inputAdvance('TEXTE', {
                                    'titre' : 'Table OXADW' | trad,
                                    'name' : 'NOMSQLDW',
                                    'value' : donnee['NOMSQLDW']
                                }) }}
                            </div>
                            <div class="row">
                                <div class="col-md-6 col-md-offset-5">
                                    <p>{{ 'Caractères autorisés : 0-9, A-Z, et « _ » (underscore)' | trad }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="colonne2">
						<div class="row">
                            {{ inputAdvance('SWITCH', {
                                'titre' : 'Donnée multiple ?' | trad,
                                'name' : 'MULTIPLE',
                                'value' : donnee['MULTIPLE'],
                                'option': action=="edit"? "disabled" : ""
                            }) }}
						</div>
                        <div class="row defaultHidden" {% if donnee['LIE_A_OBJET'] | boolSql == false %}style="display:none;"{% endif %}>
                            {{ inputAdvance('SELECT', {
                                'titre' : 'Objet lié' | trad,
                                'name' : 'OBJET',
                                'optionVide' : true,
                                'textVide' : 'Choisir table' | trad,
                                'listeValue' : linkedObjects,
                                'value' : donnee['OBJET'],
                                'option': action=="edit"? "disabled" : ""
                            }) }}
                        </div>
                        <div class="row defaultHidden" {% if donnee['LIE_A_OBJET'] | boolSql == false %}style="display:none;"{% endif %}>
                            {{ inputAdvance('TEXTE', {
                                'titre' : 'Tag pour merge pour le champ ID' | trad,
                                'name' : 'TAG_MERGE',
                                'value' : donnee['TAG_MERGE'],
                                'option': action=="edit"? "disabled" : ""
                            }) }}
                        </div>
                    </div>
                    
                    <div class="colonne2 last">
                        <div class="row">
                            {{ inputAdvance('SWITCH', {
                                'titre' : 'Donnée liée ?' | trad,
                                'name' : 'LIE_A_OBJET',
                                'value' : donnee['LIE_A_OBJET'],
                                'option': action == "edit"? "disabled" : ""
                            }) }}
                        </div>
                        <div class="row defaultHidden" {% if donnee['LIE_A_OBJET'] | boolSql == false %}style="display:none;"{% endif %}>
                            {{ inputAdvance('TEXTE', {
                                'titre' : 'Nom du champ ID' | trad,
                                'name' : 'NOM_DATA_ID',
                                'value' : donnee['NOM_DATA'],
                                'option': action == "edit"? "disabled" : ""
                            }) }}
                        </div>
                        <div class="row defaultHidden" {% if donnee['LIE_A_OBJET'] | boolSql == false %}style="display:none;"{% endif %}>
                            {{ inputAdvance('TEXTE', {
                                'titre' : 'Nom de la table dans la base infocentre' | trad,
                                'name' : 'CHAMP_NOMSQLDW',
                                'value' : donnee['CHAMP_NOMSQLDW'],
                                'option': action == "edit"? "disabled" : ""
                            }) }}
                        </div>
                        <div class="row defaultHidden" {% if donnee['LIE_A_OBJET'] | boolSql == false %}style="display:none;"{% endif %}>
                            <div class="col-md-6 col-md-offset-6">
                                <p>{{ 'Caractères autorisés : 0-9, A-Z, et « _ » (underscore)' | trad }}</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </form>
        <script type="text/javascript" src="{{ baseUrl('js/Modules/ProjetAchat/calculMotOxaDw.js')~'?cache='~getSession('cache')  }}"></script>
    
        <script>
            $('#input_LIE_A_OBJET').on('change', function (e) {
                $(".defaultHidden").toggle()
            })
    
            $('#input_NOM_DATA').blur(function(){
                calculMotOxadw("{{ path('ProjetAchat.BibliothequeDonnee.ajaxCalculMotOxaDw') }}", $('#input_NOM_DATA').val(), 'T', '#input_NOMSQLDW')
            });
    
    
           $('#input_NOM_DATA_ID').blur(function() {
                calculMotOxadw("{{ path('ProjetAchat.BibliothequeDonnee.ajaxCalculMotOxaDw') }}", $('#input_NOM_DATA_ID').val(), 'D', '#input_CHAMP_NOMSQLDW')
            })

            $('#input_MULTIPLE , #input_LIE_A_OBJET').click(function() {
                if ($(this).is(':checked')== true){
                    $(this).parent().find('.value_switch').text("{{'Oui' | trad}}");
                    
                } else {
                    $(this).parent().find('.value_switch').text("{{'Non' | trad}}");
                }                
            });
        </script>
    	</div>
	</div>
</div>
{% endblock %}