{% extends 'layout.twig' %}

{% block body %}

	<div class="contenu clearfix"  id="ImportBudget">
	<h1>
    	{{ 'Import budgetaire' | trad }}
    </h1>
    
    {{ ariane() }}

    <div id="importBudgetaire" class="padding15">     
        <form method="POST" id='formulaireGeneral' enctype="multipart/form-data" class="box-form clearfix" >

            <div class="clearfix">
                <div class="colonne3">
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE',{
                            'titre' : 'Société' | trad,
                            'name' : 'SOCIETE',
                            'pahtZoom' : path('Ajax.liste.societe'),
                            'paramZoom' : "",
                            'entity' : 'Societe',
                            'titleZoom' : 'Liste des sociétés' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Societe','nomChamp' : 'Société', 'null' : false}",
                            'obligatoire' : true,
                        }) }}
                    </div>
                </div>
                
                <div class="colonne3 ">
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE',{
                            'titre' : 'Période' | trad,
                            'name' : 'PERIODE',
                            'pahtZoom' : path('Ajax.liste.periodes'),
                            'paramZoom' : "",
                            'entity' : 'Periodes',
                            'titleZoom' : 'Liste des période' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Periodes','nomChamp' : 'Période', 'null' : false}",
                            'obligatoire' : true,
                        }) }}
                    </div>
                </div>
                <div class="colonne3 last">
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'titre' : 'Option' | trad,
                            'name' : 'OPTION',
                            'listeValue' : listeOption,
                        }) }}
                    </div>
                </div>
            <div>
            <div class="clearfix">
                <div class="single">
                        {{ inputAdvance('FILE', {'name' : 'file', 'format' : 'excel'} ) }}
                </div>
            </div>
        	<center><h4>{{ 'Déposez votre fichier d\'import budgetaire ci-dessus (fichier supporté : xls, xlsx, csv).' | trad }}</h4></center>
            <hr>
    		<button class="button principal button_right" type='button' onClick="ImportBudget('{{ path('Specifique92.ImportBudget.ajaxImport') }}');">{{ 'Importer' | trad }}</button>
        </form>
    </div>

    <script>
        
        function ImportBudget(path)
        {
            jForm.append("SOCIETE", $('[name="SOCIETE"]').val());
            jForm.append("PERIODE", $('[name="PERIODE"]').val());
            jForm.append("OPTION", $('[name="OPTION"]').val());
        	activeLoader();
            $.ajax({
            	url : path ,
            	data : jForm,
                type: 'POST',
                contentType: false,
                cache: false,
                mimeType: "multipart/form-data",
                processData: false,
                success: function (data) {            
                    desactiveLoader();
                    $("#modal-content").addClass("modal_small");
                    $("#modal-body").html(data);
                    activePopup();
                },
                error: function (data){
                	var data = jQuery.parseJSON(data.responseText);
                	if(data.postGestion){
                		redirectJSWithPost(data.path, data.postGestion);
                	}
                	else{
                		window.location.href = data.path;
                	}
                }
            });
        };
    </script>
    
{% endblock %}