{% 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-start" id="nudge-announcements">
    <i class="bi bi-megaphone me-2 pe-1 pt-1"></i>
    <div class="d-flex justify-content-between w-100">
        <div class="pt-1">
            {% translate %}
            You have not checked for important announcements recently.
            {% endtranslate %}
            <small class="d-block form-text">
                {% translate %}
                uproot never automatically phones home.
                {% endtranslate %}
                {% translate %}
                Clicking this button makes your uproot server check whether the developers have posted any relevant announcements.
                {% endtranslate %}
            </small>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-warning" onclick="announcements()">
                {% translate %}
                Check now
                {% endtranslate %}
            </button>
        </div>
    </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 %}