{% extends "admin_base.html" %}
{% import "macros/admin_management_header.html" as mh %}
{% import "macros/dashboard_widget_info.html" as dw_info %}
{% import "components/platform_settings/settings_macros.html" as settings_macros %}

{% block page_title %}Settings{% endblock %}

{% block admin_topbar_tools %}
{% set system_access = settings_system_access | default(value=admin_settings_system_access) | default(value=true) %}
{% set apps_access = settings_apps_access | default(value=admin_settings_apps_access) | default(value=true) %}
<div id="adminTopbarTools" class="admin-topbar-tools settings-section-jump-bar{% if not system_access and not apps_access %} hidden{% endif %}">
    {% if system_access %}
    <div id="systemSectionJump" class="settings-section-jump">
        <label for="systemJumpSelect" class="settings-jump-label">
            <i class="fas fa-location-arrow" aria-hidden="true"></i>
            <span class="settings-jump-label-text">Jump to</span>
        </label>
        <select id="systemJumpSelect" class="settings-jump-select blocks-input md:max-w-[280px]" data-settings-jump="system">
            <option value="">Section…</option>
            <option value="generalConfig">General Configuration</option>
            <option value="contactInfo">Contact Information</option>
            <option value="socialMedia">Social Media</option>
            <option value="seoSettings">Search, Social &amp; AEO</option>
            <option value="legalCompliance">Legal &amp; Compliance</option>
            <option value="desktopNavigation">Desktop Navigation</option>
            <option value="mobileNavigation">Mobile Navigation</option>
            {% if available_widgets | length > 0 %}
            <option value="dashboardWidgets">Dashboard Widgets</option>
            {% endif %}
        </select>
    </div>
    {% endif %}
    {% if apps_access %}
    <div id="appsSectionJump" class="settings-section-jump hidden">
        <label for="appsJumpSelect" class="settings-jump-label">
            <i class="fas fa-location-arrow" aria-hidden="true"></i>
            <span class="settings-jump-label-text">Jump to</span>
        </label>
        <select id="appsJumpSelect" class="settings-jump-select blocks-input md:max-w-[280px]" data-settings-jump="apps">
            <option value="">Extension…</option>
            {% for plugin in plugins %}
            <option value="settings-{{ plugin.name }}">{{ plugin.name | title }}</option>
            {% endfor %}
        </select>
    </div>
    {% endif %}
</div>
{% endblock %}

{% block admin_content %}
{% include "components/platform_settings/settings_body.html" %}
{% endblock %}

{% block extra_head %}
{% include "components/platform_settings/settings_head.html" %}
{% endblock %}

{% block scripts %}
{% include "components/platform_settings/settings_scripts.html" %}
{% endblock %}