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

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'chrono-manager-unavailability-calendar-settings' unavailability_calendar.pk %}">{% trans "Settings" %}</a>
  </li>
{% endblock %}

{% block appbar %}
  <h2>{% trans "Settings" %}
  </h2>
  <span class="actions">
    <a class="extra-actions-menu-opener"></a>
    <ul class="extra-actions-menu">
      <li><a download href="{% url 'chrono-manager-unavailability-calendar-export' pk=unavailability_calendar.id %}">{% trans 'Export Configuration (JSON)' %}</a></li>
    </ul>
  </span>
{% endblock %}

{% block content %}
  <div class="section">
    <h3>{% trans 'Unavailabilities' %}</h3>
    <div>
      {% block agenda-settings %}
        {% if unavailability_calendar.timeperiodexception_set.count %}
          <ul class="objects-list single-links">
            {% for time_period_exception in unavailability_calendar.timeperiodexception_set.all %}
              <li><a rel="popup" href="{% url 'chrono-manager-time-period-exception-edit' pk=time_period_exception.id %}">{{ time_period_exception }}</a>
                <a rel="popup" class="delete" href="{% url 'chrono-manager-time-period-exception-delete' pk=time_period_exception.id %}">{% trans "remove" %}</a>
              </li>
            {% endfor %}
          </ul>
        {% else %}
          <div class="big-msg-info">
            {% blocktrans trimmed %}
              There is no unavailabilities yet. Click on the "Add Unavailabilty" button in
              the top right of the page to add a first one.
            {% endblocktrans %}
          </div>
        {% endif %}
        </div>
        </div>
      {% endblock %}

{% endblock %}

{% block sidebar %}
  <aside id="sidebar">
    <h3>{% trans "Actions" %}</h3>
    <a class="button button-paragraph" rel="popup" href="{% url 'chrono-manager-unavailability-calendar-import-unavailabilities' pk=unavailability_calendar.id %}">{% trans 'Manage unavailabilities from ICS' %}</a>
    <a class="button button-paragraph" rel="popup" href="{% url 'chrono-manager-unavailability-calendar-add-unavailability' pk=unavailability_calendar.id %}">{% trans 'Add Unavailability' %}</a>
    <a class="button button-paragraph" rel="popup" href="{% url 'chrono-manager-unavailability-calendar-edit' pk=unavailability_calendar.id %}">{% trans 'Options' %}</a>
    {% if user.is_staff %}
      <a class="button button-paragraph" rel="popup" href="{% url 'chrono-manager-unavailability-calendar-delete' pk=unavailability_calendar.id %}">{% trans 'Delete' %}</a>
    {% endif %}

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

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