{% extends "layout.html.twig" %}

{% block content %}

<div class="row" id="interface_import">
	<div class="col-1"></div>
	<div class="card col-10">
	  <div class="card-body">
	    <h5 class="card-title center" id="import_title">Importation des fichiers Excel utilisés par l'application</h5>
	    <h6 class="card-text gras fz18 text-justify" id="import_subtitle">
				Avant l'importation, les données à importer sont comparées avec les données déjà existantes dans la base :
			</h6>
			<div id="card_sub_text">
		    <h6 class="card-text fz17 text-justify" id="import_subtext_1">
				  	✓&nbsp;&nbsp;&nbsp;&nbsp;Les individus et les types de stages doivent exister dans la base pour que les stages réalisés par les agents soient importés.
				</h6>
			   <h6 class="card-text fz17 text-justify" id="import_subtext_2">
						✓&nbsp;&nbsp;&nbsp;&nbsp;Les stages déjà effectués à la même date pour la même personne ne sont pas importés en double.
				</h6>
			   <h6 class="card-text fz17 text-justify" id="import_subtext_2">
						✓&nbsp;&nbsp;&nbsp;&nbsp;Les stages les plus récents remplacent les anciens.
				</h6>
			   <h6 class="card-text fz17 text-justify" id="import_subtext_2">
						✓&nbsp;&nbsp;&nbsp;&nbsp;Les historiques sont supprimés entièrement avant d'être importés.
				</h6>
			</div>
			<div class="row center">
				<div class="col-6">
			    <form action="#">
			      <div class="file-field input-field">
			        <div class="btn">
			          <span>Fichier Excel CAMPUS</span>
			          <input type="file" id="fileUpload-Campus" onChange="Upload('campus', this.id); ">
			        </div>
			        <div class="file-path-wrapper">
			          <input class="file-path validate" type="text">
			        </div>
			      </div>
			    </form>
				</div>
				<div class="col-6">
			    <form action="#">
			      <div class="file-field input-field">
			        <div class="btn">
			          <span>Fichier Excel FORMATION</span>
			          <input type="file" id="fileUpload-Formation" onChange="Upload('formation', this.id); ">
			        </div>
			        <div class="file-path-wrapper">
			          <input class="file-path validate" type="text">
			        </div>
			      </div>
			    </form>
				</div>
			</div>
			<div class="row center">
				<div class="col-6">
			    <form action="#">
			      <div class="file-field input-field">
			        <div class="btn">
			          <span>Fichier Excel des inscriptions</span>
			          <input type="file" id="fileUploadHisto-Formation" onChange="Upload_histo('formation', this.id); ">
			        </div>
			        <div class="file-path-wrapper">
			          <input class="file-path validate" type="text">
			        </div>
			      </div>
			    </form>
				</div>
				<div class="col-6">
			    <form action="#">
			      <div class="file-field input-field">
			        <div class="btn">
			          <span>Fichier Excel des demandes</span>
			          <input type="file" id="fileUploadHisto-Programmation" onChange="Upload_histo('programmation', this.id); ">
			        </div>
			        <div class="file-path-wrapper">
			          <input class="file-path validate" type="text">
			        </div>
			      </div>
			    </form>
				</div>
			</div>
	  </div>
	</div>
	<div class="col-1"></div>
</div>






{% endblock %}