{% extends "fusion/base.html" %}
{% block title %}{{ title | default(value="Fusion Monitor") }}{% endblock %}
{% block head %}
<meta http-equiv="refresh" content="5" />
<style>
  .fusion-monitor { max-width: 960px; margin: 0 auto; }
  .fusion-monitor__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-bottom: 1.5rem;
  }
  .fusion-monitor__header h1 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 650;
    letter-spacing: -0.02em;
  }
  .fusion-monitor__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: auto;
  }
  .fusion-monitor__section { margin-bottom: 1.75rem; }
  .fusion-monitor__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
  }
  .fusion-monitor__empty {
    color: #64748b;
    font-size: 0.95rem;
    margin: 0.5rem 0 0;
  }
</style>
{% endblock %}
{% block content %}
<div class="fusion-monitor">
  <div class="fusion-monitor__header">
    <h1>{{ title | default(value="Fusion Monitor") }}</h1>
    <div class="fusion-monitor__meta">
      {{<fusion.badge label={driver_label} variant="success" dot={true} />}}
      {{<fusion.badge label={entry_badge} variant="default" />}}
      {{<fusion.badge label={event_badge} variant="default" />}}
      {{<fusion.badge label={task_badge} variant="default" />}}
    </div>
  </div>

  {% <fusion.card title="Live entries"> %}
    {% if empty_entries %}
    <p class="fusion-monitor__empty">No keys in the process-wide cache.</p>
    {% else %}
    {{<fusion.table headers={entry_headers} rows={entry_rows} caption="Current cache keys" page_size={10} />}}
    {% endif %}
  {% </fusion.card> %}

  <div class="fusion-monitor__section"></div>

  {% <fusion.card title="Recent activity"> %}
    {% if empty_events %}
    <p class="fusion-monitor__empty">No set / delete / clear events yet.</p>
    {% else %}
    {{<fusion.table headers={event_headers} rows={event_rows} caption="Recent cache mutations" page_size={10} />}}
    {% endif %}
  {% </fusion.card> %}

  <div class="fusion-monitor__section"></div>

  {% <fusion.card title="Background tasks"> %}
    {% if empty_tasks %}
    <p class="fusion-monitor__empty">No process-wide Tokio background tasks tracked yet.</p>
    {% else %}
    {{<fusion.table headers={task_headers} rows={task_rows} caption="Background tasks" page_size={10} />}}
    {% endif %}
  {% </fusion.card> %}

  <div class="fusion-monitor__actions">
    {{<fusion.button label="Refresh" href={path} variant="primary" />}}
    {{<fusion.button label="JSON snapshot" href={json_path} variant="secondary" />}}
  </div>
</div>
{% endblock %}