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

{% block title %}Admin settings: {{ title }}{% endblock %}

{% block subnav_header %}
  Admin settings
{% endblock %}

{% block subnav_items %}
  <div class="item {% if url_for('.global_settings') in request.path %}active{% endif %}">
    <a href="{{ url_for('.global_settings') }}">
      Global Settings
    </a>
  </div>
  <div class="item {% if url_for('.user_details') in request.path %}active{% endif %}">
    <a href="{{ url_for('.user_details') }}">
      User Details
    </a>
  </div>
  <div class="item {% if url_for('.products') in request.path %}active{% endif %}">
    <a href="{{ url_for('.products') }}">
      Products
    </a>
  </div>
{% endblock %}


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


{% block content %}
  <section>
    <div class="ui segment no-padding transparent">
      <div class="ui grid">
        <div class="row admin-settings-subheader">
          <div class="eight wide column subtitle">
            <h4>{{ title }}</h4>
          </div>
          <div class="three wide column parent-select">
            {% if parents %}
              {% include('admin_settings/components/parents_select.html') %}
            {% endif %}
          </div>
          <div class="one wide column right aligned count-options">{{ pagination.total }} OPTIONS</div>
        </div>
      </div>
    </div>
    <div class="ui segment no-padding">
      <form method="get" id="search-item-form" autocomplete="off" novalidate>
        {% if parent_id %}
          <input type="hidden" name="parent" value="{{ parent_id }}">
        {% endif %}
      </form>
      <form method="post" id="new-item-form" action="{{ url_for_create() }}" autocomplete="off" novalidate>
        {{ form.csrf_token }}
        {% if parent_id %}
          <input type="hidden" name="parent" value="{{ parent_id }}">
        {% endif %}
      </form>
      <form method="post" id="update-item-form" action="#">
        {{ form.csrf_token }}
      </form>
      {% block table %}{% endblock %}
    </div>

    {% include "components/pagination.html" %}
  </section>
  {% include "admin_settings/components/affected_modal.html" %}
  {% include "components/children_modal.html" %}
{% endblock %}

{% block js %}
  {{ super() }}
  <script src="{{ static_url_for('static', filename='js/admin-settings.js') }}"></script>
  <script src="{{ static_url_for('static', filename='js/affected.js') }}"></script>
  <script src="{{ static_url_for('static', filename='js/children.js') }}"></script>
{% endblock %}