{% extends "Admin.html" %}


{% block title %}

{% translate %}
Status
{% endtranslate %}

{% endblock title %}


{% block main %}

{% if not deployment.PUBLIC_DEMO %}

<div class="gx-lg-4-5 row">
    <div class="col-12 col-lg-6 mb-4-5">
        <div class="card h-100">
            <div class="bg-white border-0 card-header pb-1">
                <h4 class="border-bottom fw-semibold mb-0 mt-2 pb-3">{% translate %}Database{% endtranslate %}</h4>
            </div>
            <div class="card-body">
                <table class="table table-sm">
                    <tbody>
                        <tr>
                            <th class="fw-semibold ps-0" scope="row">{% translate %}Database driver{% endtranslate %}</th>
                            <td class="col-4 font-monospace">{{ deployment.DATABASE.__class__.__name__ }}</td>
                        </tr>
                        {% if dbsize is not none %}
                        <tr>
                            <th class="fw-semibold ps-0" scope="row">{% translate %}Database size{% endtranslate %}</th>
                            <td class="font-monospace">{{ dbsize | to(1) }}&nbsp;MiB</td>
                        </tr>
                        {% endif %}
                    </tbody>
                </table>
                <h5 class="mb-3 mt-4">{% translate %}Download database dump{% endtranslate %}</h5>
                <p class="text-secondary">
                    {% translate %}
                    This creates a complete machine-readable record of all data.
                    {% endtranslate %}
                    {% translate %}
                    It may be re-imported using <code>uproot restore</code>.
                    {% endtranslate %}
                </p>
                <p class="mb-1">
                    <a class="btn btn-sm btn-uproot" href="../dump/">
                        {% translate %}
                        Download
                        {% endtranslate %}
                    </a>
                </p>
            </div>
        </div>
    </div>
    <div class="col-12 col-xl-6 mb-4-5">
        <div class="card h-100">
            <div class="bg-white border-0 card-header pb-1">
                <h4 class="border-bottom fw-semibold mb-0 mt-2 pb-3">uproot {% translate %}version{% endtranslate %}</h4>
            </div>
            <div class="card-body pb-3">
                <p>
                    {% translate %}You are currently running{% endtranslate %}
                    uproot {{ versions.uproot }}.
                </p>

                {% 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 %}
                    </div>
                </div>
                {% endif %}

                <p class="mb-1">
                    <button type="button" class="btn btn-outline-uproot btn-sm fw-semibold" onclick="announcements()">
                        {% translate %}
                        Check for important announcements
                        {% endtranslate %}
                    </button>
                </p>
                <small class="d-block form-text pt-2">
                    {% translate %}
                    uproot never automatically phones home.
                    {% endtranslate %}
                    {% translate %}
                    Clicking this button simply makes your uproot server check whether the developers have posted any relevant announcements.
                    {% endtranslate %}
                </small>
            </div>
        </div>
    </div>
</div>

