{% extends "seomatic/_layouts/seomatic-cp.twig" %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% block foot %}
    {{ parent() }}
    {{ seomatic.manifest.registerJsModules([
        'seomatic-meta.js',
    ]) }}
{% endblock %}

{% set navItems = {
    'heading': { heading: "Settings"|t },
} %}
{% if currentUser.can("seomatic:site-settings:identity") %}
    {% set navItems = navItems |merge({
        identity: {
            title: "Identity"|t("seomatic"),
        },
    }) %}
{% endif %}
{% if currentUser.can("seomatic:site-settings:creator") %}
    {% set navItems = navItems |merge({
        creator: {
            title: "Creator"|t("seomatic"),
        },
    }) %}
{% endif %}
{% if currentUser.can("seomatic:site-settings:social") %}
    {% set navItems = navItems |merge({
        social: {
            title: "Social Media"|t("seomatic"),
        },
    }) %}
{% endif %}
{% if currentUser.can("seomatic:site-settings:sitemap") %}
    {% set navItems = navItems |merge({
        sitemap: {
            title: "Sitemap"|t("seomatic"),
        },
    }) %}
{% endif %}
{% if currentUser.can("seomatic:site-settings:miscellaneous") %}
    {% set navItems = navItems |merge({
        miscellaneous: {
            title: "Miscellaneous"|t("seomatic"),
        },
    }) %}
{% endif %}

{% set selectedItem = craft.app.request.getSegment(3)|default("identity") %}

{% block sidebar %}
    <nav>
        <ul>
            {% for id, item in navItems %}
                {% if item.heading is defined %}
                    <li class="heading"><span>{{ item.heading }}</span></li>
                {% else %}
                    <li>
                        <a href="{{ url("seomatic/site/#{id}/#{currentSiteHandle}") }}"{% if id == selectedItem %} class="sel"{% endif %}>{{ item.title }}</a>
                    </li>
                {% endif %}
            {% endfor %}
        </ul>
    </nav>
{% endblock %}