{{define "monitoring"}}
{{template "base" .}}
{{define "content"}}
<div class="container mx-auto p-4">
  <div class="flex justify-between items-center mb-6">
    <h1 class="text-3xl font-bold">Monitoring Dashboard</h1>
    <a href="/dashboard" class="text-blue-600 hover:underline">← Back to Dashboard</a>
  </div>

  <div id="monitoring-content" hx-get="/hx/monitoring" hx-trigger="load" hx-swap="innerHTML">
    <div class="text-center py-8 text-gray-500">Loading metrics...</div>
  </div>
</div>
{{end}}
{{end}}