<div class="gx-lg-4-5 row">
    <div class="col-12 col-lg-6 mb-4-5">
        <div class="card h-100">
            <div class="card-header bg-white border-0 card-header pb-1">
                <h4 class="border-bottom fw-semibold mb-0 mt-2 pb-3">
                    {% translate %}
                    Active logins
                    {% endtranslate %}
                </h4>
            </div>
            <div class="card-body">
                {% if deployment.UNSAFE %}
                <div class="alert alert-danger callout border-danger d-flex text-black mt-1">
                    <i class="bi bi-info-circle me-2"></i>
                    <div class="ps-1">
                        {% translate %}
                        You are running uproot with flag <code>--unsafe</code>. Do this only when running on <code>localhost</code>, as this flag allows anyone to log in as admin.
                        {% endtranslate %}
                    </div>
                </div>
                {% else %}
                {% if sessions %}
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th class="ps-0">
                                {% translate %}
                                User
                                {% endtranslate %}
                            </th>
                            <th>
                                {% translate %}
                                Active logins
                                {% endtranslate %}
                            </th>
                            <th>
                                {% translate %}
                                Logged in at (UTC)
                                {% endtranslate %}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for user, info in sessions.items() %}
                        <tr>
                            <td class="ps-0"><strong>{{ user }}</strong></td>
                            <td>
                                <span class="badge bg-uproot">{{ info.token_count }}</span>
                            </td>
                            <td>
                                {% for created_at in info.created_at %}
                                    <small class="text-secondary d-block">{{ created_at }}</small>
                                {% endfor %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                {% else %}
                <div class="alert alert-info">
                    <i class="bi bi-info-circle me-2"></i>
                    {% translate %}
                    No active authentication sessions found.
                    {% endtranslate %}
                </div>
                {% endif %}
                <p class="mb-1 mt-4">
                    <button class="btn btn-danger btn-sm mb-0" type="submit" formaction="logout-all/" formmethod="post">
                        {% translate %}
                        Log out all
                        {% endtranslate %}
                    </button>
                </p>
                {% endif %}
            </div>
        </div>
    </div>
    <div class="col-12 col-xl-6 mb-4-5">
        <div class="card h-100">
            <div class="bg-white border-0 card-header pb-1">
                <h4 class="border-bottom fw-semibold mb-0 mt-2 pb-3">Python {% translate %}version{% endtranslate %}</h4>
            </div>
            <div class="card-body">
                <p>{% translate %}You are using the following Python version{% endtranslate %}:</p>
                <p class="font-monospace mb-1">{{ versions.python }}</p>
            </div>
        </div>
    </div>
</div>

<div class="gx-lg-4-5 row">
    <div class="col-12 col-xl-6 mb-4-5">
        <div class="card h-100">
            <div class="bg-white border-0 card-header pb-1">
                <h4 class="border-bottom fw-semibold mb-0 mt-2 pb-3">{% translate %}Installed packages{% endtranslate %}</h4>
            </div>
            <div class="card-body pt-2">
                <p class="text-secondary">
                    {% translate %}
                    For the purpose of documentation and replication, each session automatically stores which packages were installed when it was created. See <code>session.packages</code>.
                    {% endtranslate %}
                </p>
                <table class="mb-0 table table-hover table-sm">
                    <thead>
                        <tr>
                            <th class="col-6 fw-semibold ps-0" scope="col">{% translate %}Package{% endtranslate %}</th>
                            <th class="fw-semibold" scope="col">{% translate %}Version{% endtranslate %}</th>
                        </tr>
                    </thead>
                    <tbody class="font-monospace">
                        {% for pkg, version in packages %}
                        <tr>
                            <td class="ps-0 {% if pkg=='uproot-science' %}fw-bold text-uproot{% endif %}">{{ pkg }}</td>
                            <td class="pe-0 {% if pkg=='uproot-science' %}fw-bold text-uproot{% endif %}">{{ version }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div x-data="{ show: false }" class="mb-3">
    <button class="btn btn-outline-uproot" type="button" @click="show = !show">
        <span x-show="!show">
        {% translate %}Show information for uproot developers{% endtranslate %}
        </span>
        <span x-show="show">
        {% translate %}Hide information for uproot developers{% endtranslate %}
        </span>
    </button>
    {# No i18n needed here #}
    <div x-show="show" class="card border-uproot-light mt-3">
        <div class="bg-white border-0 card-header">
            <h4 class="fw-semibold mb-0 mt-2 pb-0">Missing terms</h4>
        </div>
        <div class="card-body">
            <textarea class="form-control" rows="10" readonly>{{ missing | tojson }}</textarea>
        </div>
    </div>
</div>

<script>
    function announcements() {
        uproot.invoke("announcements").then((data) => {
            if (data.error) {
                uproot.alert(`<p>${_("We couldn't load announcements.")} ${_("Please visit")} <a class="link-uproot" href="https://uproot.science/" target="_blank">uproot.science</a>.</p>`);
                return;
            }

            let safeHTML = "<p>";

            safeHTML += _("You are running version #i_am#. The current version is #recommended#.")
                .replace("#i_am#", uproot.escape(uproot.vars.versions.uproot))
                .replace("#recommended#", uproot.escape(data.recommendedVersion));

            safeHTML += "</p>";

            if (data.generalAnnouncement) {
                safeHTML += `<div class="alert alert-success" role="alert">
                                 <b>${_("General announcement")}</b>:
                                 ${uproot.escape(data.generalAnnouncement)}
                             </div>`;
            }

            if (!data.versionIsCurrent) {
                safeHTML += "<p><b>";
                safeHTML += _("Your version is outdated.");
                safeHTML += "</b></p>";
            }
            else if (data.versionAnnouncement == null) {
                safeHTML += "<p><i>";
                safeHTML += _("Your version appears to be up to date.");
                safeHTML += "</i></p>";
            }

            if (data.versionAnnouncement != null) {
                safeHTML += '<p class="alert alert-danger" role="alert">';
                safeHTML += `<b>${_("Announcement for your version")}</b>: `;
                safeHTML += uproot.escape(data.versionAnnouncement);
                safeHTML += "</p>";
            }

            uproot.alert(safeHTML);
        });
    }
</script>

{% else %}

{% include "PublicDemo.html" %}

{% endif %}

{% endblock main %}