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

{% block breadcrumb %}
  {{ block.super }}
  {% if desk %}
    <li class="ariane--list-item">
      <a class="ariane--link" aria-current="page" href="{% url 'chrono-manager-agenda-settings' desk.agenda_id %}">{% trans "Settings" %}</a>
    </li>
  {% else %}
    <li class="ariane--list-item">
      <a class="ariane--link" aria-current="page" href="{% url 'chrono-manager-agenda-settings' agenda.id|default:object.id %}">{% trans "Settings" %}</a>
    </li>
  {% endif %}
{% endblock %}

{% block appbar %}
  <h2>{% trans "Settings" %}
    <span class="identifier">[{% trans "identifier:" %} {{object.slug}}]</span>
  </h2>
  <span class="actions">
    <a class="extra-actions-menu-opener"></a>
    <ul class="extra-actions-menu">
      {% block agenda-extra-menu-actions %}{% endblock %}
      {% if user_can_manage %}
        <li><a download href="{% url 'chrono-manager-agenda-export' pk=object.id %}">{% trans 'Export Configuration (JSON)' %}</a></li>
      {% endif %}
      {% if object.kind == 'events' %}
        <li><a download href="{% url 'chrono-manager-agenda-export-events' pk=object.pk %}">{% trans 'Export Events (CSV)' %}</a></li>
      {% endif %}
      {% if user.is_staff %}
        <li><a rel="popup" href="{% url 'chrono-manager-agenda-archive' pk=object.id %}">{% trans 'Archive' %}</a></li>
        <li><a rel="popup" href="{% url 'chrono-manager-agenda-delete' pk=object.id %}">{% trans 'Delete' %}</a></li>
      {% endif %}
    </ul>
  </span>
{% endblock %}

