{% extends "base.html" %}

{% block "content" %}
	<div style="width:1200px">
		{% if allMostDrinks or allMostSnacks %}
		<table width="100%" class="showitem" style="border-width:0px">
			<tr>
				<td>
					&nbsp;
				</td>
				<td>
					<h1>Die beliebtesten Artikel</h1>
				</td>
				<td>
					<h1>Deine Lieblingsartikel</h1>
				</td>
				<td>
					<h1>Zuletzt hattest du:</h1>
				</td>
			</tr>
			<tr>
				<td style="-moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg)">
					<h1 style="vertical-align:top">Getr&auml;nke</h1>
				</td>
				<td style="vertical-align:top">
					{% if allMostDrinks %}
						<table width=100%>
							{% for buyable in allMostDrinks %}
								<tr>
									<td width="80px">
										<a href="/store/show/{{ buyable.buyable__id }}"><img width=64 height=64 src="{{ MEDIA_URL }}{{ buyable.buyable__image }}"></a>
									</td>
									<td>
										<b>{{ buyable.buyable__name }}</b><br/>({{ buyable.num_buys }} mal)
									</td>
									<td width="150px">
										<a class="button" href="/store/buy/{{ buyable.buyable__id }}">Kaufen
											{% if buyable.buyable__deposit > 0 %}
												(Ohne Pfand)</a>										<a class="button" href="/store/buy/{{ buyable.buyable__id }}/with/deposit">Kaufen (Mit Pfand)</a>
											{% else %}
												</a>
										{% endif %}

									</td>
								</tr>
							{% endfor %}
						</table>
					{% else %}
						Noch keine gekauft.
					{% endif %}
				</td>
				<td style="vertical-align:top">
					{% if usersMostDrinks %}
						<table width=100%>
							{% for buyable in usersMostDrinks %}
								<tr>
									<td width="80px">
										<a href="/store/show/{{ buyable.buyable__id }}"><img width=64 height=64 src="{{ MEDIA_URL }}{{ buyable.buyable__image }}"></a>
									</td>
									<td>
										<b>{{ buyable.buyable__name }}</b><br/> ({{ buyable.num_buys }} mal)
									</td>
									<td width="150px">
										<a class="button" href="/store/buy/{{ buyable.buyable__id }}">Kaufen
											{% if buyable.buyable__deposit > 0 %}
												(Ohne Pfand)</a>										<a class="button" href="/store/buy/{{ buyable.buyable__id }}/with/deposit">Kaufen (Mit Pfand)</a>
											{% else %}
												</a>
										{% endif %}

									</td>
								</tr>
							{% endfor %}
						</table>
					{% else %}
						Noch keine gekauft.
					{% endif %}
				</td>
	<td style="vertical-align:top">
					{% if usersLastDrinks %}
						<table width=100%>
							{% for buyable in usersLastDrinks %}
								<tr>
									<td width="80px">
										<a href="/store/show/{{ buyable.buyable__id }}"><img width=64 height=64 src="{{ MEDIA_URL }}{{ buyable.buyable__image }}"></a>
									</td>
									<td>
										<b>{{ buyable.buyable__name }}</b>
									</td>
									<td width="150px">
										<a class="button" href="/store/buy/{{ buyable.buyable__id }}">Kaufen
											{% if buyable.buyable__deposit > 0 %}
												(Ohne Pfand)</a>										<a class="button" href="/store/buy/{{ buyable.buyable__id }}/with/deposit">Kaufen (Mit Pfand)</a>
											{% else %}
												</a>
										{% endif %}

									</td>
								</tr>
							{% endfor %}
						</table>
					{% else %}
						Noch keine gekauft.
					{% endif %}
				</td>
			</tr>
			<tr>
				<th style="-moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg)">
					<h1>Snacks</h1>
				</th>
				<td style="vertical-align:top">
					{% if allMostSnacks %}
						<table width=100%>
							{% for buyable in allMostSnacks %}
								<tr>
									<td width="80px">
										<a href="/store/show/{{ buyable.buyable__id }}"><img width=64 height=64 src="{{ MEDIA_URL }}{{ buyable.buyable__image }}"></a>
									</td>
									<td>
										<b>{{ buyable.buyable__name }}</b><br/> ({{ buyable.num_buys }} mal)
									</td>
									<td width="150px">
										<a class="button" href="/store/buy/{{ buyable.buyable__id }}">Kaufen
											{% if buyable.buyable__deposit > 0 %}
												(Ohne Pfand)</a>										<a class="button" href="/store/buy/{{ buyable.buyable__id }}/with/deposit">Kaufen (Mit Pfand)</a>
											{% else %}
												</a>
										{% endif %}
									</td>
								</tr>
							{% endfor %}
						</table>
					{% else %}
						Noch keine gekauft.
					{% endif %}
				</td>
				<td style="vertical-align:top">
					{% if usersMostSnacks %}
						<table width=100%>
							{% for buyable in usersMostSnacks %}
								<tr>
									<td width="80px">
										<a href="/store/show/{{ buyable.buyable__id }}"><img width=64 height=64 src="{{ MEDIA_URL }}{{ buyable.buyable__image }}"></a>
									</td>
									<td>
										<b>{{ buyable.buyable__name }}</b><br/> ({{ buyable.num_buys }} mal)
									</td>
									<td width="150px">
										<a class="button" href="/store/buy/{{ buyable.buyable__id }}">Kaufen
											{% if buyable.buyable__deposit > 0 %}
												(Ohne Pfand)</a>										<a class="button" href="/store/buy/{{ buyable.buyable__id }}/with/deposit">Kaufen (Mit Pfand)</a>
											{% else %}
												</a>
										{% endif %}
									</td>
								</tr>
							{% endfor %}
						</table>
					{% else %}
						Noch keine gekauft.
					{% endif %}
				</td>
				<td style="vertical-align:top">
					{% if usersLastSnacks %}
						<table width=100%>
							{% for buyable in usersLastSnacks %}
								<tr>
									<td width="80px">
										<a href="/store/show/{{ buyable.buyable__id }}"><img width=64 height=64 src="{{ MEDIA_URL }}{{ buyable.buyable__image }}"></a>
									</td>
									<td>
										<b>{{ buyable.buyable__name }}</b>
									</td>
									<td width="150px">
										<a class="button" href="/store/buy/{{ buyable.buyable__id }}">Kaufen
											{% if buyable.buyable__deposit > 0 %}
												(Ohne Pfand)</a>										<a class="button" href="/store/buy/{{ buyable.buyable__id }}/with/deposit">Kaufen (Mit Pfand)</a>
											{% else %}
												</a>
										{% endif %}
									</td>
								</tr>
							{% endfor %}
						</table>
					{% else %}
						Noch keine gekauft.
					{% endif %}
				</td>
			</tr>
		</table>
	{% else %}
		{{ error }}
		Es hat scheinbar noch niemand etwas gekauft. <a href="/store/">Sei der Erste!</a>
	{% endif %}
	</div>

	{% comment %}
	<div style="width:800px">
		{% if usersMostSnacks or usersMostDrinks %}
		<h1>Deine Lieblingsartikel</h1>
		<table class="showitem" width="100%" style="border-width:0px">
			<tr>
				<th width="50%">
					Getr&auml;nke
				</th>
				<th width="50%">
					Snacks
				</th>
			</tr>
			<tr>
						</tr>
		</table>
	{% else %}
		{{ error }}
		Wie es aussieht, hast du noch nichts gekauft. <a href="/store/">Das kannst du &auml;ndern!</a>
	{% endif %}
	</div>
<div style="width:800px">
		{% if usersLastSnacks or usersLastDrinks %}
		<h1>Du hattest als letztes:</h1>
		<table class="showitem" width="100%" style="border-width:0px">
			<tr>
				<th width="50%">
					Getr&auml;nke
				</th>
				<th width="50%">
					Snacks
				</th>
			</tr>
			<tr>
						</tr>
		</table>
	{% else %}
		{{ error }}
	{% endif %}
	</div>
	{% endcomment %}
{% endblock %}