{% extends "pretixpresale/event/base.html" %}
{% load i18n %}
{% load bootstrap3 %}
{% block title %}{% trans "Order details" %}{% endblock %}
{% block content %}
    <h2>
        {% blocktrans trimmed with code=order.code %}
            Your order: {{ code }}
        {% endblocktrans %}
        {% include "pretixpresale/event/fragment_order_status.html" with order=order class="pull-right" %}
        <div class="clearfix"></div>
    </h2>
    {% if order.status == "n"  %}
        <div class="panel panel-danger">
            <div class="panel-heading">
                <h3 class="panel-title">
                    {% trans "Payment" %}
                </h3>
            </div>
            <div class="panel-body">
                {% if can_retry %}
                    <a href="{% url "presale:event.order.pay" organizer=request.event.organizer.slug event=request.event.slug order=order.code %}"
                       class="btn btn-primary pull-right"><i class="fa fa-money"></i> {% trans "Complete payment" %}</a>
                {% endif %}
                {{ payment }}
                <strong>{% blocktrans trimmed with date=order.expires|date:"SHORT_DATE_FORMAT" %}
                    Please complete your payment before {{ date }}
                {% endblocktrans %}</strong>
                <div class="clearfix"></div>
            </div>
        </div>
    {% endif %}
    {% if order.status == 'p' and event.settings.ticket_download %}
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">{% trans "Ticket download" %}</h3>
            </div>
            <div class="panel-body">
                {% if can_download %}
                    <p>
                        {% blocktrans trimmed %}
                            Please use the buttons below to obtain your ticket. Please have your ticket ready when
                            entering the event.
                        {% endblocktrans %}
                    </p>
                    {% for b in download_buttons %}
                        <a href="{% url "presale:event.order.download" organizer=request.event.organizer.slug event=request.event.slug order=order.code output=b.identifier %}"
                                class="btn btn-primary">
                            <span class="fa {{ b.icon }}"></span> {{ b.text }}
                        </a>
                    {% endfor %}
                {% else %}
                    {% blocktrans trimmed with date=event.settings.ticket_download_date|date:"SHORT_DATE_FORMAT" %}
                        You will be able to download your tickets here on {{ date }}.
                    {% endblocktrans %}
                {% endif %}
            </div>
        </div>
    {% endif %}
    <div class="panel panel-primary cart">
        <div class="panel-heading">
            {% if order.can_modify_answers %}
                <div class="pull-right">
                    <a href="{% url "presale:event.order.modify" organizer=request.event.organizer.slug event=request.event.slug order=order.code %}">
                        <span class="fa fa-edit"></span>
                        {% trans "Change details" %}
                    </a>
                </div>
            {% endif %}
            <h3 class="panel-title">
                {% trans "Ordered items" %}
            </h3>
        </div>
        <div class="panel-body">
            {% include "pretixpresale/event/fragment_cart.html" with cart=cart event=request.event editable=False %}
        </div>
    </div>
    {% if order.status == "n" %}
        <div class="row">
            <div class="col-md-12 text-right">
                <p>
                    <a href="{% url 'presale:event.order.cancel' event=request.event.slug organizer=request.event.organizer.slug order=order.code %}"
                       class="btn btn-danger">
                        <span class="fa fa-remove"></span>
                        {% trans "Cancel order" %}
                    </a>
                </p>
            </div>
        </div>
    {% endif %}
    {% if order.status == "p" and payment %}
        <div class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title">
                    {% trans "Payment" %}
                </h3>
            </div>
            <div class="panel-body">
                {{ payment }}
            </div>
        </div>
    {% endif %}
{% endblock %}