{% extends 'base.html' %}
{% block title %}Paperwork – IT Asset Management{% endblock %}
{% block breadcrumb %}
  <li class="breadcrumb-item"><a href="{{ url_for('dashboard.index') }}">Home</a></li>
  <li class="breadcrumb-item active">Paperwork</li>
{% endblock %}

{% block content %}
<div class="page-header d-flex align-items-center justify-content-between mb-4">
  <h1><i class="bi bi-file-earmark-text me-2"></i>Paperwork</h1>
  <a href="{{ url_for('paperwork.create') }}" class="btn btn-primary btn-sm">
    <i class="bi bi-file-earmark-plus me-1"></i>New Document
  </a>
</div>

<form method="GET" class="row g-2 mb-3">
  <div class="col-md-3">
    <select name="doc_type" class="form-select form-select-sm" onchange="this.form.submit()">
      <option value="">All document types</option>
      {% for val, label in doc_types %}
      <option value="{{ val }}" {% if doc_type_filter == val %}selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="col-auto">
    <a href="{{ url_for('paperwork.index') }}" class="btn btn-sm btn-outline-secondary">Clear</a>
  </div>
</form>

<div class="card border-0 shadow-sm">
  <div class="table-responsive">
    <table class="table table-hover mb-0">
      <thead class="table-light">
        <tr>
          <th>Title</th>
          <th>Type</th>
          <th>User</th>
          <th>Asset SN</th>
          <th>Created</th>
          <th>PDF</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for d in pagination.items %}
        <tr>
          <td><a href="{{ url_for('paperwork.detail', doc_id=d.id) }}">{{ d.title }}</a></td>
          <td><span class="badge bg-info text-dark">{{ d.doc_type_label }}</span></td>
          <td>
            <a href="{{ url_for('users.detail', user_id=d.user.id) }}">{{ d.user.display_name }}</a>
          </td>
          <td>{{ d.asset.serial_number if d.asset else '—' }}</td>
          <td>{{ d.created_at.strftime('%d/%m/%Y') if d.created_at else '—' }}</td>
          <td>
            {% if d.pdf_filename %}
              <span class="badge bg-success"><i class="bi bi-check"></i> Ready</span>
            {% else %}
              <span class="badge bg-secondary">—</span>
            {% endif %}
          </td>
          <td>
            <a href="{{ url_for('paperwork.detail', doc_id=d.id) }}"
               class="btn btn-sm btn-outline-secondary py-0 px-2">
              <i class="bi bi-eye"></i>
            </a>
            {% if d.pdf_filename %}
            <a href="{{ url_for('paperwork.download', doc_id=d.id) }}"
               class="btn btn-sm btn-outline-primary py-0 px-2">
              <i class="bi bi-download"></i>
            </a>
            {% endif %}
          </td>
        </tr>
        {% else %}
        <tr><td colspan="7" class="text-center text-muted py-4">No documents found.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% if pagination.pages > 1 %}
  <div class="card-footer bg-white d-flex justify-content-between align-items-center py-2">
    <small class="text-muted">Showing {{ pagination.first }}–{{ pagination.last }} of {{ pagination.total }}</small>
    <nav>
      <ul class="pagination pagination-sm mb-0">
        {% if pagination.has_prev %}
          <li class="page-item">
            <a class="page-link" href="{{ url_for('paperwork.index', page=pagination.prev_num, doc_type=doc_type_filter) }}">‹</a>
          </li>
        {% endif %}
        {% for p in pagination.iter_pages() %}
          {% if p %}
            <li class="page-item {% if p == pagination.page %}active{% endif %}">
              <a class="page-link" href="{{ url_for('paperwork.index', page=p, doc_type=doc_type_filter) }}">{{ p }}</a>
            </li>
          {% else %}
            <li class="page-item disabled"><span class="page-link">…</span></li>
          {% endif %}
        {% endfor %}
        {% if pagination.has_next %}
          <li class="page-item">
            <a class="page-link" href="{{ url_for('paperwork.index', page=pagination.next_num, doc_type=doc_type_filter) }}">›</a>
          </li>
        {% endif %}
      </ul>
    </nav>
  </div>
  {% endif %}
</div>
{% endblock %}