{% extends 'base.html' %}
{% block content %}
<div class="row g-4">
  <div class="col-xl-4">
    <div class="card border-0 shadow-sm">
      <div class="card-header bg-white"><h5 class="fw-bold mb-0">Upload Dokumen</h5></div>
      <div class="card-body">
        {% if current_user.role in ['super_admin', 'admin'] %}
        <form method="post" enctype="multipart/form-data" class="row g-3">
          <div class="col-12"><input class="form-control" name="title" placeholder="Judul dokumen" required></div>
          <div class="col-md-6"><input class="form-control" name="module" placeholder="Modul" required></div>
          <div class="col-md-6"><input class="form-control" name="category" placeholder="Kategori"></div>
          <div class="col-md-6"><input class="form-control" name="version" placeholder="Versi" value="1.0"></div>
          <div class="col-md-6"><select class="form-select" name="status"><option>Draft</option><option>Review</option><option>Approved</option></select></div>
          <div class="col-12"><input class="form-control" type="file" name="file" required></div>
          <div class="col-12"><button class="btn btn-primary w-100">Upload</button></div>
        </form>
        {% endif %}
      </div>
    </div>
  </div>
  <div class="col-xl-8">
    <div class="card border-0 shadow-sm">
      <div class="card-header bg-white"><h5 class="fw-bold mb-0">Repositori Dokumen</h5></div>
      <div class="card-body table-responsive">
        <table class="table align-middle">
          <thead><tr><th>Judul</th><th>Modul</th><th>Versi</th><th>Status</th><th>Uploader</th><th>Aksi</th></tr></thead>
          <tbody>
            {% for doc in docs %}
            <tr>
              <td>{{ doc.title }}<div class="small text-secondary">{{ doc.category or '-' }}</div></td>
              <td>{{ doc.module }}</td>
              <td>{{ doc.version }}</td>
              <td><span class="badge text-bg-light border">{{ doc.status }}</span></td>
              <td>{{ doc.uploaded_by }}</td>
              <td><a href="{{ url_for('download_document', doc_id=doc.id) }}" class="btn btn-sm btn-outline-primary">Unduh</a></td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}