<div id="div_data_externe">

   <h3>
        {{ 'Ajouter une donnée a l\'action' | trad }}
	    <a class="principal button button_right"  style="margin-top:-10px" onClick="sendData('{{ path('ProjetAchat.ActionData.validateData', {typeObjet:typeObjet,idObjet:idObjet,idTasks:idTasks, idAction: idAction}) }}');">{{ 'Suivant' | trad }}</a> 
	    <a class="secondaire button button_right" style="margin-top:-10px" onClick="triggerTab('dataAction');">{{ 'Annuler' | trad }}</a>
   </h3>

	<form method="post" id="formActionData" name="formActionData">
    	<div class="cleafix">
    		<div class="colonne row">
    			{{ inputAdvance('SELECT',{
    			    'name' : 'CAT', 
    			    'titre' : 'Catégorie' | trad,
    			    'listeValue' : listeCategorie,
    			    'optionVide' : true,
    			    'obligatoire' : true,
    			}) }}
			</div>
			<div class="colonne row" id="generateInput">
			</div>
		</div>
	</form>
	
    <script>
    	$('#input_CAT').change(function(){
    		var valueInput = $(this).val();

        	$.ajax({
    		  	dataType : 'html',
        		url: '{{ path('ProjetAchat.ActionData.generateInput', {typeObjet:typeObjet,idObjet:idObjet,idTasks:idTasks, idAction: idAction}) }}',
        		data: {'categorie' : valueInput},
        		type: "POST",
        		success: function(result){
					$('#generateInput').html(result);
        		}
    		});
		});
		
		function sendData(path)
		{
			activeLoader();
            $.ajax({
                dataType : 'html',
                url: path,
                type: "POST",
                data: $('#formActionData').serialize(),
                success: function(result){
                    var data = jQuery.parseJSON(result);
                    
                    if(data.statut == 'O')
                    {
                    	$('#DivActionModulable2').html(data.content);
                    	$('#onglet_DivActionModulable2').show();
                    	$('#onglet_DivActionModulable2').find('a').html('{{ 'Gestion donnée' | trad }}');
                    	$('#onglet_DivActionModulable2').find('a').trigger('click');
                    	desactiveLoader();
                    }
                    else
                    {
                    	desactiveLoader();
                        $("#modal-content").addClass("modal_small");
                		$("#modal-body").html(data.content);
                        activePopup();
                    }
                }
            });		
		}
	</script>
	
</div>