{% 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 %}
        {% if order.status == "n" %}
            <span class="label label-warning pull-right">{% trans "Payment pending" %}</span>
        {% elif order.status == "p" %}
            <span class="label label-success pull-right">{% trans "Paid" %}</span>
        {% elif order.status == "e" %}
            <span class="label label-danger pull-right">{% trans "Payment pending" %}</span>
        {% elif order.status == "c" %}
            <span class="label label-danger pull-right">{% trans "Cancelled" %}</span>
        {% elif order.status == "r" %}
            <span class="label label-danger pull-right">{% trans "Refunded" %}</span>
        {% endif %}
    </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">
                {{ payment }}
                <strong>{% blocktrans trimmed with date=order.expires|date %}
                    Please complete your payment before {{ date }}
                {% endblocktrans %}</strong>
            </div>
        </div>
    {% endif %}
    <div class="panel panel-primary cart">
        <div class="panel-heading">
            <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">{% 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 %}