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

{% block head %}
    {{ parent() }}
    {% set tagOptions = {
        'depends': [
            'nystudio107\\seomatic\\assetbundles\\seomatic\\SeomaticAsset'
        ],
    } %}
    {{ seomatic.vite.register('src/js/seomatic-meta.js', false, tagOptions, tagOptions) }}
{% endblock %}

{% set navItems = {
    'heading': { heading: "Settings"|t },
} %}
{% for scriptHandle,scriptData in scripts %}
    {% set permission = "seomatic:tracking-scripts:#{scriptHandle}" %}
    {% if not scriptData.discontinued and currentUser.can(permission) %}
        {% set navItems = navItems |merge({
            (scriptHandle): {
                title: "#{scriptData.name}"|t("seomatic"),
                enabled: scriptData.include
            },
        }) %}
    {% endif %}
{% endfor %}

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

{% 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/tracking/#{id}/#{currentSiteHandle}") }}"{% if id == selectedItem %} class="sel"{% endif %}><span
                                class="status {% if item.enabled %}enabled{% endif %}"></span>{{ item.title }}</a></li>
                {% endif %}
            {% endfor %}
        </ul>
    </nav>
    <aside class="pt-4 text-gray-500">
        For <a href="https://developers.google.com/analytics/devguides/collection/ga4" target="_blank">Google Analytics
            4</a>, use Google gtag.js or Google Tag Manager.
    </aside>
{% endblock %}