{% extends "domain_base.html" %}
{% block domain_content %}
<div class="section domain-nav-manager-page">
  <div class="section__header">
    <h1 class="section__title">{{ _('Navigation Manager') }}</h1>
  </div>
  <div class="section__body">
    {% if saved %}
    <blockquote class="note">{{ _('Navigation configuration saved.') }}</blockquote>
    {% endif %}
    <p>{{ _('Navigation configuration applies only to the current domain. Hiding an entry does not change route permissions.') }} <code>{{ domainId }}</code></p>
    <form method="post" class="ui-stack">
      <input type="hidden" name="count" value="{{ rows|length }}">
      <div class="ui-table-wrap" role="region" aria-label="{{ _('Navigation Manager') }}" tabindex="0">
      <table class="data-table">
        <thead>
          <tr>
            <th>{{ _('Node') }}</th>
            <th>{{ _('Display status') }}</th>
            <th>{{ _('Reorder') }}</th>
            <th>{{ _('Display name') }}</th>
            <th>{{ _('Default status') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for row in rows %}
          <tr>
            <td>
              <strong>{{ _(row.displayName) }}</strong><br>
              <small>{{ row.name }}</small>
              <input type="hidden" name="name_{{ loop.index0 }}" value="{{ row.name }}">
            </td>
            <td>
              <select name="area_{{ loop.index0 }}" class="select">
                <option value="visible" {{ 'selected' if row.area == 'visible' else '' }}>{{ _('Visible') }}</option>
                <option value="hidden" {{ 'selected' if row.area == 'hidden' else '' }}>{{ _('Hidden') }}</option>
              </select>
            </td>
            <td>
              <div class="ui-cluster">
              <button class="rounded button" type="submit" name="navAction" value="move_up:{{ loop.index0 }}">{{ _('Move up') }}</button>
              <button class="rounded button" type="submit" name="navAction" value="move_down:{{ loop.index0 }}">{{ _('Move down') }}</button>
              </div>
            </td>
            <td>
              <input class="textbox" type="text" name="title_{{ loop.index0 }}" value="{{ row.title }}" placeholder="{{ _(row.displayName) }}">
            </td>
            <td>{{ _('Hidden') if row.defaultArea == 'hidden' else _('Visible') }}</td>
          </tr>
          {% else %}
          <tr><td colspan="5">{{ _('No configurable navigation entries.') }}</td></tr>
          {% endfor %}
        </tbody>
      </table>
      </div>
      <div class="ui-actions ui-actions--start">
        <button class="rounded primary button" type="submit" name="navAction" value="save">{{ _('Save') }}</button>
        <button class="rounded button" type="submit" name="navAction" value="reset">{{ _('Reset') }}</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}