{% extends "base.html" %}
{% block content %}
<div class="container mt-4" style="max-width: 900px;">
  <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:42px;">#</th>
          <th>Exit / Employee</th>
          <th>Title</th>
          <th style="width:120px;">File</th>
          <th style="width:160px;">Assigned</th>
          <th style="width:120px;">Action</th>
        </tr>
      </thead>
      <tbody>
        {% for row in rows %}
        <tr>
          <td class="text-muted">{{ loop.index }}</td>
          <td>
            <a href="{{ url_for('exit.view', exit_id=row.exit.id) }}">
              {{ row.exit.employee.full_name }} ({{ row.exit.employee.employee_code }})
            </a>
          </td>
          <td>{{ row.doc.title }}</td>
          <td><a target="_blank" href="{{ url_for('static', filename=row.doc.file_path.replace('\\','/')) }}">Download</a></td>
          <td>{{ row.viewer.created_at.strftime('%d %b %Y') if row.viewer.created_at else '-' }}</td>
          <td>
            {% if not row.viewer.acknowledged_at %}
            <form method="POST" action="{{ url_for('exit.ack_handover', doc_id=row.doc.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>
</div>
{% endblock %}