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

{% block agenda-extra-management-actions %}
  <a class="button button-paragraph" rel="popup" href="{% url 'chrono-manager-virtual-agenda-add-time-period' pk=object.id %}">{% trans 'Add Excluded Period' %}</a>
  <a class="button button-paragraph" rel="popup" href="{% url 'chrono-manager-agenda-add-virtual-member' pk=object.id %}">{% trans 'Include Agenda' %}</a>
{% endblock %}

{% block agenda-settings-extra-tab-buttons %}
  <button aria-controls="panel-agendas" aria-selected="true" id="tab-agendas" role="tab" tabindex="0">{% trans "Included Agendas" %}</button>
  {% if virtual_members %}
    <button aria-controls="panel-meeting-types" aria-selected="false" id="tab-meeting-types" role="tab" tabindex="-1">{% trans "Meeting Types" %}</button>
  {% endif %}
  <button aria-controls="panel-time-periods" aria-selected="false" id="tab-time-periods" role="tab" tabindex="-1">{% trans "Excluded Periods" %}</button>
{% endblock %}

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

  <div aria-labelledby="tab-agendas" id="panel-agendas" role="tabpanel" tabindex="0">
    {% if virtual_members %}
      <ul class="objects-list single-links">
        {% for virtual_member, can_be_managed in virtual_members %}
          <li>
            <a {% if can_be_managed %}href="{% url 'chrono-manager-agenda-settings' pk=virtual_member.real_agenda.id %}"{% endif %}>
              {{virtual_member.real_agenda.label}} <span class="identifier">[{% trans "identifier:" %} {{ virtual_member.real_agenda.slug }}]</span>
            </a>
            <a rel="popup" class="delete" href="{% url 'chrono-manager-virtual-member-delete' pk=virtual_member.pk %}">{% trans "remove" %}</a>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <div class="big-msg-info">
        {% blocktrans trimmed %}
          This virtual agenda doesn't include any agenda yet. Click on the "Include Agenda" button in
          the top right of the page to include a first one.
        {% endblocktrans %}
      </div>
    {% endif %}
  </div>

  {% if virtual_members %}
    <div aria-labelledby="tab-meeting-types" hidden="" id="panel-meeting-types" role="tabpanel" tabindex="0">
      {% if meeting_types %}
        <ul class="objects-list single-links">
          {% for meeting_type in meeting_types %}
            <li>
              <a rel="popup" href="">
                {{meeting_type.label}}
                <span class="duration">({{meeting_type.duration}} {% trans "minutes" %})</span>
                <span class="identifier">[{% trans "identifier:" %} {{meeting_type.slug}}]</span>
              </a>
            </li>
          {% endfor %}
        </ul>
      {% else %}
        <div class="errornotice">
          <p class="pk-notice--title">{% trans "Error" %}</p>
          <p>{% blocktrans trimmed %}
            This virtual agenda doesn't have any meeting type.
            It is probably because its included agendas have incompatible meeting types
            and it makes this virtual agenda unusable.
          {% endblocktrans %}</p>
        </div>
      {% endif %}
    </div>
  {% endif %}

  <div aria-labelledby="tab-time-periods" hidden="" id="panel-time-periods" role="tabpanel" tabindex="0">
    {% if agenda.excluded_timeperiods.count %}
      <ul class="objects-list single-links">
        {% for time_period in agenda.excluded_timeperiods.all %}
          <li><a rel="popup" href="{% url 'chrono-manager-time-period-edit' pk=time_period.id %}">{{ time_period }}</a>
            <a rel="popup" class="delete" href="{% url 'chrono-manager-time-period-delete' pk=time_period.id %}">{% trans "remove" %}</a>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <div class="big-msg-info">
        {% blocktrans trimmed %}
          This virtual agenda doesn't have any excluded period yet. Click on the "Add Excluded Period" button in
          the top right of the page to include a first one.
        {% endblocktrans %}
      </div>
    {% endif %}
  </div>

{% endblock %}