{% extends "base.html" %}

{% comment %}
# This file is part of k4ever, a point-of-sale system
#   Contact............  <k4ever@lists.someserver.de>
#   Website............  http://k4ever.someserver.de/
#   Bug tracker........  http://k4ever.someserver.de/report
#
# Licensed under GNU Affero General Public License v3 or later
{% endcomment %}

{% load thumbnail %}


{% block "content" %}
	{% if history %}
		<h2>Frühere Einkäufe von {{ user }}</h2>

		<div class="pagination pagination-right">
			<ul>
				{% for page in history.paginator.page_range %}
					<li class="{% if history.number == page %}active{% endif %}"><a href="?page={{ page }}">{{ page }}</a></li>
				{% endfor %}
			</ul>
		</div>

		<table class="table table-striped table-condensed">
			<colgroup>
				<col width="200px" />
			</colgroup>
			<thead class="no-border">
				<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:"j. F Y H:i" }}</td>
						<td>
							<ul class="thumbnails">
							{% for item in order.purchase_set.all %}
								<li rel="tooltip" title="{% if not item.isDeposit %}{{ item.buyable.name }}{% else %}{{ item.buyable.name }} Pfand{% endif %} für {{ item.price|floatformat:2 }} €">
									<div class="thumbnail">
										<img src="{% thumbnail item.buyable.image 32x32 %}" width="32" height="32" alt="{{ item.buyable.name }}" />
									</div>
								</li>
							{% endfor %}
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>

		<div class="pagination pagination-right">
			<ul>
				{% for page in history.paginator.page_range %}
					<li class="{% if history.number == page %}active{% endif %}"><a href="?page={{ page }}">{{ page }}</a></li>
				{% endfor %}
			</ul>
		</div>
	{% else %}
		Es scheint so, als hättest du bisher noch nichts gekauft, {{ user }}.
	{% endif %}
{% endblock %}