{% extends "admin_settings/base.html" %}
{% import "macros/ordering.html" as ordering_macros  %}
{% import "macros/fields.html" as fields  %}

{% block left_sidebar %}
  {% include "admin_settings/components/global_settings_menu.html" %}
{% endblock %}

{% block table %}
  <table id="settings-table" class="ui striped table">
    <thead>
      <tr>
        <th class="master-header" colspan="8">
          <div class="ui grid">
              <div class="ten wide column search-field-column">
                {{ fields.search_item_input(item_search_term) }}
              </div>
              <div class="two wide column center aligned search-button-column">
                <button form="search-item-form" type="submit" class="ui button pink tiny" id="search-item-button">Search</button>
              </div>
              <div class="one wide column center aligned add-button-column">
                <div class="ui floating icon button add-item-button">
                  <i class="plus icon"></i>
                </div>
                <div class="ui popup basic menu add-item-menu double" style="display: none">
                  <div class="ui grid">
                    <div class="row">
                      <div class="six wide column">
                        {{ fields.settings_add_item_field(form.name) }}
                        {{ fields.settings_add_item_field(form.external_id) }}
                        {{ fields.settings_add_item_field(form.service_url) }}
                      </div>
                      <div class="six wide column">
                        {{ fields.settings_add_item_field(form.session_ttl,  config.DEFAULT_REFRESH_TOKEN_TTL) }}
                        {{ fields.settings_add_item_field(form.active_session_ttl,  config.DEFAULT_REFRESH_TOKEN_TTL) }}
                      </div>
                    </div>
                  </div>
                  <div class="add-item-submit">
                    <button form="new-item-form" type="submit" class="ui button yellow tiny" id="new-item-button">Apply</button>
                  </div>
                  <div class="item" style="display: none"></div>
                </div>
              </div>
          </div>
        </th>
      </tr>
      <tr>
        <th class="settings-header three wide column">
          {{ ordering_macros.ordering_header("Name", ordering.links["name"]) }}
        </th>
        <th class="settings-header three wide column">
          {{ ordering_macros.ordering_header("Namespace url", ordering.links["namespace_url"]) }}
        </th>
        <th class="settings-header three wide column">
          {{ ordering_macros.ordering_header("External ID", ordering.links["external_id"]) }}
        </th>
        <th class="settings-header three wide column">
          {{ ordering_macros.ordering_header("Service URL", ordering.links["service_url"]) }}
        </th>
        <th class="settings-header session_ttl">
          Session TTL (seconds)
        </th>
        <th class="settings-header active_session_ttl">
          Active session TTL (seconds)
        </th>
        <th class="settings-header affected">
          Impacted Users
        </th>
        <th class="settings-header is_active">
        </th>
      </tr>
    </thead>
    <tbody>
      {% for obj in objects %}
        <tr id="item_{{ obj.id }}" data-action-url="{{ url_for_update(id=obj.id) }}" class="settings-item">
            <td class="settings-field name">
              {{ fields.settings_field(form.name, obj.name) }}
            </td>
            <td class="settings-field namespace_url">
              {{ obj.namespace_url }}
            </td>
            <td class="settings-field external_id">
              {{ fields.settings_field(form.external_id, obj.external_id) }}
            </td>
            <td class="settings-field service_url">
              {{ fields.settings_field(form.service_url, obj.service_url) }}
            </td>
            <td class="settings-field session_ttl">
              {{ fields.settings_field(form.session_ttl, obj.session_ttl) }}
            </td>
            <td class="settings-field active_session_ttl">
              {{ fields.settings_field(form.active_session_ttl, obj.active_session_ttl) }}
            </td>
            <td class="settings-field affected">
              <div class="ui label">
                <a href="{{ url_for("dna_accounts.list", modal=True, affected="resource_group_id:" ~ obj.id) }}">{{ affected_count.get(obj.id, 0) }} <i class="arrow right icon"></i></a>
              </div>
            </td>
            <td class="right aligned collapsing settings-is-active">
              <div class="ui toggle checkbox is-active">
                <input type="checkbox" name="is_active" {% if not obj.is_deleted %}checked{% endif %}>
              </div>
            </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}