{% extends "resources/base.html" %}
{% import "site_shell/_macros.html" as ui %}

{% block title %}Health Dashboard - Pychestrate Resources{% endblock %}

{% block content %}
{% macro group_footer(status, shown, count, noun) -%}
{%- if selected_status == '' and count > shown %}
    <p class="muted mt-sm">Showing {{ shown }} of {{ count }} {{ noun }}. <a href="{{ url_for('resources.health_dashboard', status=status) }}" data-role="view-all-{{ status }}">View all {{ count }}</a></p>
{%- endif %}
{%- endmacro %}
<div class="page-header">
    <h1>Health Dashboard</h1>
    <p>Resource health status overview</p>
</div>
{% if selected_status %}
<p><a href="{{ url_for('resources.health_dashboard') }}" data-role="all-statuses">&laquo; All statuses</a></p>
{% endif %}

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr)); gap: 20px; margin-bottom: 30px;">
    <div class="stat-card">
        <span class="health-online pyc-icon-large" aria-hidden="true">{{ ui.icon("check_circle") }}</span>
        <div class="stat-value">{{ health_counts.online }}</div>
        <div class="stat-label">Online</div>
    </div>
    <div class="stat-card">
        <span class="health-degraded pyc-icon-large" aria-hidden="true">{{ ui.icon("warning") }}</span>
        <div class="stat-value">{{ health_counts.degraded }}</div>
        <div class="stat-label">Degraded</div>
    </div>
    <div class="stat-card">
        <span class="health-maintenance pyc-icon-large" aria-hidden="true">{{ ui.icon("build") }}</span>
        <div class="stat-value">{{ health_counts.maintenance }}</div>
        <div class="stat-label">Maintenance</div>
    </div>
    <div class="stat-card">
        <span class="health-offline pyc-icon-large" aria-hidden="true">{{ ui.icon("cancel") }}</span>
        <div class="stat-value">{{ health_counts.offline }}</div>
        <div class="stat-label">Offline</div>
    </div>
</div>

{% if health_groups.offline %}
<div class="card">
    <div class="card-header text-danger">
        {{ ui.icon("cancel") }} Offline Resources
    </div>
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">Type</th>
                <th scope="col">Pool</th>
            </tr>
        </thead>
        <tbody>
            {% for resource in health_groups.offline %}
            <tr>
                <td><a href="{{ url_for('resources.health_detail', resource_id=resource.id) }}">{{ resource.name }}</a></td>
                <td>{{ resource.resource_type }}</td>
                <td>{{ resource.pool_name | display }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {{ group_footer('offline', health_groups.offline | length, health_counts.offline, 'resources') }}
</div>
{% endif %}

{% if health_groups.degraded %}
<div class="card">
    <div class="card-header" style="color: var(--pyc-color-on-warning-surface);">
        {{ ui.icon("warning") }} Degraded Resources
    </div>
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">Type</th>
                <th scope="col">Pool</th>
            </tr>
        </thead>
        <tbody>
            {% for resource in health_groups.degraded %}
            <tr>
                <td><a href="{{ url_for('resources.health_detail', resource_id=resource.id) }}">{{ resource.name }}</a></td>
                <td>{{ resource.resource_type }}</td>
                <td>{{ resource.pool_name | display }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {{ group_footer('degraded', health_groups.degraded | length, health_counts.degraded, 'resources') }}
</div>
{% endif %}

{% if health_groups.maintenance %}
<div class="card">
    <div class="card-header" style="color: var(--pyc-color-on-surface-muted);">
        {{ ui.icon("build") }} Resources in Maintenance
    </div>
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">Type</th>
                <th scope="col">Pool</th>
            </tr>
        </thead>
        <tbody>
            {% for resource in health_groups.maintenance %}
            <tr>
                <td><a href="{{ url_for('resources.health_detail', resource_id=resource.id) }}">{{ resource.name }}</a></td>
                <td>{{ resource.resource_type }}</td>
                <td>{{ resource.pool_name | display }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {{ group_footer('maintenance', health_groups.maintenance | length, health_counts.maintenance, 'resources') }}
</div>
{% endif %}

{% if selected_status == '' or selected_status == 'online' %}
<div class="card">
    <div class="card-header text-success">
        {{ ui.icon("check_circle") }} Online Resources ({{ health_counts.online }})
    </div>
    {% if health_groups.online %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">Type</th>
                <th scope="col">Pool</th>
                <th scope="col">Capacity</th>
            </tr>
        </thead>
        <tbody>
            {% for resource in health_groups.online %}
            <tr>
                <td><a href="{{ url_for('resources.health_detail', resource_id=resource.id) }}">{{ resource.name }}</a></td>
                <td>{{ resource.resource_type }}</td>
                <td>{{ resource.pool_name | display }}</td>
                <td>{{ resource.current_allocations }}/{{ resource.capacity }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {{ group_footer('online', health_groups.online | length, health_counts.online, 'online resources') }}
    {% else %}
    <p class="muted">No online resources</p>
    {% endif %}
</div>
{% endif %}

{% if selected_status and not health_groups[selected_status] %}
<p class="muted" data-role="empty-status">No {{ selected_status }} resources{% if page > 1 %} on this page{% endif %}.</p>
{% endif %}

{% if selected_status %}
{{ ui.pagination('resources.health_dashboard', page, total_pages, {'status': selected_status, 'per_page': per_page}, health_counts[selected_status]) }}
{% endif %}
{% endblock %}