{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% block title %}{% trans "Festival Crowd control dashboard" %}{% endblock %}
{% block content %}
<h1>{% trans "Festival Crowd" %}
  <small>{% blocktrans with c=on_count t=toggle_total %}{{ c }} of {{ t }} quick capabilities on{% endblocktrans %}</small></h1>
<p class="text-muted">{% trans "Your one control surface. Flip the quick capabilities below, or open any add-on's own settings from the tiles further down." %}</p>

<div class="panel panel-primary">
  <div class="panel-heading"><h3 class="panel-title">
    <span class="fa fa-sliders"></span> {% trans "Quick capabilities" %} —
    {% trans "one toggle each" %}</h3></div>
  <div class="panel-body">
    <form action="" method="post">
      {% csrf_token %}
      <div style="margin-bottom:12px">
        <button type="submit" name="action" value="save" class="btn btn-primary">
          <span class="fa fa-save"></span> {% trans "Save changes" %}</button>
        <button type="submit" name="action" value="enable_all" class="btn btn-success"
          onclick="return confirm('{% trans "Turn ON every capability? Ones needing text or a value stay inert until you fill it in." %}')">
          <span class="fa fa-toggle-on"></span> {% trans "Enable all" %}</button>
        <button type="submit" name="action" value="disable_all" class="btn btn-default"
          onclick="return confirm('{% trans "Turn OFF every capability?" %}')">
          <span class="fa fa-toggle-off"></span> {% trans "Disable all" %}</button>
        {% if settings_url %}
          <a href="{{ settings_url }}" class="btn btn-link pull-right">
            {% trans "Configure text & values" %} <span class="fa fa-arrow-right"></span></a>
        {% endif %}
      </div>
      <div class="table-responsive">
        <table class="table table-hover table-condensed">
          <thead><tr>
            <th style="width:60px">{% trans "On" %}</th>
            <th>{% trans "Capability" %}</th>
            <th>{% trans "Area" %}</th>
            <th>{% trans "Note" %}</th>
          </tr></thead>
          <tbody>
            {% for t in toggles %}
            <tr>
              <td><input type="checkbox" name="cap" value="{{ t.key }}"
                    {% if t.on %}checked{% endif %} style="transform:scale(1.3)"></td>
              <td><strong>{{ t.label }}</strong>
                {% if t.risky %}<span class="label label-warning" title="{% trans "Changes buyer/money behaviour — excluded from Enable all" %}">{% trans "manual only" %}</span>{% endif %}</td>
              <td><span class="label label-default">{{ t.cat }}</span></td>
              <td class="text-muted">{% if t.note %}<span class="fa fa-info-circle"></span> {{ t.note }}{% endif %}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      <p class="text-muted" style="margin:0">{% trans "Capabilities that need text or a number stay inert until you set it on the configure page — so 'Enable all' is safe to press." %}</p>
    </form>
  </div>
</div>

<h2 style="margin-top:1.6em">{% trans "Add-on settings" %}
  <small>{% blocktrans %}{{ total }} enabled on this event{% endblocktrans %}</small></h2>
{% for name, icon, entries in groups %}
  <h3><span class="fa fa-{{ icon }}"></span> {{ name }}</h3>
  <div class="row" style="margin-bottom:1.4rem">
    {% for e in entries %}
      <div class="col-sm-4 col-md-3" style="margin-bottom:12px">
        <a href="{{ e.url }}" class="btn btn-default btn-block" style="text-align:left;white-space:normal;min-height:52px">
          <span class="fa fa-{{ e.icon|default:'cog' }}"></span>&nbsp; {{ e.label }}
        </a>
      </div>
    {% endfor %}
  </div>
{% empty %}
  <div class="well">{% trans "No other Festival Crowd add-ons are enabled yet. Enable some under Settings → Plugins." %}</div>
{% endfor %}
{% endblock %}