{% extends "pretixcontrol/items/base.html" %}
{% load i18n %}
{% load bootstrap3 %}
{% block title %}{% blocktrans with name=quota.name %}Quota: {{ name }}{% endblocktrans %}{% endblock %}
{% block inside %}
    <h1>
        {% blocktrans with name=quota.name %}Quota: {{ name }}{% endblocktrans %}
        {% if request.eventperm.can_change_quotas %}
            <a href="{% url "control:event.items.quotas.edit" event=request.event.slug organizer=request.event.organizer.slug quota=quota.pk %}"
                    class="btn btn-default">
                <span class="fa fa-edit"></span>
                {% trans "Edit quota" %}
            </a>
        {% endif %}
    </h1>
    <div class="row" id="quota-stats">
        <div class="col-md-6 col-xs-12">
            <legend>{% trans "Usage overview" %}</legend>
            <div class="chart" id="quota_chart">

            </div>
            <script type="application/json" id="quota-chart-data">{{ quota_chart_data|safe }}</script>
        </div>
        <div class="col-md-6 col-xs-12">
            <legend>{% trans "Availability calculation" %}</legend>

            <div class="row">
                <div class="col-xs-9">{% trans "Total quota" %}</div>
                <div class="col-xs-3 text-right">
                    {% if quota.size == None %}{% trans "Infinite" %}{% else %}{{ quota.size }}{% endif %}
                </div>
            </div>
            <div class="row">
                <div class="col-xs-9">{% trans "Paid orders" %}</div>
                <div class="col-xs-3 text-right"> – {{ quota.count_paid_orders }}</div>
            </div>
            <div class="row">
                <div class="col-xs-9">{% trans "Pending orders" %}</div>
                <div class="col-xs-3 text-right"> – {{ quota.count_pending_orders }}</div>
            </div>
            <div class="row">
                <div class="col-xs-9">{% trans "Vouchers" %}</div>
                <div class="col-xs-3 text-right"> – {{ quota.count_blocking_vouchers }}</div>
            </div>
            <div class="row">
                <div class="col-xs-9">{% trans "Current user's carts" %}</div>
                <div class="col-xs-3 text-right"> – {{ quota.count_in_cart }}</div>
            </div>
            <div class="row">
                <div class="col-xs-9"><strong>{% trans "Current availability" %}</strong></div>
                <div class="col-xs-3 text-right">
                    {% if quota.size == None %}{% trans "Infinite" %}{% else %}{{ quota.availability.1 }}{% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}