{% extends "pretixpresale/organizers/customer_base.html" %}
{% load i18n %}
{% load eventurl %}
{% load urlreplace %}
{% load money %}
{% load bootstrap3 %}
{% block title %}{% trans "Your account" %}{% endblock %}
{% block inner %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">
                <span class="fa fa-id-badge" aria-hidden="true"></span> <b>{% trans "Memberships" %}</b> ({{ page_obj.paginator.count }})
            </h3>
        </div>
        <div class="panel-body">
            {% if memberships %}
                <ol class="full-width-list alternating-rows">
                    {% for m in memberships %}
                    <li class="row">
                        <dl>
                            <dt>{% trans "Membership type" %}</dt>
                            <dd>
                                {% if m.canceled %}<del>{% endif %}
                                {{ m.membership_type.name }}
                                {% if m.canceled %}</del>{% endif %}
                                {% if m.testmode %}<span class="label label-warning">{% trans "TEST MODE" %}</span>{% endif %}
                            </dd>
                            <dt>{% trans "Valid from" %}</dt>
                            <dd>{{ m.date_start|date:"SHORT_DATETIME_FORMAT" }}</dd>
                            <dt>{% trans "Valid until" %}</dt>
                            <dd>{{ m.date_end|date:"SHORT_DATETIME_FORMAT" }}</dd>
                            <dt>{% trans "Attendee name" %}</dt>
                            <dd>{{ m.attendee_name }}</dd>
                            <dt>{% trans "Usages" %}</dt>
                            <dd>
                                <div class="quotabox">
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-success progress-bar-{{ m.percent }}">
                                        </div>
                                    </div>
                                    <div class="numbers">
                                        {{ m.usages }} /
                                        {{ m.membership_type.max_usages|default_if_none:"∞" }}
                                    </div>
                                </div>
                            </dd>
                            <dt class="sr-only">{% trans "Actions" %}</dt>
                            <dd class="text-right">
                                <a href="{% abseventurl o.event "presale:event.order" order=o.code secret=o.secret %}"
                               target="_blank">
                                <span class="fa fa-list-ul" aria-hidden="true"></span>
                                {% trans "Details" %}
                            </a></dd>
                        </dl>

                        <dl>
                            <div class="col-md-4 col-sm-5 col-xs-8">
                                <dt class="sr-only">{% trans "Order" %}</dt>
                                <dd><strong>
                                        <a href="{% abseventurl o.event "presale:event.order" order=o.code secret=o.secret %}" target="_blank">
                                            <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                                            {{ o.code }}</a>
                                    </strong>
                                    {% if o.customer_id != customer.pk %}
                                        <span class="fa fa-compress text-muted"
                                              data-toggle="tooltip"
                                              title="{% trans "Matched to the account based on the email address." %}"
                                        ></span>
                                    {% endif %}
                                    <small>{% include "pretixpresale/event/fragment_order_status.html" with order=o event=o.event %}</small>
                                </dd>
                                <dd><time datetime="{{ o.datetime|date:"Y-m-d H:i" }}" class="text-muted small">{{ o.datetime|date:"SHORT_DATETIME_FORMAT" }}</time></dd>
                                {% if o.testmode and False %}
                                    <dd><span class="label label-warning">{% trans "TEST MODE" %}</span></dd>
                                {% endif %}
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-4 text-right">
                                <dt class="sr-only">{% trans "Order total" %}</dt>
                                <dd>{{ o.total|money:o.event.currency }}</dd>
                                <dt class="sr-only">{% trans "Positions" %}</dt>
                                <dd class="text-muted"><small>{% blocktranslate count counter=o.count_positions|default_if_none:0 %}{{ counter }} item{% plural %}{{ counter }} items{% endblocktranslate %}</small>
                                </dd>
                            </div>
                            <div class="col-md-4 col-sm-3 col-xs-8">
                                <dt class="sr-only">{% trans "Event" %}</dt>
                                <dd>
                                    {{ o.event }}
                                    {% if not o.event.has_subevents and o.event.settings.show_dates_on_frontpage %}
                                        <br><small class="text-muted">{{ o.event.get_date_range_display }}</small>
                                    {% endif %}
                                </dd>
                            </div>
                            <div class="col-sm-2 col-xs-4">
                                <dt class="sr-only">{% trans "Actions" %}</dt>
                                <dd class="text-right">
                                    <a href="{% abseventurl request.organizer "presale:organizer.customer.membership" id=m.id %}"
                                   target="_blank">
                                    <span class="fa fa-list-ul" aria-hidden="true"></span>
                                    {% trans "Details" %}
                                </a></dd>
                            </div>
                        </dl>
                    </li>
                    {% endfor %}
                </ol>
            {% else %}
                <p class="text-center">{% trans "You don’t have any memberships in your account yet." %}</p>
            {% endif %}
        </div>
    </div>
    {% include "pretixcontrol/pagination.html" %}
{% endblock %}