{% extends "base.html" %}
{% block content %}
<div class="container mt-4" style="max-width:1100px;">
  <h4 class="mb-3">Approvals Queue</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>Employee</th>
          <th>Status</th>
          <th>Resignation</th>
          <th>LWD</th>
          <th style="width:180px;">Needs</th>
          <th style="width:120px;">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for er 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>
            <div class="small text-muted">{{ er.employee.employee_code if er.employee else '' }}</div>
          </td>
          <td><span class="badge bg-secondary">{{ er.status|replace('_',' ') }}</span></td>
          <td>{{ er.resignation_date.strftime('%d %b %Y') }}</td>
          <td>{{ er.proposed_lwd.strftime('%d %b %Y') }}</td>
          <td class="small">
            {% set needs = [] %}
            {% if not er.manager_approved_at %}{% set _ = needs.append('Manager Accept') %}{% endif %}
            {% if er.manager_approved_at and not er.final_ok_by_manager_at %}{% set _ = needs.append('Manager Final OK') %}{% endif %}
            {{ needs|join(', ') if needs else '—' }}
          </td>
          <td>
            <a class="btn btn-outline-primary btn-sm" href="{{ url_for('exit.view', exit_id=er.id) }}">Open</a>
          </td>
        </tr>
        {% else %}
        <tr><td colspan="7" class="text-center text-muted py-4">Nothing pending your approval.</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 %}