{% extends "pretixpresale/event/base.html" %}
{% load i18n %}
{% load bootstrap3 %}
{% load eventurl %}
{% block title %}{% trans "Order details" %}{% endblock %}
{% block content %}
    {% if "thanks" in request.GET or "paid" in request.GET %}
        <div class="thank-you">
            <span class="fa fa-check-circle"></span>

            <h2>{% trans "Thank you!" %}</h2>
            {% if order.status != 'p' %}
                <p>{% trans "Your order has been placed successfully. See below for details." %}</p>
            {% else %}
                <p>{% trans "We successfully received your payment. See below for details." %}</p>
            {% endif %}
            <p>{% trans "We also sent you an email with a link to this page if you want to come back later." %}</p>
        </div>
    {% endif %}
    <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="{% eventurl event "presale:event.order.pay" secret=order.secret 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="{% eventurl event "presale:event.order.download" secret=order.secret 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="{% eventurl event "presale:event.order.modify" secret=order.secret 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>
    <div class="row">
        {% if invoices %}
            <div class="col-xs-12 {% if request.event.settings.invoice_address_asked %}col-md-6{% endif %}">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            {% trans "Invoices" %}
                        </h3>
                    </div>
                    <div class="panel-body">
                        <ul>
                            {% for i in invoices %}
                                <li>
                                    <a href="{% eventurl event "presale:event.invoice.download" invoice=i.pk secret=order.secret order=order.code %}">
                                        {% if i.is_cancellation %}{% trans "Cancellation" %}{% else %}{% trans "Invoice" %}{% endif %}
                                        {{ i.number }}</a> ({{ i.date|date:"SHORT_DATE_FORMAT" }})
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>
        {% endif %}
        {% if request.event.settings.invoice_address_asked %}
            <div class="col-xs-12 {% if invoices %}col-md-6{% endif %}">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        {% if order.can_modify_answers %}
                            <div class="pull-right">
                                <a href="{% eventurl event "presale:event.order.modify" secret=order.secret order=order.code %}">
                                    <span class="fa fa-edit"></span>
                                    {% trans "Change details" %}
                                </a>
                            </div>
                        {% endif %}
                        <h3 class="panel-title">
                            {% trans "Invoice information" %}
                        </h3>
                    </div>
                    <div class="panel-body">
                        <dl class="dl-horizontal">
                            <dt>{% trans "Company" %}</dt>
                            <dd>{{ order.invoice_address.company }}</dd>
                            <dt>{% trans "Name" %}</dt>
                            <dd>{{ order.invoice_address.name }}</dd>
                            <dt>{% trans "Address" %}</dt>
                            <dd>{{ order.invoice_address.street|linebreaksbr }}</dd>
                            <dt>{% trans "ZIP code and city" %}</dt>
                            <dd>{{ order.invoice_address.zipcode }} {{ addr.city }}</dd>
                            <dt>{% trans "Country" %}</dt>
                            <dd>{{ order.invoice_address.country }}</dd>
                            <dt>{% trans "Phone" %}</dt>
                            <dd>{{ order.invoice_address.phone }}</dd>
                            {% if request.event.settings.invoice_address_vatid %}
                                <dt>{% trans "VAT ID" %}</dt>
                                <dd>{{ order.invoice_address.vat_id }}</dd>
                            {% endif %}
                        </dl>
                    </div>
                </div>
            </div>
        {% endif %}
        <div class="clearfix"></div>
    </div>
    {% if order.status == "n" %}
        <div class="row">
            <div class="col-md-12 text-right">
                <p>
                    <a href="{% eventurl event 'presale:event.order.cancel' secret=order.secret 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 %}