{% 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 %}
	<h2>Konto aufladen</h2>
	<form method="POST" class="transaction" action="/transaction/">
		{% csrf_token %}
		{{ form.as_table }}
		<input type="submit" class="button" value="Einzahlen">
	</form>

	<h3>Kontodaten:</h3>
	<table>
		<tr>
			<td>Konto-Inhaber:</td> <td>Alexander Eichner</td>
		</tr>
		<tr>
			<td>Konto-No.::</td>  <td>3854536</td>
		</tr>
		<tr>
			<td>BLZ:</td>	<td>20041155</td>
		</tr>
		<tr>
			<td><b>Betreff:</b></td>	<td><b>{{ user.username }}</b></td>
		</tr>
	</table>

	<h2>Vergangene Transaktionen</h2>
	<table class="textData">
		<thead>
			<tr>
				<th>Datum</th>
				<th>Uhrzeit</th>
				<th>Betrag</th>
				<th>Typ</th>
				<th>Status</th>
			</tr>
		</thead>

		<tbody>
			{% for transaction in history %}
				<tr>
					<td>{{ transaction.dateTime|date:"j. F Y" }}</td>
					<td>{{ transaction.dateTime|date:"H:i" }} Uhr</td>
					<td>{{ transaction.amount|floatformat:2 }}€</td>
					<td>{{ transaction.transactionType }}</td>
					<td>
						{% if not transaction.transactionType.needsCheck or transaction.checked %} 
							<span class="icon approved" title="Zahlung eingegangen">Zahlung eingegangen</span>
						{% else %}
							<span class="icon pending" title="Zahlungsbestätigung steht noch aus">Zahlungsbestätigung steht noch aus</span>
						{% endif %}
					</td>
				</tr>
			{% endfor %}
		</tbody>

		<tfoot>
			<tr>
				<th>Datum</th>
				<th>Uhrzeit</th>
				<th>Betrag</th>
				<th>Typ</th>
				<th>Status</th>
			</tr>
		</tfoot>
	</table>
{% endblock %}