{% load i18n phoxtail_dashboard_tags phoxtail_design_tags %}
{% comment %}
The site's own pages, behind one sidebar row: a card opens beside the
sidebar. A dropdown's label heads its links.
{% endcomment %}
{% if dashboard_menu.items %}
    <button type="button"
            class="dash-nav-item dash-flyout-trigger"
            popovertarget="dash-website-flyout">
        <span class="dash-nav-icon">{% icon "link" %}</span>
        <span class="dash-nav-label">{% translate 'Website' %}</span>
        <span class="dash-flyout-trigger__chevron">{% icon "chevron_right" %}</span>
    </button>
    <nav id="dash-website-flyout"
         class="dash-flyout phx-popover"
         popover
         aria-label="{% translate 'Website' %}">
        {% for entry in dashboard_menu.items %}
            {% if entry.block_type == 'dropdown' %}
                <div class="dash-flyout__heading">{{ entry.value.label }}</div>
                {% for item in entry.value.items %}
                    {% if item.block_type == 'separator' %}
                        <div class="dash-menu__separator dash-flyout__sublink-separator" role="separator">
                            {% if item.value.label %}<span class="dash-menu__separator-label">{{ item.value.label }}</span>{% endif %}
                        </div>
                    {% else %}
                        {% menu_entry item as link %}
                        {% if link %}
                            {% include 'phoxtail_dashboard/navigation/menu_link.html' with link=link link_class='dash-flyout__link dash-flyout__sublink' current_class='dash-flyout__link--current' %}
                        {% endif %}
                    {% endif %}
                {% endfor %}
            {% elif entry.block_type == 'separator' %}
                <div class="dash-menu__separator" role="separator">
                    {% if entry.value.label %}<span class="dash-menu__separator-label">{{ entry.value.label }}</span>{% endif %}
                </div>
            {% else %}
                {% menu_entry entry as link %}
                {% if link %}
                    {% include 'phoxtail_dashboard/navigation/menu_link.html' with link=link link_class='dash-flyout__link' current_class='dash-flyout__link--current' %}
                {% endif %}
            {% endif %}
        {% endfor %}
    </nav>
{% endif %}