{% extends "base/generalDocument.vin" %}

{% set documentTitle = 'Preisliste' %}
{% set headerHeight = 30 %}
{% set footerHeight = 15 %}
{% set drawPageNumbers = true %}

{% set pricelist = data %}

{% block styles %}
	header {
		text-align: center;
	}
	.customer-logo {
		max-height: 25mm;
		max-width: 70mm;
		width: auto;
		height: auto;
	}

	#header-image {
		display: block;
		width: 180mm;
		height: auto;
		margin: 0 0 5mm 0;
	}

	#title {
		text-align: center;
		font-weight: 500;
		margin: 0;
	}

	#description {
		display: block;
		font-size: 4mm;
		line-height: 5mm;
		text-align: center;
		width: 100mm;
		margin: 3mm 40mm;
	}

	.category {
		page-break-inside: avoid;
	}

	.item-list-wrap {
		background-color: #f9f9f9;
		padding: 3mm 4mm;
		margin: 0;
	}

	table.item-list {
		position: relative;
		width: 172mm;
		margin: 0;
		border-spacing: 0;
		border-collapse: collapse;
		page-break-before: avoid;
		border: 0mm solid black;
	}

	.item-list th,
	.item-list td {
		position: relative;
		padding: 1mm 0;
		line-height: 1;
		vertical-align: top;
		border: 0mm solid black;
	}

	.item-list .last th,
	.item-list .last td {
		padding: 0;
	}

	.item-list th {
		font-size: 3mm;
		line-height: 4mm;
		font-weight: 500;
		padding: 0 0 0 0;
	}

	.item-list span.main,
	.item-list span.sub {
		display: block;
	}

	.item-list span.main {
		font-size: 4mm;
		line-height: 5mm;
		font-weight: 500;
		margin-bottom: 0.5mm;
	}

	.black {
		color: black;
	}

	.item-list span.sub {
		font-size: 3mm;
		line-height: 3.25mm;
	}

	.item-list span.sub-item {
		padding-right: 5mm;
		display: inline-block;
		font-size: 3mm;
		line-height: 3.25mm;
		vertical-align: top;
	}

	.item-list span.sub-item.small {
		width: 20mm;
		padding-right: 0;
	}

	.item-list span.sub-item.content-list {
		display: block;
		font-size: 3mm;
		line-height: 3.25mm;
		padding-right: 0;
	}

	.item-list .articlenumber {
		width: 30mm;
	}

	.item-list .name {
		width: 112mm;
	}

	.item-list .price {
		width: 30mm;
		text-align: right;
	}

	.price-hint {
		display: block;
		text-align: right;
		font-size: 2.75mm;
		line-height: 3.25mm;
		color: rgb(99,99,99);
		margin: 1mm 0 2mm 0;
		font-style: italic;
	}

	.qrcode {
		position: absolute;
		right: -0.5mm;
		top: 0;
	}

	.qrcode img {
		width: 15mm;
		height: 15mm;
	}

	.company-info {
		position: absolute;
		left: 0mm;
		top: 0mm;
		width: 80mm;
		text-align: left;
		height: 15mm;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}

	.company-info p {
		font-size: 3mm;
		line-height: 3.6mm;
		padding: 0;
		margin: 0;
	}


{% endblock %}

{% block header %}
	<img src="{{DOC}}{{pricelist.customer.image|replace({'/images/':''})}}" height="50" class="customer-logo"/>
{% endblock %}

