
{% extends 'layout.twig' %}

{% block body %}


       <script> 
            	{% if post.ErreurValid or ErreurValid != '' %}
                    activePopupErreur("{{ path('Ajax.Erreur.popupErreurValid') }}", "{{'Erreur lors de la validation !' | trad }} ", "{{ErreurValid | raw}}");
    		    {% endif %}

    	
	   </script>
	
    <div class="contenu clearfix" id="nouvel-accord-cadre">
    	<h1>{{'Gestion des Evaluations' | trad }}</h1>
                    
        {{ ariane() }}
        
        <h2>{{'Création d\'une campagne' | trad }}</h2>
    	<form method="post" name="form_nouveau-type-achat" id="form_nouveau-type-achat" class="box-form clearfix">

			<input type="hidden" id ="clcheckbox_societe" name="clcheckbox_societe" value="">
				<div class="row single">
                    <label>{{'Libellé' | trad }} :</label>
                        {{ inputText('', 'LIBELLE', post.LIBELLE, '', path('Ajax.validator.isStringAvecEspace'), "{'sizeMin' : '1', 'sizeMax' : '60'}" ) }}
				</div>
                
                <div class="clearfix">
                    <div class="colonne2">
                        <div class="row">
                            <label>{{ 'Périodes' | trad }} * :</label>
                                {{ inputSelect("",'PERIODES', liste_periodes, post.PERIODES ?? 'idType') }}	
                        </div>
                    </div>
                
                    <div class="colonne2 last">
                        <div class="row">
                            <label>{{ 'Type' | trad }}* :</label>
                                {{ inputSelect("",'TYPE', listeType, post.TYPE_FG ?? 'idType') }}	
                        </div>
                    </div>
                </div>



                <div class="single row">

                    <label>{{ 'Description'| trad }}:</label>
                        {{ inputTextarea ('', 'DESCRIPTION', '', '','', "{'sizeMin' : '0', 'sizeMax' : '1000000'}" ) }} 
         
                </div>
	
                <div class="colonne2">
                    <label>{{ 'Toute les sociétés' | trad }} :</label>
                            {{ inputSwitch('', 'P_SOC', 1 , '', 'changeButtonSociete', "{'id' : 'yaya'}", 'Oui', 'Non', 'position: relative;margin-left: 220px;') }}
                    <a id ="selectSoc" style="margin-left: 47px;position:absolute;"href="javascript:void(0)" class="button secondaire " onclick="ajaxPopup ('{{ path('Evaluation.Campagne.popupSociete' ,{'idCampagne' : idCampagne}) }}','Liste des sociétés', 'name', 'name', { 'mode' : 'creation'})">{{'Selection société' | trad}}</a>
                </div>

                <div class="colonne2">
                 

               
                    <fieldset class="scheduler-border" style="width:1729px;">
                    <legend class="scheduler-border">{{'Association' | trad}}</legend>
                    <input type="hidden" name ="nbrLigne"  id ="nbrLigne" value ="{{ nbLigne }}"/>                    
                    <div id = "cloneROW" name ="cloneROW" >
                        <div id = "supprimeMoi">
                            <div class="colonne3">
                                <div class="row">
                                    <label> 1 </label>
                                        {{ inputSelect("",'TABLE_1', 
                                            listeType, post.TABLE ~ '_1' ?? 'idType',
                                            '', '', '' , '', 'testIsSoc',
                                            '[$(\'#input_TABLE_1\').val(), '~'1'~' ]') 
                                        }}	 
                                     {# {{ inputText('', 'TABLE_1', '', 'Table') }}	 #}
                                </div>
                            </div>
                            <div class="colonne3">
                                <div class="row">
                                   {{ inputAdvance('ZOOMADVANCE', 
                                    {
                                        'titre' : '',
                                        'name' : 'SOCIETE_1',
                                        'pahtZoom' : path('Ajax.liste.societe'),
                                        'entity' : 'Societe',
                                        'titleZoom' : 'Liste des sociétés',
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'pathValidator' : path('Ajax.validator.zoom'),
                                        'placeholder' : 'Société',
                                        'myFunction'  : 'sectorOrNot',
                                        'myParams'    : '[$(\'#input_SOCIETE_1\').val(), '~'1'~' ]',
                                        'paramsValidator' : "{'entity' : 'Societe','nomChamp' : 'Société', 'null' : true}",
                                        'value' : post.SOCIETE ~ '_1'
                                    }) }} 
                                </div>
                            </div>
                            <div class= "colonne3 last" id ="zoomDuplic">
                                {# <div class="colonne3 last">
                                    <div class="row">
                                        {{ inputAdvance('ZOOMADVANCE', 
                                            {
                                                'titre' : '',
                                                'name' : 'CENTREANA',
                                                'pahtZoom' : path('Ajax.liste.centreAnalyseUtilisateurAutorise'),
                                                'entity' : 'Centrana',
                                                'titleZoom' : 'Liste Centre d\'Analyse',
                                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                                'convertLibelle' : 'convertLibelleGlobal',
                                                'pathValidator' : path('Ajax.validator.zoom'),
                                                'placeholder' : 'Valeur',
                                                'option' : 'disabled', 
                                                'paramsValidator' : "{'entity' : 'Societe','nomChamp' : 'Société', 'null' : true}",
                                                'value' : post.SOCIETE
                                            }) 
                                            }} 
                                                        
                                    </div>
                                </div> #}
                            </div>
                        </div>
                        <div class="colonne2">
                            <div class="row">
                				<a class="ajouter_blanc_v2 button_v2" style="margin-left: 24px;cursor:pointer;" onclick="cloneRow();"></a>
                            </div>         
                        </div>
                
                    </div>
            </fieldset>
            </div>


		
             <div class="button_right full validation_modal">
                 <button type="submit" class="button principal button_right" >{{'Valider' | trad}}</button>
				 {% if postRetour != '' %}
                 	<a class="button secondaire button_right" onClick="redirectJSWithPost('{{ pathRetour }}', {{ postRetour }} );">{{ 'Annuler'|trad }}</a>
				 {% else %}
				 	<a class="button secondaire button_right" onClick="redirectJSWithPost('{{ pathRetour }}');">{{ 'Annuler'|trad }}</a>
				 {% endif %}
    		</div>
		</form>
    </div>
    <script>

                function changeButtonSociete()
                {

                    if($("#value_switch_P_SOC" ).attr('clicked'))
                    {
                        $("#selectSoc").css('pointer-events', ''); 
                        $("#value_switch_P_SOC" ).removeAttr('clicked'); 
                    }
                    else
                    {
                        $("#value_switch_P_SOC" ).attr('clicked', 'clicked'); 
                        $("#selectSoc" ).css('pointer-events', 'none'); ; 
                    }
                }
                cloneCompt = 1; 

            	function cloneRow() 
                {
                    if($('#text_SOCIETE_'+cloneCompt).val() != '')
                    {
                        
                        $.ajax({
                            url : '{{ path('Evaluation.Association.ajaxDupliquerAssociation' ) }}',
                            type: 'POST',
                            dataType : 'HTML',
                            data: {'id' : cloneCompt },
                            success: function (html) 
                            {

                                if(cloneCompt == 1)
                                {
                                    $('#supprimeMoi').after(html);   
                                }
                                else
                                {
                                    $('#supprimeMoi_'+cloneCompt).after(html);   
                                }
                                cloneCompt ++; 
                            }
                        });
                    }
                }
                function removeById(id)
                {
                    $('#supprimeMoi_'+id).remove(); 
                }
                function sectorOrNot(id_societe, idligne)
                {
                                                   
                      $.ajax({
                        url : '{{ path('Evaluation.Association.isSecto' ) }}',
                        type: 'POST',
                        dataType : 'JSON',
                        data: {'id' : id_societe },
                        success: function (data) 
                        {
                            if(data == '1')
                            {
                                if(idligne == '1')
                                {
                                    $('#text_CENTREANA').prop('disabled', false);  
                                    $('#zoom_CENTREANA').prop('style', false);       
                                }
                                else
                                {
                                    $('#text_CENTREANA_'+idligne).prop('disabled', false);    
                                    $('#zoom_CENTREANA').prop('style', false); 
                                }
                                    
                            }
                            else
                            {
                                if(idligne == '')
                                {
                                    $('#text_CENTREANA').attr('disabled', 'disabled');
                       
                                }
                                else
                                {
                                    $('#text_CENTREANA_'+idligne).attr('disabled', 'disabled'); 
                                       
                                }
                            }

                        }
                    });
                           
                }

            // Fonction qui va nous permettre de changer le contenue d\'un input zoom en fonction du code passer en parametre    
            function testIsSoc(val, idligne)
            {
                {# if(compt<1)
                {
                    if(idligne == 1)
                    {
                        $('#zoomDuplic').remove(); 
                    }
                    else if(idligne < 1)
                    {
                        $('#zoomDuplic_'+idligne).remove();   
                    }
                } #}
 

                $.ajax({
                        url : '{{ path('Evaluation.Association.ajaxDupliquerAssociationInput' ) }}',
                        type: 'POST',
                        dataType : 'HTML',
                        data: {'id' : idligne, 'entity' : val },
                        success: function (html) 
                        {
                            if(idligne == 1)
                            {
                                $('#zoomDuplic').html(html); 
                                  
                            }
                            else if(idligne > 1)
                            {
                                $('#zoomDuplic_'+idligne).html(html);   
                            }

      
                        }
                    });

                {# if(val.substr(0,5) == 'CENTR')
                {
                  
                    if(idligne == '1')
                    {
                        $('#text_CENTREANA').prop('disabled', false); 
                        $('#zoom_CENTREANA').prop('style', false);       
                    }
                    else
                    {

                        $('#text_CENTREANA_'+idligne).prop('disabled', false);    
                        $('#zoom_CENTREANA_'+idligne).prop('style', false);   
                    }
           
                }
                else
                {
                    if(idligne == '1')
                    {
                        $('#text_CENTREANA').attr('disabled', 'disabled');   
                    }
                    else
                    {
                        $('#text_CENTREANA_'+idligne).attr('disabled', 'disabled'); 
                            
                    }
                } #}

            }



    </script>



    <style>
        .value_switch 
        {
            width : 42px!important;
        }

    </style>
{% endblock %}