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

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

{% block content %}
<div class="page-header">
    <h1>Resource Management Dashboard</h1>
    <p>Overview of resources, allocations, and system health</p>
</div>

{% if can_manage and (pool_count == 0 or resource_count == 0 or ip_pool_count == 0) %}
{#- First run: the three things a lab needs, in the order it needs them, with what is done so far. #}
<div class="card mb" data-role="first-run-checklist">
    <h2 class="card-header">Get started</h2>
    <ol class="pyc-checklist">
        <li>
            <span class="badge {{ 'badge-success' if pool_count > 0 else 'badge-secondary' }}">{{ 'Done' if pool_count > 0 else 'To do' }}</span>
            <span><a href="{{ url_for('resources.pool_create') }}">Create a resource pool</a> to group the devices you will lend out.</span>
        </li>
        <li>
            <span class="badge {{ 'badge-success' if resource_count > 0 else 'badge-secondary' }}">{{ 'Done' if resource_count > 0 else 'To do' }}</span>
            <span>Register your devices: <a href="{{ url_for('resources.resource_create') }}">add one</a> or <a href="{{ url_for('resources.resource_import') }}">import a spreadsheet</a>.</span>
        </li>
        <li>
            <span class="badge {{ 'badge-success' if ip_pool_count > 0 else 'badge-secondary' }}">{{ 'Done' if ip_pool_count > 0 else 'To do' }}</span>
            <span><a href="{{ url_for('resources.ip_pool_create') }}">Create an IP pool</a> if devices need addresses handed out.</span>
        </li>
    </ol>
</div>
{% endif %}

<div class="stat-grid stat-grid--dense">
    <a href="{{ url_for('resources.resource_list') }}" class="stat-card stat-card--link">
        <div class="stat-value">{{ resource_count }}</div>
        <div class="stat-label">Total Resources</div>
    </a>
    <a href="{{ url_for('resources.pool_list') }}" class="stat-card stat-card--link">
        <div class="stat-value">{{ pool_count }}</div>
        <div class="stat-label">Resource Pools</div>
    </a>
    <a href="{{ url_for('resources.ip_pool_list') }}" class="stat-card stat-card--link">
        <div class="stat-value">{{ ip_pool_count }}</div>
        <div class="stat-label">IP Pools</div>
    </a>
    <a href="{{ url_for('resources.allocation_list') }}" class="stat-card stat-card--link">
        <div class="stat-value">{{ active_allocation_count }}</div>
        <div class="stat-label">Active Allocations</div>
    </a>
</div>

<div class="card">
    <h2 class="card-header">Resource Health Status</h2>
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr)); gap: 20px;">
        <div class="center pad">
            <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="muted">Online</div>
        </div>
        <div class="center pad">
            <span class="health-degraded pyc-icon-large" aria-hidden="true">{{ ui.icon("warning") }}</span>
            <div class="stat-value">{{ health_counts.degraded }}</div>
            <div class="muted">Degraded</div>
        </div>
        <div class="center pad">
            <span class="health-maintenance pyc-icon-large" aria-hidden="true">{{ ui.icon("build") }}</span>
            <div class="stat-value">{{ health_counts.maintenance }}</div>
            <div class="muted">Maintenance</div>
        </div>
        <div class="center pad">
            <span class="health-offline pyc-icon-large" aria-hidden="true">{{ ui.icon("cancel") }}</span>
            <div class="stat-value">{{ health_counts.offline }}</div>
            <div class="muted">Offline</div>
        </div>
    </div>
</div>

<div class="card">
    <h2 class="card-header">Quick Actions</h2>
    <div class="actions-row">
        {% if can_manage %}
        <a href="{{ url_for('resources.resource_create') }}" class="btn btn-primary">
            {{ ui.icon("add") }} Create Resource
        </a>
        <a href="{{ url_for('resources.pool_create') }}" class="btn btn-secondary">
            {{ ui.icon("create_new_folder") }} Create Resource Pool
        </a>
        <a href="{{ url_for('resources.ip_pool_create') }}" class="btn btn-secondary">
            {{ ui.icon("add_circle") }} Create IP Pool
        </a>
        {% endif %}
        <a href="{{ url_for('resources.reservation_create') }}" class="btn btn-secondary">
            {{ ui.icon("event") }} Create Reservation
        </a>
    </div>
</div>
{% endblock %}