{% block content %}
	{% if pricelist.image %}
		<img id="header-image" src="{{DOC}}{{pricelist.image}}" />
	{% endif %}
	<h1 id="title">{{pricelist.name}}</h1>
	{% if pricelist.description %}
		<p id="description">{{pricelist.description|nl2br}}</p>
	{% endif %}

	{% for category in pricelist.categories %}

		{% if 'wine' in pricelist.item_types and category.wines %}
			{% set items = category.wines %}
		{% else %}
			{% set items = [] %}
		{% endif %}

		{% if 'product' in pricelist.item_types and category.products %}
			{% set items = items|merge(category.products) %}
		{% endif %}

		{% if 'bundle' in pricelist.item_types and category.bundles %}
			{% set items = items|merge(category.bundles) %}
		{% endif %}

		<div class="category">
			<h3>{{category.name}}</h3>
			{% if category.description %}
				<p>{{category.description}}</p>
			{% endif %}
			<div class="item-list-wrap">
				<table border="0" cellpadding="0" cellspacing="0" class="item-list">
					<tr>
						<th class="articlenumber orange">Nummer</th>
						<th class="name orange">Artikel</th>
						<th class="price orange">Preis</th>
					</tr>
					{% for item in items %}
						<tr class="{% if loop.index.isFirst %} first{% endif %}{% if loop.index.isLast %} last{% endif %}">
							<td class="articlenumber">
								<span class="main">{{item.articlenumber}}</span></td>
							<td class="name">
								<span class="main black">{% if item.vintage > 0 %}{{item.vintage}} {% endif %}{{item.name}}{% if item.taste_id > 0 %} {{ ('tastes.' ~ item.taste_id)|translate }}{% endif %}</span>
								<span class="sub">
									{% if item.allergenIds %}
										<span class="sub-item content-list">{{'wine.field.allergens.label' | translate}}: {% for allergen in item.allergenIds %}{{ ('allergens.' ~ allergen ~ '.name')|translate }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
									{% endif %}
									{% if item.bottlesize > 0 %}
										<span class="sub-item small">F: {{ item.bottlesize|number_format(3, ',', '.')|trim('0', 'right')|trim(',', 'right') }} l</span>
									{% endif %}
									{% if item.alcohol > 0 %}
										<span class="sub-item small">A: {{ item.alcohol|number_format(1, ',', '.')|trim('0', 'right')|trim(',', 'right') }} % Vol.</span>
									{% endif %}
									{% if item.sweetness > 0 %}
										<span class="sub-item small">RZ: {{ item.sweetness|number_format(1, ',', '.')|trim('0', 'right')|trim(',', 'right') }} g/l</span>
									{% endif %}
									{% if item.acid > 0 %}
										<span class="sub-item small">S: {{ item.acid|number_format(1, ',', '.')|trim('0', 'right')|trim(',', 'right') }} g/l</span>
									{% endif %}
									{% if item.size > 0 %}
										<span class="sub-item small">Menge: {{ item.size|number_format(3, ',', '.')|trim('0', 'right')|trim(',', 'right') }} {{('units.' ~ item.unit)|translate }}</span>
									{% endif %}
									{% if item.items %}
										<span class="sub-item content-list">
											{% for bundleItem in item.items %}{% if loop.index > 1 %}, {% endif %}{{bundleItem.quantity}}x {% if bundleItem.item.vintage > 0 %}{{bundleItem.item.vintage}} {% endif %}{{bundleItem.item.name}}{% endfor %}
										</span>
									{% endif %}
								</span>
							</td>
							<td class="price">
								<span class="main black">
									{% if pricelist.price_range_id and item.prices|first %}
										{% set price = item.prices|first %}
										{% if pricelist.price_type == 'gross' %}
											{{price.gross|number_format('2', ',', '.')}} EUR
										{% else %}
											{{price.net|number_format('2', ',', '.')}} EUR
										{% endif %}
									{% else %}
										{% if pricelist.price_type == 'gross' %}
											{{item.gross|number_format('2', ',', '.')}} EUR
										{% else %}
											{{item.net|number_format('2', ',', '.')}} EUR
										{% endif %}
									{% endif %}
								</span>
								<span class="sub">
									{% if pricelist.price_type == 'gross' %}
										{% if item.bottlesize > 0 %}
											{% if item.prices|first %}
												{% set factor = (item.prices|first).gross / item.gross %}
												<span class="sub">{{(item.baseprice_gross * factor)|basePrice('l')}} {{ 'units.l'|translate }} </span>
											{% else %}
												<span class="sub">{{item.baseprice_gross|basePrice('l')}} {{ 'units.l'|translate }} </span>
											{% endif %}
										{% elseif item.baseprice_gross > 0 %}
											<span class="sub">{{item.baseprice_gross|basePrice(item.unit)}} {{('units.' ~ item.unit)|translate }} </span>
										{% endif %}
									{% else %}
										{% if item.bottlesize > 0 %}
											{% if item.prices|first %}
												{% set factor = (item.prices|first).net / item.net %}
												<span class="sub">{{(item.baseprice_net * factor)|basePrice('l')}} {{ 'units.l'|translate }} </span>
											{% else %}
												<span class="sub">{{item.baseprice_net|basePrice('l')}} {{ 'units.l'|translate }} </span>
											{% endif %}
										{% elseif item.baseprice_net > 0 %}
											<span class="sub">{{item.baseprice_net|basePrice(item.unit)}} {{('units.' ~ item.unit)|translate }} </span>
										{% endif %}
									{% endif %}

								</span>
							</td>
						</tr>
					{% endfor %}
				</table>
			</div>
			{% if pricelist.price_type == 'gross' %}
				<p class="price-hint">Alle Preise verstehen sich als Brutto-Preise inklusive der gesetzlichen Mehrwertsteuer.</p>
			{% else %}
				<p class="price-hint">Alle Preise verstehen sich als Netto-Preise zzgl. der gesetzlichen Mehrwertsteuer.</p>
			{% endif %}
		</div>

	{% endfor %}
{% endblock %}

{% block footer %}
	<div class="company-info">
		<p>
			{{pricelist.customer.company}}<br>
			{{pricelist.customer.address}} &bull; {{pricelist.customer.zip}} {{pricelist.customer.city}}<br>
			{{'customer.fields.phone' | translate}}: {{pricelist.customer.phone}} &bull; {{'customer.fields.mail' | translate}}: {{pricelist.customer.mail}}
		</p>
	</div>
	<div class="qrcode">
		{% set qrcode = pricelist.qrcodes|first %}
		{% if qrcode %}
			<img src="{{DOC}}{{pricelist.customers_id}}/QRCodes/Catalogs/{{pricelist.id}}/{{qrcode.hash}}.png" width="60" height="60"/>
		{% endif %}
	</div>
{% endblock %}