{% extends "base.html" %}

{% block "content" %}
	{% if history %}
		<h1>Fr&uuml;here Eink&auml;ufe von {{ user }}</h1>
		<div class="pagination" style="width:800px; text-align:center; margin-top:25px">
			<table width="100%">
				<tr>
					<td width="33%">
						{% if history.has_previous %}
							<a href="?page={{ history.previous_page_number }}">Vorherige Seite</a>
						{% else %}&nbsp;
						{% endif %}
					</td>
					<td width="34%">
						<span class="current">
							Seite {{ history.number }} von {{ history.paginator.num_pages }}
						</span>
					</td>
					<td width="34%">
						{% if history.has_next %}
							<a href="?page={{ history.next_page_number }}">N&auml;chste Seite</a>
						{% else %}&nbsp;
						{% endif %}
					</td>
				</tr>
			</table>
		</div>
	<table width="800px" class="details">
			<thead>
				<tr>
					<th>Buchung</th>
					<th>Einkauf</th>
				</tr>
			</thead>
			<tfoot>
				<tr>
					<th>Buchung</th>
					<th>Einkauf</th>
				</tr>
			</tfoot>
			<tbody>
		{% for order in history.object_list %}
				<tr>
					<td>
						{{ order.dateTime|date:"Y-m-d H:i" }}
					</td>
					<td>
						<ul>
						{% for item in order.purchase_set.all %}
							<li>
								<strong>{{ item.buyable.name }}{% if item.isDeposit %} Pfand{% endif %}</strong>
								zu {{ item.price|floatformat:2 }} €
							</li>
						{% endfor %}
						</ul>
					</td>
				</tr>
		{% endfor %}
		</table>		
		<div class="pagination" style="width:800px; text-align:center; margin-top:25px">
			<table width="100%">
				<tr>
					<td width="33%">
						{% if history.has_previous %}
							<a href="?page={{ history.previous_page_number }}">Vorherige Seite</a>
						{% else %}&nbsp;
						{% endif %}
					</td>
					<td width="34%">
						<span class="current">
							Seite {{ history.number }} von {{ history.paginator.num_pages }}
						</span>
					</td>
					<td width="34%">
						{% if history.has_next %}
							<a href="?page={{ history.next_page_number }}">N&auml;chste Seite</a>
						{% else %}&nbsp;
						{% endif %}
					</td>
				</tr>
			</table>
		</div>

	{% else %}
		{{ error }}
		Es scheint so, als h&auml;ttest du bisher noch nichts gekauft, {{ user }}.
	{% endif %}
{% endblock %}