{% extends "admin/layout.html" %}
{% block content %}
<div class="flex items-center justify-between mb-4">
  <h2 class="text-xl font-bold text-slate-800">Documents</h2>
  <a href="{{ url_for('admin.tambahdokumen') }}" class="btn-primary"><i class="fas fa-plus"></i> Add Document</a>
</div>

<div class="overflow-x-auto rounded-xl border border-slate-200">
  <table class="table-soft">
    <thead>
      <tr><th>No</th><th>Title</th><th>Type</th><th>Size</th><th>Date</th><th>Action</th></tr>
    </thead>
    <tbody>
      {% for d in daftar.items %}
      <tr>
        <td>{{ loop.index }}</td>
        <td class="max-w-xs">
          <span class="font-medium text-slate-700">{{ d.judul }}</span>
          {% if d.deskripsi %}<p class="text-xs text-slate-400 line-clamp-1">{{ d.deskripsi }}</p>{% endif %}
        </td>
        <td><span class="text-xs px-2 py-0.5 rounded-full bg-slate-100 text-slate-600">{{ d.tipe or '-' }}</span></td>
        <td class="text-sm text-slate-500">{{ d.ukuran or '-' }}</td>
        <td class="text-sm text-slate-500">{{ d.tanggaldibuat.strftime('%d-%m-%Y') }}</td>
        <td class="space-x-1 whitespace-nowrap">
          <a href="{{ url_for('admin.ubahdokumen', iddokumen=d.id) }}" class="btn bg-amber-500 text-white text-xs px-3 py-1.5 hover:bg-amber-600">Edit</a>
          <a href="{{ url_for('admin.hapusdokumen', iddokumen=d.id) }}" class="btn-danger text-xs px-3 py-1.5" data-confirm="Are you sure you want to delete this document?">Delete</a>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="6" class="text-center text-slate-400 py-6">No documents yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<div class="mt-6 flex justify-center gap-2 text-sm">
  {% if daftar.has_prev %}
  <a href="{{ url_for('admin.dokumen', halaman=daftar.prev_num) }}" class="px-3 py-1.5 rounded-lg bg-white shadow-card text-brand-600 hover:bg-brand-50">« Previous</a>
  {% endif %}
  <span class="px-3 py-1.5 text-slate-500">Page {{ daftar.page }} of {{ daftar.pages }}</span>
  {% if daftar.has_next %}
  <a href="{{ url_for('admin.dokumen', halaman=daftar.next_num) }}" class="px-3 py-1.5 rounded-lg bg-white shadow-card text-brand-600 hover:bg-brand-50">Next »</a>
  {% endif %}
</div>
{% endblock content %}