{#
  SPDX-FileCopyrightText: 2015-2018 CERN.
  SPDX-FileCopyrightText: 2023 Graz University of Technology.
  SPDX-License-Identifier: MIT
#}

{%- extends config.THEME_BASE_TEMPLATE %}

{%- block page_body scoped %}
<div class="container">
  <div class="row">
      <div class="col-sm-3 col-md-3 col-pad-left-0">
        {%- block settings_menu scoped %}
        <div class="panel-group">
          <div class="panel panel-default">
            <div class="panel-heading"><strong>{{ _('Settings') }}</strong></div>
            <ul class="list-group">
            {%- for item in current_menu.submenu('settings').children if item.visible %}
            {%- block settings_menu_item scoped %}
              <a
                href="{{ item.url }}"
                class="list-group-item {% if item.active %}active{% endif %}"
                {% if item.active %} aria-current="page" {% endif %}
              >
                {{ item.text|safe }}
              </a>
            {%- endblock %}
            {%- endfor %}
            </ul>
          </div>
        </div>
        {%- endblock %}
      </div>
      <div class="col-sm-9 col-md-9 col-pad-right-0">
        {%- block settings_content scoped %}
        <div class="panel-group panel-bot-margin">
          <div class="panel panel-default">
            <div class="panel-heading">
              {%- block settings_content_title scoped %}
              {%- if panel_icon %}
              {%- block settings_content_title_icon scoped %}
              <i class="{{panel_icon}}"></i>
              {%- endblock %}
              {%- endif %}
              <strong>{{ panel_title|default("") }}</strong>
              {%- endblock %}
            </div>
            {%- block settings_body scoped %}
            <div class="panel-body">
              {%- block settings_form scoped %}
              {%- endblock settings_form %}
            </div>
            {%- endblock settings_body %}
          </div>
        </div>
        {%- endblock %}
      </div>
  </div>
</div>
{%- endblock %}