{% extends "core/base.html" %}
{% load lyric_extras %}

{% block title_text %}Dashboard{% endblock title_text %}
{% block header_text %}
    {% if user.is_authenticated %}
        <span>Dash</span><span>board</span>
    {% else %}
        <span>Howdy </span><span>stranger</span>
    {% endif %}
{% endblock header_text %}

{% block scripts %}
    {% include "apps/dashboard/_partials/_scripts.html" %}
{% endblock scripts %}

{% block content %}
    {% if user.is_authenticated %}
        <div id="id_dash_content" class="dashboard-page">
            {% include "apps/dashboard/_partials/_applets.html" %}
            {% include "apps/applets/_partials/_gear.html" with menu_id="id_dash_applet_menu" %}
        </div>
        <div id="id_tooltip_portal" class="token-tooltip" style="display:none;"></div>
        <div id="id_sky_tooltip" class="tt" style="display:none;"></div>
        <div id="id_sky_tooltip_2" class="tt" style="display:none;"></div>
        {% comment %}
        Two SEPARATE micro-portals — the home page hosts BOTH the My Wallet
        applet (token Equipped/Unequipped/In-Use micro-tooltip, via wallet.js)
        AND the SkyDrive applet sky-wheel (Aspected/Unaspected, via sky-wheel.js).
        They formerly shared #id_mini_tooltip_portal and battled: the wallet left
        an inline display:none on the element that the sky-wheel's class-based
        .active could not override, so the aspect micro-tooltip never showed here.
        Each now owns its element: #id_mini_tooltip_portal (wallet/kit) +
        #id_aspect_mini_portal (sky-wheel).
        {% endcomment %}
        <div id="id_mini_tooltip_portal" class="token-tooltip token-tooltip--mini"></div>
        <div id="id_aspect_mini_portal" class="token-tooltip token-tooltip--mini"></div>
    {% endif %}
{% endblock content %}