{% block content %}

  <div class="section agenda-settings">
    <div class="pk-tabs">
      <div class="pk-tabs--tab-list" role="tablist">
        {% block agenda-settings-extra-tab-buttons %}{% endblock %}
        {% if object.kind != 'virtual' and not object.partial_bookings_events %}
          <button aria-controls="panel-reminders" aria-selected="false" id="tab-reminders" role="tab" tabindex="-1">{% trans "Booking reminders" %}</button>
        {% endif %}
        <button aria-controls="panel-delays" aria-selected="false" id="tab-delays" role="tab" tabindex="-1">{% trans "Booking Delays" %}</button>
        {% if user_can_manage %}
          <button aria-controls="panel-permissions" aria-selected="false" id="tab-permissions" role="tab" tabindex="-1">{% trans "Permissions" %}</button>
        {% endif %}
      </div>
      <div class="pk-tabs--container">

        {% block agenda-settings-extra-tab-list %}{% endblock %}

        {% if object.kind != 'virtual' and not object.partial_bookings_events %}
          <div aria-labelledby="tab-reminders" id="panel-reminders" role="tabpanel" tabindex="0" hidden="">
            {% for info in agenda.reminder_settings.display_info %}
              <p>{{ info }}</p>
            {% empty %}
              <p>{% trans "Reminders are disabled for this agenda." %}</p>
            {% endfor %}
            <p>
              {% if agenda.reminder_settings.days_before_email %}
                <a rel="popup" data-selector="#message-preview" href="{% url 'chrono-manager-agenda-reminder-preview' pk=object.id type='email' %}">{% trans "Preview email" %}</a>
              {% endif %}
              {% if agenda.reminder_settings.days_before_sms %}
                <a rel="popup" data-selector="#message-preview"  href="{% url 'chrono-manager-agenda-reminder-preview' pk=object.id type='sms' %}">{% trans "Preview SMS" %}</a>
              {% endif %}
            </p>
            {% if agenda.reminder_settings.days_before_email or agenda.reminder_settings.days_before_sms %}
              <p>
                <a rel="popup" href="{% url 'chrono-manager-agenda-reminder-test' pk=object.pk %}">{% trans "Test reminder sending" %}</a>
              </p>
            {% endif %}
            <div class="panel--buttons">
              <a class="button" href="{% url 'chrono-manager-agenda-reminder-settings' pk=object.id %}">{% trans "Configure" %}</a>
            </div>
          </div>
        {% endif %}

        <div aria-labelledby="tab-delays" hidden="" id="panel-delays" role="tabpanel" tabindex="0">
          <ul>
            <li>{% trans "Minimal booking delay:" %}
              {% if agenda.minimal_booking_delay is not None %}
                {% if agenda.minimal_booking_delay_in_working_days %}
                  {% blocktrans count count=agenda.minimal_booking_delay %}{{ count }} working day{% plural %}{{ count }} working days{% endblocktrans %}
                {% else %}
                  {% blocktrans count count=agenda.minimal_booking_delay %}{{ count }} day{% plural %}{{ count }} days{% endblocktrans %}
                {% endif %}
              {% else %}<i>{% trans "undefined" %}</i>{% endif %}</li>
            {% if agenda.kind == 'events' and not agenda.partial_bookings %}
              <li>{% trans "Minimal cancellation delay (for several events booking only):" %}
                {% if agenda.minimal_cancellation_delay is not None %}
                  {% if agenda.minimal_cancellation_delay_in_working_days %}
                    {% blocktrans count count=agenda.minimal_cancellation_delay %}{{ count }} working day{% plural %}{{ count }} working days{% endblocktrans %}
                  {% else %}
                    {% blocktrans count count=agenda.minimal_cancellation_delay %}{{ count }} day{% plural %}{{ count }} days{% endblocktrans %}
                  {% endif %}
                {% else %}<i>{% trans "apply minimal booking delay" %}</i>{% endif %}</li>
            {% endif %}
            <li>{% trans "Maximal booking delay:" %}
              {% if agenda.maximal_booking_delay is not None %}
                {% blocktrans count count=agenda.maximal_booking_delay %}{{ count }} day{% plural %}{{ count }} days{% endblocktrans %}
              {% else %}<i>{% trans "undefined" %}</i>{% endif %}</li>
            {% if agenda.kind != 'virtual' %}
              <li>{% trans "Ignore booking delays for backoffice booking:" %}
                {% if agenda.ignore_bookings_delays %}
                  {% trans "yes" %}
                {% else %}
                  {% trans "no" %}
                {% endif %}
              </li>
            {% endif %}
            {% if agenda.minimal_booking_delay is not None or agenda.maximal_booking_delay is not None %}
              <li>{% trans "Booking opening time:" %}
                {% if agenda.minimal_booking_time is not None %}{{ agenda.minimal_booking_time }}{% else %}{% trans "current time" %}{% endif %}</li>
            {% endif %}
            {% if agenda.late_booking_start_days is not None %}
              <li>
                {% trans "Start of late booking delay:" %}
                {% blocktrans trimmed count count=agenda.late_booking_start_days %}
                  {{ count }} day
                {% plural %}
                  {{ count }} days
                {% endblocktrans %}
              </li>
              <li>
                {% trans "End of late booking delay:" %}
                {% blocktrans trimmed count count=agenda.late_booking_end_days %}
                  {{ count }} day
                {% plural %}
                  {{ count }} days
                {% endblocktrans %}
              </li>
              <li>
                {% trans "End time of late booking delay:" %}
                {{ agenda.late_booking_end_time }}
              </li>
            {% endif %}
          </ul>
          <div class="panel--buttons">
            <a rel="popup" class="button" href="{% url 'chrono-manager-agenda-booking-delays' pk=object.id %}">{% trans 'Configure' %}</a>
          </div>
        </div>

        {% if user_can_manage %}
          <div aria-labelledby="tab-permissions" hidden="" id="panel-permissions" role="tabpanel" tabindex="0">
            <ul>
              <li>{% trans "Admin Role:" %} {% if agenda.admin_role %}{{ agenda.admin_role }}{% else %}<i>{% trans "undefined" %}</i>{% endif %}</li>
              <li>{% trans "Edit Role:" %} {% if agenda.edit_role %}{{ agenda.edit_role }}{% else %}<i>{% trans "undefined" %}</i>{% endif %}</li>
              <li>{% trans "View Role:" %} {% if agenda.view_role %}{{ agenda.view_role }}{% else %}<i>{% trans "undefined" %}</i>{% endif %}</li>
            </ul>
            <div class="panel--buttons">
              <a rel="popup" class="button" href="{% url 'chrono-manager-agenda-roles' pk=object.id %}">{% trans 'Configure' %}</a>
            </div>
          </div>
        {% endif %}

      </div>
    </div>
  </div>
{% endblock %}

{% block sidebar %}
  <aside id="sidebar">
    <h3>{% trans "Actions" %}</h3>
    {% block agenda-extra-management-actions %}{% endblock %}
    {% if user_can_manage %}
      <a class="button button-paragraph" rel="popup" href="{% url 'chrono-manager-agenda-edit' pk=object.id %}">{% trans 'Options' %}</a>
    {% endif %}
    {% if user.is_staff %}
      <a class="button button-paragraph" rel="popup" class="action-duplicate" href="{% url 'chrono-manager-agenda-duplicate' pk=object.pk %}">{% trans 'Duplicate' %}</a>
    {% endif %}

    {% if user_can_manage %}
      <h3>{% trans "Navigation" %}</h3>
      <a class="button button-paragraph" href="{% url 'chrono-manager-agenda-history' pk=agenda.pk %}">{% trans 'History' %}</a>
      <a class="button button-paragraph" href="{% url 'chrono-manager-agenda-inspect' pk=agenda.pk %}">{% trans 'Inspect' %}</a>
      {% block agenda-extra-navigation-actions %}{% endblock %}
    {% endif %}

    {% if user_can_manage %}
      {% url 'chrono-manager-homepage' as object_list_url %}
      {% include 'chrono/includes/application_detail_fragment.html' %}
    {% endif %}
  </aside>
{% endblock %}