{% 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 exportés depuis l'application TIMES</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, locaux, ou véhicules doivent exister dans la base pour que les contrôles les concernant dans le fichier soient importés.
				</h6>
			   <h6 class="card-text fz17 text-justify" id="import_subtext_2">
						✓&nbsp;&nbsp;&nbsp;&nbsp;Les matériels qui ne sont pas présents dans la base de données, sont créés avant l'importation des contrôles les concernant,
						ainsi que les associations entre matériels et véhicules, locaux ou individus.
				</h6>
			   <h6 class="card-text fz17 text-justify" id="import_subtext_3">
						✓&nbsp;&nbsp;&nbsp;&nbsp;Les contrôles ne peuvent être importés en double (vérification avec la colonne ID du fichier Excel).
				</h6>
			   <h6 class="card-text fz17 text-justify" id="import_subtext_4">
						✓&nbsp;&nbsp;&nbsp;&nbsp;Seuls les contrôles des BO déjà présentes en base peuvent être importés.
				</h6>
			   <h6 class="card-text fz17 text-justify" id="import_subtext_5">
						✓&nbsp;&nbsp;&nbsp;&nbsp;Enfin, Les contrôles sur des matériels déjà
						contrôlés, renseignent le champ histo à «oui» des contrôles déjà effectués afin de gérer l'historique.
				</h6>
			</div>
			<div class="row center">
				<div class="col-6">
			    <form action="#">
			      <div class="file-field input-field">
			        <div class="btn">
			          <span>Fichier Excel TIMES</span>
			          <input type="file" id="fileUpload" onChange="Upload(); ">
			        </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 %}