{% extends "base.html" %}
{% block content %}
<div class="container mt-4" style="max-width:1100px;">
  <h4 class="mb-3">My Handover Acknowledgments</h4>

  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      {% for c, m in messages %}<div class="alert alert-{{c}}">{{ m }}</div>{% endfor %}
    {% endif %}
  {% endwith %}

  <div class="table-responsive">
    <table class="table table-sm align-middle">
      <thead class="table-light">
        <tr>
          <th style="width:64px;">#</th>
          <th>Exit / Employee</th>
          <th>Title</th>
          <th style="width:120px;">File</th>
          <th style="width:150px;">Assigned</th>
          <th style="width:120px;">Action</th>
        </tr>
      </thead>
      <tbody>
        {% for d, er, v in items['items'] %}
        <tr>
          <td class="text-muted">{{ loop.index + (items.page-1)*items.per_page }}</td>
          <td><a href="{{ url_for('exit.view', exit_id=er.id) }}">{{ er.employee.full_name if er.employee else er.employee_id }}</a></td>
          <td>{{ d.title }}</td>
          <td><a target="_blank" href="{{ url_for('static', filename=d.file_path) }}">Download</a></td>
          <td>{{ d.uploaded_at.strftime('%d %b %Y') }}</td>
          <td>
            {% if not v.acknowledged_at %}
            <form method="POST" action="{{ url_for('exit.ack_handover', doc_id=d.id) }}">
              <button class="btn btn-outline-primary btn-sm">Acknowledge</button>
            </form>
            {% else %}
              <span class="text-success">Acknowledged</span>
            {% endif %}
          </td>
        </tr>
        {% else %}
        <tr><td colspan="6" class="text-center text-muted py-4">No pending acknowledgments.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <nav class="d-flex justify-content-center">
    <ul class="pagination pagination-sm mb-0">
      <li class="page-item {{ '' if items.has_prev else 'disabled' }}">
        <a class="page-link" href="?page={{ items.prev_num if items.has_prev else items.page }}">Prev</a>
      </li>
      <li class="page-item disabled"><span class="page-link">Page {{ items.page }} / {{ items.pages or 1 }}</span></li>
      <li class="page-item {{ '' if items.has_next else 'disabled' }}">
        <a class="page-link" href="?page={{ items.next_num if items.has_next else items.page }}">Next</a>
      </li>
    </ul>
  </nav>
</div>
{% endblock %}