{% extends "base.html" %}

{% block "content" %}
	{% if transacted %}
		{% if error %}
			<font color="red"><h1>Es ist beim Aufladen ein Fehler aufgetreten.</h1></font>
		{% else %}
			<font color="green"><h1>Du hast Geld aufgeladen.</h1></font>
		{% endif %}
	{% endif %}
	<div style="width:800px"><h1>Konto aufladen</h1>
		<form method="POST" action="/transaction/">
			{% csrf_token %}
			<table width="500px" class="showitem" style="border-width:0px">
				{{ form.as_table }}
				<tr>
					<td>
						&nbsp;
					</td>
					<td>
						<input type="submit" value="Senden">
					</td>
				</tr>
			</table>
		</form>
	</div>

	<div style="width:800px;margin-top:25px"><h1>Vergangene Transaktionen:</h1>
	<table class="showitem" style="border-width:0px">
		{% comment %}
		<tr>
			<th>
				Datum
			</th>
			<th>
				Uhrzeit
			</th>
			<th>
				Betrag
			</th>
			<th>
				Typ
			</th>
			<th>
				Status
			</th>
		</tr>
		{% endcomment %}

		{% for transaction in history %}
			<tr>
				<td>
					{% if forloop.first and transacted %}
						<b>
					{% endif %}
					[ {{ transaction.dateTime|date:"j. M Y" }},
				</td>
				<td>
					{{ transaction.dateTime|date:"H:i" }} Uhr ]
				<td>
					<b>{{ transaction.amount|floatformat:2 }}€</b>
				</td>
				<td>
					durch {{ transaction.transactionType }}
				</td>
				<td>
					{% if not transaction.transactionType.needsCheck or transaction.checked %} 
						 eingegangen
					{% else %}
						<b> aber noch nicht best&auml;tigt </b>
					{% endif %}
				</td>
				{% if forloop.first and transacted %}
					</b>
				{% endif %}
			</tr>
		{% endfor %}
	</table>
	</div>
{% endblock %}
