{% extends 'layout.twig' %}

{% block body %}

	<div class="contenu clearfix"  id="export_masse_factures">
	<h1>
    	{{ 'Export en masse des images de facture par fichier excel' | trad }}
    </h1>
    
    {{ ariane() }}

    <div id="export_masse" class="padding15">     
        <form method="POST" id='formulaireGeneral' name='formulaireGeneral' enctype="multipart/form-data" class="bg_form padding_form border_form clearfix" >

            {# <div class="clearfix">
                <div class="colonne3">
                    <div class="row">
                        {{ inputText('Colonne Numéro Facture' | trad, 'COLONNE', post.COLONNE, '', path('Ajax.validator.integer'),"{'nomChamp' : '"~  'Colonne Numéro Facture' | trad |e('js')|raw ~"', 'sizeMin' : '0', 'sizeMax' : '2'}", '', '', '', 'full' ) }}
                    </div>
                </div>
            <div> #}
            <div class="clearfix">
                <div class="single">
                    {{ inputAdvance('FILE', {'name' : 'file', 'format' : 'excel'} ) }}
                </div>
            </div>
        	<center><h4>{{ 'Déposez votre fichier ci-dessus (fichier supporté : xls, xlsx, csv).' | trad }}</h4></center>
        	<center><h4>{{ 'Le fichier attendu doit comporter le N° d\'enregistrement de la facture en 1ère colonne.' | trad }}</h4></center>
            <hr>
    		<button class="button principal button_right" type='button' onClick="exportMasse('{{ path('Facture.ExportMasseViaExcel.ajaxImport') }}');">{{ 'Exporter' | trad }}</button>
        </form>
    </div>

    <script>
        
        function exportMasse(path)
        {
            //jForm.append("COLONNE", $('[name="COLONNE"]').val());
        	activeLoader();
            $.ajax({
            	url : path ,
            	data : jForm,
                mimeType: "multipart/form-data",
                type: 'POST',
                contentType: false,
                cache: false,
                processData: false,
                success: function (data) {            
                    desactiveLoader();
                    $("#modal-content").addClass("modal_small");
                    $("#modal-body").html(data);
                    activePopup();
                },
                error: function (data){
                	desactiveLoader();
                    $("#modal-content").addClass("modal_small");
                    $("#modal-body").html(data.responseText);
                    activePopup();
                }
            });
        };
    </script>
    
{% endblock %}