{{ define "blacklist_title" }}Blacklist{{ end }}
{{ define "blacklist_content" }}
<h1 class="text-2xl font-semibold text-white mb-4">Blacklisted IPs</h1>
<div class="bg-gray-800 border border-gray-700 rounded-lg">
  <div class="overflow-x-auto">
    <table class="min-w-full divide-y divide-gray-700">
      <thead class="bg-gray-800">
        <tr>
          <th class="px-4 py-2 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">IP Address</th>
          <th class="px-4 py-2 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Actions</th>
        </tr>
      </thead>
      <tbody class="bg-gray-900 divide-y divide-gray-800">
        {{ range .Blacklisted }}
        <tr>
          <td class="px-4 py-2 text-sm text-gray-300">{{ . }}</td>
          <td class="px-4 py-2 text-sm text-gray-300">
            <!-- Actions could be added here (unblacklist) -->
            <span class="text-gray-500">—</span>
          </td>
        </tr>
        {{ else }}
        <tr>
          <td class="px-4 py-4 text-sm text-gray-400" colspan="2">No blacklisted IPs.</td>
        </tr>
        {{ end }}
      </tbody>
    </table>
  </div>
</div>
{{ end }}