{% extends "Admin.html" %}


{% block title %}

{% translate %}
Dashboard
{% endtranslate %}

{% endblock title %}


{% block main %}

{% if nudge_announcements %}
<div class="alert alert-warning border-warning text-black callout mb-4 d-flex align-items-center">
    <i class="bi bi-megaphone me-2"></i>
    <div>
        {% translate %}
        You have not checked for important announcements recently.
        {% endtranslate %}
        <a class="alert-link" href="../status/">
            {% translate %}
            Check now.
            {% endtranslate %}
        </a>
    </div>
</div>
{% endif %}

<div class="gx-xl-4-5 pt-2 row">
    <div class="col-12 col-xl-6">
        <h3 class="mb-4">
            {% translate %}
            Rooms
            {% endtranslate %}
        </h3>
        {% if not deployment.PUBLIC_DEMO %}
        <div class="col mb-3 uproot-pagination" id="rooms-container">
            <span class="text-body-tertiary">{% translate %}
            No rooms defined at this time.
            {% endtranslate %}</span>
        </div>
        {% else %}
        {% include "PublicDemo.html" %}
        {% endif %}
    </div>
    <div class="col-12 col-xl-6">
        <h3 class="mb-4">
            {% translate %}
            Active sessions
            {% endtranslate %}
        </h3>
        {% if not deployment.PUBLIC_DEMO %}
        <div class="col mb-4 uproot-pagination" id="sessions-container">
            <span class="text-body-tertiary">{% translate %}
            No active sessions at this time.
            {% endtranslate %}</span>
        </div>
        {% else %}
        {% include "PublicDemo.html" %}
        {% endif %}
    </div>
</div>

<div class="gx-lg-4-5 row">
    <div class="col-12 col-lg-6">
        <h3 class="mb-4 mt-3">
            {% translate %}
            Configs
            {% endtranslate %}
        </h3>
        <div class="mb-4" id="configs-container">
            <span class="text-body-tertiary">{% translate %}
            No configs defined at this time.
            {% endtranslate %}</span>
        </div>
    </div>
    <div class="col-12 col-lg-6">
        <h3 class="mb-4 mt-3">
            {% translate %}
            Apps
            {% endtranslate %}
        </h3>
        <div class="mb-4" id="apps-container">
            <span class="text-body-tertiary">{% translate %}
            No apps defined at this time.
            {% endtranslate %}</span>
        </div>
    </div>
</div>

{% endblock main %}


{% block late %}

<script>
    uproot.onStart(() => {
        // From top to bottom
        renderRooms(uproot.vars.rooms, "rooms-container");
        renderSessions(uproot.vars.sessions, "sessions-container");  // server2.py transmits only active sessions to Dashboard
        renderConfigsAppsCards(uproot.vars.configs, "configs-container", "configs");
        renderConfigsAppsCards(uproot.vars.configs, "apps-container", "apps");
        uproot.paginateBlocks();
    });
</script>

{% endblock late %}