{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <h3 class="text-primary mb-3">Documents — {{ emp.full_name }} ({{ emp.employee_code }})</h3>

  <div class="card shadow-sm">
    <div class="table-responsive">
      <table class="table table-bordered m-0">
        <thead class="table-light">
          <tr>
            <th>#</th><th>Type</th><th>Title</th><th>Issued</th><th>Valid Until</th><th>Size</th><th>Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for rec, dtype in rows %}
          <tr>
            <td>{{ loop.index }}</td>
            <td>{{ dtype.name }}</td>
            <td>{{ rec.title }}</td>
            <td>{{ rec.issued_on or '-' }}</td>
            <td>{{ rec.valid_until or '-' }}</td>
            <td>{{ (rec.file_size // 1024) }} KB</td>
            <td class="text-nowrap">
              <a class="btn btn-sm btn-outline-primary" href="{{ url_for('docs.download_doc', doc_id=rec.id) }}">Download</a>
              <form method="post" action="{{ url_for('docs.delete_doc', doc_id=rec.id) }}" style="display:inline">
                <button class="btn btn-sm btn-outline-danger" onclick="return confirm('Remove this document?')">Delete</button>
              </form>
            </td>
          </tr>
          {% else %}
          <tr><td colspan="7" class="text-center text-muted">No documents.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}