{% extends "_layouts/basecp" %}

{# The CP only supports queue components that implement QueueInterface #}
{% set queue = craft.app.queue %}
{% js %}
    {% if queue is instance of("craft\\queue\\QueueInterface") %}
        Craft.cp.setJobInfo({{ queue.getJobInfo(100)|json_encode|raw }}, false);
        {% if queue.getHasReservedJobs() %}
            Craft.cp.trackJobProgress(true);
        {% elseif queue.getHasWaitingJobs() %}
            Craft.cp.runQueue();
        {% endif %}
    {% else %}
        Craft.cp.showQueue = false;
    {% endif %}
{% endjs %}


{% set forceConfirmUnload = craft.app.session.hasFlash('error') %}
{% set fullPageForm = (fullPageForm is defined and fullPageForm) %}

{% if fullPageForm and extraPageHeaderHtml is not defined %}
    {% set extraPageHeaderHtml %}
        {%- spaceless %}
            {% block saveButton %}
                <input type="submit" class="btn submit" value="{{ 'Save'|t('app') }}">
            {% endblock %}
        {% endspaceless -%}
    {% endset %}
{% endif %}

{% set containerAttributes %}
    {%- block containerAttributes -%}
        id="container" {% if fullPageForm -%}
            method="post" accept-charset="UTF-8" data-saveshortcut{% if saveShortcutRedirect is defined %} data-saveshortcut-redirect="{{ saveShortcutRedirect|hash }}"{% endif %} data-confirm-unload
        {%- endif %}
    {%- endblock -%}
{% endset %}


{% set forceConfirmUnload = craft.app.session.hasFlash('error') %}


{% block body %}
    <header id="global-sidebar">

        {% if currentUser.admin and craft.app.config.general.devMode %}
            <div id="devmode" title="{{ 'Craft CMS is running in Dev Mode.'|t('app') }}"></div>
        {% endif %}

        <div class="topbar">
            <a class="system-name{% if CraftEdition >= CraftClient and craft.rebrand.isIconUploaded %} has-icon{% endif %}" href="{{ siteUrl }}" title="{{ 'Site Homepage'|t('app') }}" target="_blank">

                {% if CraftEdition >= CraftClient %}
                    {% if craft.rebrand.isIconUploaded %}
                        <div id="site-icon" class="photo-container">
                            <img src="{{ craft.rebrand.icon.url }}" alt="">
                        </div>
                    {% endif %}
                {% endif %}

                <h2>{{ systemName }}</h2>
            </a>
        </div>

        <nav>
            <ul id="nav">
                {% for item in craft.cp.nav() %}
                    {% set hasSubnav = (item.subnav is defined and item.subnav) %}
                    <li id="{{ item.id }}" {% if item.sel and hasSubnav %} class="has-subnav"{% endif %}>
                        <a{% if item.sel %} class="sel"{% endif %} href="{{ item.url }}">
                            <span class="icon">
                                {%- if item.icon is defined -%}
                                    <span data-icon="{{ item.icon }}"></span>
                                {%- elseif item.iconSvg is defined and item.iconSvg -%}
                                    {{ item.iconSvg|raw }}
                                {%- else -%}
                                    {% include "_includes/defaulticon.svg" with { label: item.label } %}
                                {%- endif -%}
                            </span>

                            <span class="label">
                                {{- item.label -}}
                            </span>

                            {%- if not item.sel and item.badgeCount -%}
                                <span class="badge">{{ item.badgeCount }}</span>
                            {%- endif -%}
                        </a>
                        {% if item.sel and hasSubnav %}
                            <ul class="subnav">
                                {% for itemId, item in item.subnav %}
                                    {% set itemIsSelected = (
                                        (selectedSubnavItem is defined and selectedSubnavItem == itemId) or
                                        (selectedSubnavItem is not defined and loop.first)
                                    ) -%}

                                    <li>
                                        <a href="{{ url(item.url) }}"{% if itemIsSelected %} class="sel"{% endif %}>{{ item.label }}</a>
                                    </li>

                                {% endfor %}
                            </ul>
                        {% endif %}
                    </li>
                {% endfor %}
            </ul>
        </nav>

        <div class="bottombar">
            <a id="account-info" class="menubtn" title="{{ 'My Account'|t('app') }}" role="button" data-menu-anchor="#account-menu-anchor">
                <div id="user-photo" class="photo-container">
                    <img width="32" sizes="32px" srcset="{{ currentUser.getThumbUrl(32) }} 32w, {{ currentUser.getThumbUrl(64) }} 64w" alt="{{ currentUser.getName() }}">
                </div>
                <div class="username">
                    {{ currentUser.name }}
                    {% if currentUser.admin %}<div class="light">{{ 'admin'|t('app') }}</div>{% endif %}
                </div>
                <div id="account-menu-anchor"></div>
            </a>
            <div class="menu" data-align="left">
                <ul>
                    <li><a href="{{ url('myaccount') }}">{{ "My Account"|t('app') }}</a></li>
                    {% if CraftEdition == CraftClient and currentUser.admin %}
                        <li><a href="{{ url('clientaccount') }}">{{ "Client’s Account"|t('app') }}</a></li>
                    {% endif %}
                    <li><a href="{{ url('logout') }}">{{ "Sign out"|t('app') }}</a></li>
                </ul>
            </div>
        </div>

    </header>

    {% if fullPageForm %}
        <form {{ containerAttributes }}>
            {{ csrfInput() }}
    {% else %}
        <div {{ containerAttributes }}>
    {% endif %}

        <div id="notifications-wrapper">
            <div id="notifications">
                {% for type in ['notice', 'error'] %}
                    {% set message = craft.app.session.getFlash(type) %}
                    {% if message %}
                        <div class="notification {{ type }}">{{ message }}</div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        {% if craft.cp.areAlertsCached() %}
            {% set alerts = craft.cp.getAlerts() %}
            {% if alerts %}
                <ul id="alerts">
                    {% for alert in craft.cp.getAlerts() %}
                        <li>{{ alert|raw }}</li>
                    {% endfor %}
                </ul>
            {% endif %}
        {% else %}
            {% js %}
                Craft.cp.fetchAlerts();
            {% endjs %}
        {% endif %}

        <div class="topbar">
            {%- spaceless %}
                {% if crumbs is defined and crumbs %}
                    <nav id="crumbs">
                        <ul>
                            {% for crumb in crumbs %}
                                <li><a href="{{ crumb.url }}">{{ crumb.label }}</a></li>
                            {% endfor %}
                        </ul>
                    </nav>
                {% endif %}
            {% endspaceless -%}
        </div>


        <header id="page-header">
            {% block pageHeader %}

                <div id="page-title">
                    {% block pageTitle %}
                        {% if title is defined and title|length %}
                            <h1>{{ title }}</h1>
                        {% endif %}
                    {% endblock %}
                </div>

                {% if extraPageHeaderHtml is defined %}
                    <div id="extra-headers">
                        {{ extraPageHeaderHtml|raw }}
                    </div>
                {% endif %}

            {% endblock %}
        </header>

        {# Is the template defining its own layout? #}
        {% set hasCustomLayout = block('main') is defined %}

        <main id="main" role="main"{% if not hasCustomLayout %} class="single-pane"{% endif %}>
            <div class="padded">
                {% if hasCustomLayout %}
                    {{ block('main') }}
                {% else %}
                    {% set sidebar = sidebar ?? block('sidebar') ?? null %}
                    {% set hasSidebar = (sidebar is not empty) %}

                    <div class="pane">
                        {% if tabs is defined and tabs %}
                            {% include "_includes/tabs" %}
                        {% endif %}

                        <div id="content" class="content{% if hasSidebar %} has-sidebar{% endif %}">
                            {% if hasSidebar %}
                                <div id="sidebar" class="sidebar">
                                    {{ sidebar|raw }}
                                </div>
                            {% endif %}

                            <div class="body">
                                {% block content %}
                                    {{ content is defined ? content }}
                                {% endblock %}
                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>
        </main>

        {% if docsUrl is defined and docsUrl is not empty %}
            <div id="help-footer">
                <a id="help" class="help" title="{{ 'Help'|t('app') }}" href="{{ docsUrl }}" target="_blank"></a>
            </div>
        {% endif %}

        <div id="footer">
            {%- spaceless %}
                {% set canUpgradeEdition = craft.app.getCanUpgradeEdition() %}
                {% set licensedEdition = craft.app.getLicensedEdition() %}
                {% set isTrial = licensedEdition is not same as(null) and licensedEdition is not same as(CraftEdition) %}

                <div id="edition" {% if canUpgradeEdition %}class="hot" title="{{ 'Manage your Craft CMS edition'|t('app') }}"{% else %}class="edition"{% endif %}>
                    <div id="edition-logo">
                        <div class="edition-name">{{ craft.app.getEditionName() }}</div>
                        {% if isTrial %}
                            <div class="edition-trial">{{ "Trial"|t('app') }}</div>
                        {% endif %}
                    </div>
                    {% if canUpgradeEdition %}
                        <div class="icon settings"></div>
                    {% endif %}
                </div>
            {% endspaceless -%}

            <ul>
                <li>Craft CMS {{ craft.app.version }}</li>
                <li>© Pixel &amp; Tonic</li>
            </ul>
        </div>

    {% if fullPageForm %}
        </form>
    {% else %}
        </div>
    {% endif %}
{% endblock %}


{% if not craft.app.updates.getIsUpdateInfoCached() %}
    {% js %}
        Craft.cp.checkForUpdates();
    {% endjs %}
{% endif %}