{% extends "pretixcontrol/items/base.html" %}
{% load i18n %}
{% load bootstrap3 %}
{% load eventsignal %}
{% 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_items %}
            <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>
            {% for row in quota_table_rows %}
                <div class="row">
                    <div class="col-xs-9">{{ row.label }}</div>
                    <div class="col-xs-3 text-right"> – {{ row.value }}</div>
                </div>
            {% endfor %}
            <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 %}{{ avail.1 }}{% endif %}
                </div>
            </div>
        </div>
    </div>
    {% eventsignal request.event "pretix.control.signals.quota_detail_html" quota=quota %}
{% endblock %}