{{define "content"}}
<div class="bg-white rounded shadow p-4">
  <h1 class="text-2xl font-bold">{{.Title}}</h1>
  <div class="mt-4">
    <button class="px-3 py-2 bg-blue-500 text-white rounded" hx-get="/api/pools" hx-swap="outerHTML" hx-trigger="click">Refresh pools</button>
  </div>
  <div id="pools" class="mt-4">
    <div class="text-sm text-gray-600">Pools: <span id="pools-count">1</span></div>
    <div class="mt-2 p-2 bg-gray-50 rounded">tank — ONLINE — 1TiB</div>
  </div>
  <div class="mt-6">
    <h2 class="text-lg font-semibold">Jobs</h2>
    <div id="jobs">
      <div class="text-sm text-gray-500">No active jobs</div>
    </div>
  </div>
</div>
{{end}}
