{% import "includes/macros" as macros %}

{% extends "base" %}

{% block content %}
	<div class="max-w-screen-lg w-full">
		{% if flash %}
			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
		{% endif %}
		<h1 class="h1">Neuer Eintrag</h1>
		<details>
		  <summary>Dirty Thirty</summary>
		  <p>
			<div class="border-r border-l">
				<form action="/ergo/thirty" method="post" enctype="multipart/form-data">
					<label for="user-thirty" class="text-sm text-gray-600">Ergo-Fahrer</label>
					<select name="user" id="user-thirty" class="input">
						{% for user in users %}
							<option value="{{ user.id }}">{{ user.name }}</option>
						{% endfor %}
					</select>
					{{ macros::input(label="Zeit [(hh:)mm:ss]/Distanz [m]", name="result", required=true, type="text", class="input") }}
					<input type="file" name="proof" class="input">
					<input type="submit" value="Speichern" class="btn btn-primary w-full col-span-4 m-auto"/>
				</form>
			</div>
		  </p>
		</details>

		<details>
		  <summary>Dirty Dozen</summary>
		  <p>
			<div class="border-r border-l">
				<form action="/ergo/dozen" method="post" enctype="multipart/form-data">
					<label for="user-dozen" class="text-sm text-gray-600">Ergo-Fahrer</label>
					<select name="user" id="user-dozen" class="input">
						<option disabled="disabled">User auswählen</option>
						{% for user in users %}
							<option value="{{ user.id }}">{{ user.name }}</option>
						{% endfor %}
					</select>
					{{ macros::input(label="Zeit [(hh:)mm:ss]/Distanz [m]", name="result", required=true, type="text", class="input") }}
					<input type="file" name="proof" class="input">
					<input type="submit" value="Speichern" class="btn btn-primary w-full col-span-4 m-auto"/>
				</form>
			</div>
		  </p>
		</details>



		<h1 class="h1">Aktuelle Woche</h1>
		<details>
		  <summary>Dirty Thirty</summary>
		  <p>
			<div class="border-r border-l">
				<ol>
				{% for stat in thirty %}
					<li>{{ stat.name }}: {{ stat.result }}</li>
				{% endfor %}
				</ol>
			</div>
		  </p>
		</details>

		<details>
		  <summary>Dirty Dozen</summary>
		  <p>
			<div class="border-r border-l">
				<ol>
				{% for stat in dozen%}
					<li>{{ stat.name }}: {{ stat.result }}</li>
				{% endfor %}
				</ol>
			</div>
		  </p>
		</details>
	</div>

{% endblock content%}