{{ define "index_title" }}Honeypot Dashboard{{ end }}
{{ define "index_content" }}
<div class="space-y-8">
  <h1 class="text-2xl font-semibold text-white">Honeypot Overview</h1>
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
    <div class="bg-gray-800 border border-gray-700 rounded-lg p-4">
      <div class="text-sm text-gray-400">Total IPs</div>
      <div class="text-3xl font-bold text-primary-400">{{ index .Stats "total_ips" }}</div>
    </div>
    <div class="bg-gray-800 border border-gray-700 rounded-lg p-4">
      <div class="text-sm text-gray-400">Blacklisted</div>
      <div class="text-3xl font-bold text-primary-400">{{ index .Stats "blacklisted_ips" }}</div>
    </div>
    <div class="bg-gray-800 border border-gray-700 rounded-lg p-4">
      <div class="text-sm text-gray-400">Connections</div>
      <div class="text-3xl font-bold text-primary-400">{{ index .Stats "total_connections" }}</div>
    </div>
    <div class="bg-gray-800 border border-gray-700 rounded-lg p-4">
      <div class="text-sm text-gray-400">Auth Attempts</div>
      <div class="text-3xl font-bold text-primary-400">{{ index .Stats "total_auth_attempts" }}</div>
    </div>
  </div>
  <div>
    <h2 class="text-xl font-semibold text-white mb-3">Quick Actions</h2>
    <div class="flex flex-wrap gap-3">
      <a class="px-4 py-2 bg-primary-600 hover:bg-primary-500 rounded text-white" href="/logs">View Recent Logs</a>
      <a class="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded text-white" href="/threats">View Top Threats</a>
      <a class="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded text-white" href="/blacklist">Manage Blacklist</a>
      <a class="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded text-white" href="/stats">Detailed Statistics</a>
    </div>
  </div>
</div>
{{ end }}