{% from "_formhelpers.html" import render_field, render_flashed_messages %}
{% extends "base.html" %}

{% block title %}Upload data{% endblock %}

{% block menu_items %}
	<li><a href="{{url_for('homepage')}}">Homepage</a></li>
    <li><a href="{{url_for('view_gables_data')}}">View Gables Data</a></li>
    <li><a href="{{url_for('view_data')}}">View Other Data</a></li>
    <li><a href="{{url_for('about')}}">About Us</a></li>
    <li><a href="{{url_for('contact')}}">Contact Us</a></li>
    <li class="current_page_item"><a href="{{url_for('admin_home')}}">Admin</a></li>
{% endblock %}

{% block content %}
	<div id="wrapper2">
		<div id="welcome" class="container">
			<div class="content" >
				<a href="{{url_for('admin_home')}}"><< Back to admin homepage</a>

				<p style="margin-bottom: 35px;">
					Upload sensor data from a CSV file. Columns should be in the following order from left to right:<br/>{{ columns }}
				</p>

				<form method="post" enctype="multipart/form-data">
					{{ form.hidden_tag() }}
					<div class="columns">
						<div class="column1">{{ render_field(form.location) }}</div>
						<div class="column2">{{ render_field(form.file) }}</div>
					</div>
					<input class="button" type="submit" value="Upload">
				</form>
			</div>

			<div style="margin-top: 25px;">
				{{ render_flashed_messages() }}
			</div>
		</div>
	</div>
{% endblock %}