{% extends "base_juice.html" %}

{% block extra_resources %}
<link rel="stylesheet" href="{{ base_url }}/static/juice/css/system-overview.css" />
{% endblock %}

{% block content %}
<div class="block juice-system-overview">
    <h1>System Overview {{ hint_widget }}</h1>
    {% if setup_name %}
    <p class="juice-setup-name">
        Setup: <strong>{{ setup_name }}</strong>
        {%- if setup_name == "Unknown setup" -%}
        <span class="juice-setup-name-hint">{{ setup_name_hint_widget }}</span>
        {%- endif -%}
    </p>
    {% endif %}

    {{ embed(roots.health_banner) }}

    <h2>Health</h2>
    <div class="juice-health-list">
        <details class="juice-health-item">
            <summary>{{ embed(roots.parameter_status) }}</summary>
            <div class="juice-health-body">
                {%- if has_parameters -%}
                {{ embed(roots.parameter_monitor) }}
                {%- else -%}
                <p class="juice-meters-empty">No parameters are configured for monitoring.</p>
                {%- endif -%}
            </div>
        </details>
        <details class="juice-health-item">
            <summary>{{ embed(roots.control_pc_status) }}</summary>
            <div class="juice-health-body">{{ embed(roots.control_pc_detail) }}</div>
        </details>
        <details class="juice-health-item">
            <summary>{{ embed(roots.service_status) }}</summary>
            <div class="juice-health-body">{{ embed(roots.service_detail) }}</div>
        </details>
    </div>

    <h2>Active users</h2>
    <p class="juice-section-note">Who has a JupyterHub session running on this setup.</p>
    <div class="juice-user-panel">{{ embed(roots.active_users) }}</div>
</div>
{% endblock %}