<div class="container mx-auto px-4 py-8">
  <details class="mb-4 bg-white border rounded p-4">
    <summary class="cursor-pointer font-semibold">Bu sayfa ne işe yarar? Nasıl kullanırım?</summary>
    <div class="mt-3 text-sm text-gray-700 space-y-2">
      <p><b>Sistem Sağlığı</b> sayfası uygulamanın çalışma durumu ve temel metriklerini gösterir.</p>
      <p><b>Uptime</b>: Uygulamanın kaç saniyedir ayakta olduğunu gösterir.</p>
      <p><b>DB Ping (dbMs)</b>: Veritabanına basit bir sorgunun milisaniye cinsinden tahmini süresi.</p>
      <p><b>Sayım Kartları</b>: Kullanıcı, Kanal, Havuz ve Havuz Öğesi toplamlarını gösterir.</p>
      <p><b>Scheduled Jobs</b>: Zamanlanmış paylaşım işlerinin sayısı.</p>
      <p><b>JSON</b>: Sağ üstteki linkten ham JSON çıktısını görebilirsiniz.</p>
    </div>
  </details>
  <div class="max-w-3xl mx-auto bg-white shadow rounded p-6">
    <h1 class="text-2xl font-bold mb-4">Sistem Sağlığı</h1>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
      <div class="p-4 border rounded">
        <div class="text-xs text-gray-500">Durum</div>
        <div class="text-lg font-semibold <%= model.ok ? 'text-green-600' : 'text-red-600' %>"><%= model.ok ? 'OK' : 'HATA' %></div>
      </div>
      <div class="p-4 border rounded">
        <div class="text-xs text-gray-500">Çalışma Süresi (sn)</div>
        <div class="text-lg font-semibold"><%= model.uptimeSec %></div>
      </div>
      <div class="p-4 border rounded">
        <div class="text-xs text-gray-500">Başlangıç</div>
        <div class="text-lg font-semibold"><%= model.startedAt || '-' %></div>
      </div>
      <div class="p-4 border rounded">
        <div class="text-xs text-gray-500">PID</div>
        <div class="text-lg font-semibold"><%= model.pid %></div>
      </div>
      <div class="p-4 border rounded">
        <div class="text-xs text-gray-500">Node</div>
        <div class="text-lg font-semibold"><%= model.node %></div>
      </div>
      <div class="p-4 border rounded">
        <div class="text-xs text-gray-500">Platform</div>
        <div class="text-lg font-semibold"><%= model.platform %></div>
      </div>
      <div class="p-4 border rounded">
        <div class="text-xs text-gray-500">Zaman Dilimi</div>
        <div class="text-lg font-semibold"><%= model.timezone %></div>
      </div>
      <div class="p-4 border rounded">
        <div class="text-xs text-gray-500">Ortam</div>
        <div class="text-lg font-semibold"><%= model.env %></div>
      </div>
    </div>

    <div class="mt-6 flex items-center gap-3">
      <a class="px-3 py-2 bg-indigo-600 text-white rounded" href="/health/json">JSON</a>
      <a class="px-3 py-2 bg-gray-100 rounded" href="/cron/status?secret=<%= process.env.CRON_SECRET ? '***' : '' %>">Cron Durumu</a>
    </div>
  </div>
</div>
