{% extends "pretixpresale/event/base.html" %}
{% load i18n %}
{% load l10n %}
{% load eventurl %}
{% load eventsignal %}
{% load thumbnail %}
{% load rich_text %}
{% block title %}{% trans "Voucher redemption" %}{% endblock %}

{% block content %}
    <h2>{% trans "Voucher redemption" %}</h2>
    <p>
        {% blocktrans trimmed %}
            You entered a voucher code that allows you to buy one of the following products at the specified price:
        {% endblocktrans %}
    </p>
    {% if event.presale_is_running or event.settings.show_items_outside_presale_period %}
        <form method="post" data-asynctask
                action="{% eventurl request.event "presale:event.cart.add" %}?next={{ request.path|urlencode }}">
            {% csrf_token %}
            <input type="hidden" name="_voucher_code" value="{{ voucher.code }}">
            {% for tup in items_by_category %}
                <section>
                    {% if tup.0 %}<h3>{{ tup.0.name }}</h3>{% endif %}
                    {% for item in tup.1 %}
                        {% if item.has_variations %}
                            <div class="item-with-variations">
                                <div class="row-fluid product-row headline">
                                    <div class="col-md-8 col-xs-12">
                                        {% if item.picture %}
                                            <a href="{{ item.picture.url }}" class="productpicture"
                                                    data-title="{{ item.name }}"
                                                    data-lightbox="{{ item.id }}">
                                                <img src="{{ item.picture|thumbnail_url:'productlist' }}"
                                                        alt="{{ item.name }}"/>
                                            </a>
                                        {% endif %}
                                        <strong>{{ item.name }}</strong>
                                        {% if item.description %}
                                            <p>{{ item.description|localize|rich_text }}</p>{% endif %}
                                    </div>
                                    <div class="col-md-2 col-xs-6 price">
                                        {% if item.min_price != item.max_price or item.free_price %}
                                            {% blocktrans trimmed with minprice=item.min_price|floatformat:2 currency=event.currency %}
                                                from {{ currency }} {{ minprice }}
                                            {% endblocktrans %}
                                        {% else %}
                                            {{ event.currency }} {{ item.min_price|floatformat:2 }}
                                        {% endif %}
                                    </div>
                                    <div class="col-md-2 col-xs-6 availability-box">
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="">
                                    {% for var in item.available_variations %}
                                        <div class="row-fluid product-row variation">
                                            <div class="col-md-8 col-xs-12">
                                                {{ var }}
                                            </div>
                                            <div class="col-md-2 col-xs-6 price">
                                                {% if item.free_price %}
                                                    <div class="input-group input-group-price">
                                                        <span class="input-group-addon">{{ event.currency }}</span>
                                                        <input type="number" class="form-control input-item-price"
                                                                placeholder="0"
                                                                min="{{ var.price|stringformat:"0.2f" }}"
                                                                name="price_{{ item.id }}_{{ var.id }}"
                                                                step="any"
                                                                value="{{ var.display_price|stringformat:"0.2f" }}">
                                                    </div>
                                                {% else %}
                                                    {{ event.currency }} {{ var.display_price|floatformat:2 }}
                                                {% endif %}
                                                {% if item.tax_rate and event.settings.display_net_prices %}
                                                    <small>{% blocktrans trimmed with rate=item.tax_rate %}
                                                        <strong>plus</strong> {{ rate }}% taxes
                                                    {% endblocktrans %}</small>
                                                {% elif item.tax_rate %}
                                                    <small>{% blocktrans trimmed with rate=item.tax_rate %}
                                                        incl. {{ rate }}% taxes
                                                    {% endblocktrans %}</small>
                                                {% endif %}
                                            </div>
                                            {% if var.cached_availability.0 == 100 %}
                                                <div class="col-md-2 col-xs-6 availability-box available radio-box">
                                                    <label>
                                                        {% if max_times > 1 %}
                                                            <input type="number" class="form-control input-item-count" placeholder="0" min="0"
                                                                    max="{{ item.order_max }}" name="variation_{{ item.id }}_{{ var.id }}">
                                                        {% else %}
                                                            <input type="radio" name="_voucher_item"
                                                                    {% if options == 1 %}checked="checked"{% endif %}
                                                                    value="variation_{{ item.id }}_{{ var.id }}">
                                                        {% endif %}
                                                    </label>
                                                </div>
                                            {% else %}
                                                {% include "pretixpresale/event/fragment_availability.html" with avail=var.cached_availability.0 %}
                                            {% endif %}
                                            <div class="clearfix"></div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        {% else %}
                            <div class="row-fluid product-row simple">
                                <div class="col-md-8 col-xs-12">
                                    {% if item.picture %}
                                        <a href="{{ item.picture.url }}" class="productpicture"
                                                data-title="{{ item.name }}"
                                                data-lightbox="{{ item.id }}">
                                            <img src="{{ item.picture|thumbnail_url:'productlist' }}"
                                                    alt="{{ item.name }}"/>
                                        </a>
                                    {% endif %}
                                    <strong>{{ item.name }}</strong>
                                    {% if item.description %}
                                        <p class="description">{{ item.description|localize|rich_text }}</p>{% endif %}
                                </div>
                                <div class="col-md-2 col-xs-6 price">
                                    {% if item.free_price %}
                                        <div class="input-group input-group-price">
                                            <span class="input-group-addon">{{ event.currency }}</span>
                                            <input type="number" class="form-control input-item-price" placeholder="0"
                                                    min="{{ item.price|stringformat:"0.2f" }}"
                                                    name="price_{{ item.id }}"
                                                    step="any" value="{{ item.price|stringformat:"0.2f" }}">
                                        </div>
                                    {% else %}
                                        {{ event.currency }} {{ item.price|floatformat:2 }}
                                    {% endif %}
                                    {% if item.tax_rate and event.settings.display_net_prices %}
                                        <small>{% blocktrans trimmed with rate=item.tax_rate %}
                                            <strong>plus</strong> {{ rate }}% taxes
                                        {% endblocktrans %}</small>
                                    {% elif item.tax_rate %}
                                        <small>{% blocktrans trimmed with rate=item.tax_rate %}
                                            incl. {{ rate }}% taxes
                                        {% endblocktrans %}</small>
                                    {% endif %}
                                </div>
                                {% if item.cached_availability.0 == 100 %}
                                    <div class="col-md-2 col-xs-6 availability-box available radio-box">
                                        <label>
                                            {% if max_times > 1 %}
                                                <input type="number" class="form-control input-item-count" placeholder="0" min="0"
                                                        max="{{ item.order_max }}" name="item_{{ item.id }}">
                                            {% else %}
                                                <input type="radio" name="_voucher_item"
                                                        {% if options == 1 %}checked="checked"{% endif %}
                                                        value="item_{{ item.id }}">
                                            {% endif %}
                                        </label>
                                    </div>
                                {% else %}
                                    {% include "pretixpresale/event/fragment_availability.html" with avail=item.cached_availability.0 %}
                                {% endif %}
                                <div class="clearfix"></div>
                            </div>
                        {% endif %}
                    {% endfor %}
                </section>
            {% endfor %}
            {% eventsignal event "pretix.presale.signals.voucher_redeem_info" voucher=voucher %}
            {% if event.presale_is_running %}
                <div class="row-fluid checkout-button-row">
                    <div class="col-md-4 col-md-offset-8 col-xs-12">
                        <button class="btn btn-block btn-primary btn-lg" type="submit">
                            <i class="fa fa-shopping-cart"></i> {% trans "Add to cart" %}
                        </button>
                    </div>
                    <div class="clearfix"></div>
                </div>
            {% endif %}
        </form>
    {% endif %}
{% endblock %}
