{% extends "chrono/manager_events_type_list.html" %}
{% load i18n %}

{% block page-title-extra-label %}
  {{ events_type.label }}
{% endblock %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'chrono-manager-events-type-view' pk=events_type.pk %}">{{ events_type.label }}</a>
  </li>
{% endblock %}

{% block appbar %}
  {% block appbar-title %}
    <h2>
      {{ events_type.label }}
      <span class="identifier">[{% trans "identifier:" %} {{ events_type.slug }}]</span>
    </h2>
  {% endblock %}
  <span class="actions">
    {% block appbar-extras %}
      {% if request.user.is_staff %}
        <a class="extra-actions-menu-opener"></a>
        <ul class="extra-actions-menu">
          <li><a rel="popup" href="{% url 'chrono-manager-events-type-delete' pk=events_type.pk %}">{% trans 'Delete' %}</a></li>
        </ul>
      {% endif %}
    {% endblock %}
  </span>
{% endblock %}

{% block content %}

  <div class="section">
    <h3>{% trans "Custom fields" %}</h3>
    <div>
      <ul class="objects-list single-links">
        {% for value in events_type.get_custom_fields_for_display %}
          <li>
            <a>
              {{ value.label }}
              ({{ value.field_type_display }}{% if value.booking_limit_period_display %} - {% trans "Limit to one booking:" %} {{ value.booking_limit_period_display }}{% endif %})
              <span class="identifier">[{{ value.varname }}]</span>
            </a>
          </li>
        {% endfor %}
      </ul>
    </div>
  </div>

  <div class="section">
    <h3>{% trans 'Used in events agendas' %}</h3>
    <div>
      {% with events_type.agendas.all as agendas %}
        {% if agendas %}
          <ul class="objects-list single-links">
            {% for agenda in agendas %}
              <li>
                <a href="{% url 'chrono-manager-agenda-settings' pk=agenda.pk %}">
                  {{ agenda.label }}
                </a>
              </li>
            {% endfor %}
          </ul>
        {% else %}
          <div class="big-msg-info">
            {% blocktrans trimmed %}
              This events type is not used yet.
            {% endblocktrans %}
          </div>
        {% endif %}
      {% endwith %}
    </div>
  </div>

{% endblock %}

{% block sidebar %}
  <aside id="sidebar">
    {% if request.user.is_staff %}
      <h3>{% trans "Actions" %}</h3>
      <a class="button button-paragraph" href="{% url 'chrono-manager-events-type-edit' pk=events_type.pk %}">{% trans 'Edit' %}</a>
    {% endif %}

    <h3>{% trans "Navigation" %}</h3>
    <a class="button button-paragraph" href="{% url 'chrono-manager-events-type-inspect' pk=events_type.pk %}">{% trans 'Inspect' %}</a>
    <a class="button button-paragraph" href="{% url 'chrono-manager-events-type-history' pk=events_type.pk %}">{% trans 'History' %}</a>

    {% url 'chrono-manager-events-type-list' as object_list_url %}
    {% include 'chrono/includes/application_detail_fragment.html' %}
  </aside>
{% endblock %}