{% extends "base.html" %}

{% block "content" %}
	<p><a href="/store/">Zur Liste aller Items</a></p>
	{% if item %}
		<table class="showitem" width="40%">
			<tr>
				<td>
					<table width="100%">
						<tr>
							<td colspan="2" align="center">
								<div style="font-size:large">{{ item.name }}</div>
								<img src="{{ MEDIA_URL }}{{ item.image }}">
							</td>
						</tr>
						<tr>
							<th>
								Kategorie{{ item.buyableType.all.count|pluralize:"n"}}:</th>
	        				<td>
								{% for type in item.buyableType.all %}
                					{{ type }} <br/>
	        					{% endfor %}
							</td>
						</tr>
						<tr>
							<th>
								Preis:
							</th>
							<td>
								{{ item.price|floatformat:2 }} € {% if item.hasDeposit %}(+ Pfand {{ item.deposit|floatformat:2 }} €) {% endif %}
							</td>
						</tr>
						<tr>
							<td colspan="2" align="center" style="padding:15px;font-style:italic">
								"{{ item.description }}"
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="100%">
						<tr>
							<td width="33%">
								{% if item.hasDeposit %}
									<a class="button" href="/store/buy/{{ item.id }}/with/deposit/">Kaufen - {{ item.price|floatformat:2 }} € <br/>+ {{ item.deposit|floatformat:2 }} € Pfand</a>
								{% else %}	
									&nbsp;
								{% endif %}
							</td>
							<td width="34%">
								<a class="button" href="/store/buy/{{ item.id }}/">Kaufen - {{ item.price|floatformat:2 }} €<br/>{% if item.hasDeposit %} (Ohne Pfand){% endif %}</a>
							</td>
							<td width="33%">
								{% if item.hasDeposit %}
									<a class="button" href="/store/buy/{{ item.id }}/only/deposit/">Kaufen <br/>nur {{ item.deposit|floatformat:2 }} € Pfand</a>
								{% else %}
									&nbsp;
								{% endif %}
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	{% else %}
		No item found :(
	{% endif %}
{% endblock %}