<!DOCTYPE html>
<html lang="fr">
	<head>
	    <title>Manche Numérique - Contrôlez vos données</title>
	    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='font-awesome-4.7.0/css/font-awesome.min.css') }}">
		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='jquery-ui/jquery-ui.min.css') }}"/>
		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='DataTables/datatables.min.css') }}"/>
		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='datachecker.css') }}"/>
		 
		<script type="text/javascript" src="{{ url_for('static', filename='jquery-3.3.1.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='jquery-ui/jquery-ui.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='DataTables/datatables.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='datachecker.js') }}"> </script>
	</head>
	
	<body>
		<header>
			<a id="logo" href="\" title="Retour à l'accueil">
				<img src="{{ url_for('static', filename='mn_logo_mini.png') }}" />
			</a>
			<h1>Manche Numérique - Contrôlez vos données</h1>
		</header>
		
		<section id="main">
			<section id="submit-file">
				<form id="submit-form" method="post" action="{{ url_for('report') }}" enctype="multipart/form-data">
			        <label for="dossier">Sélectionnez le fichier à contrôler (Au format <b>.zip</b>)</label>
			        <input type="file" id="dossier" name="dossier" accept="application/zip" />

				    <button type="submit" class="ui-button ui-corner-all ui-widget">Soumettre</button>
					
					<div class="please-wait" style="display:none;">
					  <img src="{{ url_for('static', filename='ajax-loader.gif') }}" /> <i style="margin-left: 10px;">Veuillez patienter, le traitement peut durer plusieurs minutes...</i>
					</div>
			        {%- if validation_error -%}
			        <p class="error">{{ validation_error }}</p>
			        {% endif %}
				</form>
			</section>
		</section>
		
	    <footer>
	    	Manche Numérique, 2018 - <a href="">Contact</a>
    	</footer>
    
	</body>
</html>