{% 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>
                            <div class="col-xs-5">
                                <dt>
                                    {% if m.canceled %}<del>{% endif %}
                                    {{ m.membership_type.name }}
                                    {% if m.membership_type.transferable %}
                                        <span class="text-muted fa fa-users" aria-hidden="true" title="{% trans "Membership is transferable" %}"></span>
                                    {% endif %}
                                    {% if m.canceled %}</del>
                                        <small>
                                            <span class="text-blob-danger">
                                                <i class="status-dot fa fa-times" aria-hidden="true"></i> {% trans "Canceled" %}
                                            </span>
                                        </small>
                                    {% endif %}
                                    {% if m.testmode %}<span class="label label-warning">{% trans "TEST MODE" %}</span>{% endif %}
                                </dt>
                                <dd class="text-muted">
                                {% if not m.membership_type.transferable %}
                                    <span class="fa fa-id-badge" aria-hidden="true"></span>
                                {% endif %}
                                {{ m.attendee_name|default_if_none:"" }}</dd>
                            
                                <dd class="text-muted"><small>{% trans "Valid from" %} {{ m.date_start|date:"SHORT_DATETIME_FORMAT" }}</small></dd>
                                <dd class="text-muted"><small>{% trans "Valid until" %} {{ m.date_end|date:"SHORT_DATETIME_FORMAT" }}</small></dd>
                            </div>
                            <div class="col-xs-5">
                                <dd>
                                    <div class="quotabox full-width">
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success progress-bar-{{ m.percentage_used }}">
                                            </div>
                                        </div>
                                        <div class="numbers">
                                            {{ m.usages }} /
                                            {{ m.membership_type.max_usages|default_if_none:"∞" }}
                                        </div>
                                    </div>
                                </dd>
                            </div>
                            <div class="col-xs-2">
                                <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 %}