{% extends "base.html" %}
{% block content %}
<div class="page-header">
  <h1>Staff</h1>
  {% if current_user.has_permission('users.create') %}
    <a href="/staff/new" class="btn btn-primary btn-sm"><i class="fa-solid fa-plus"></i> Add Staff</a>
  {% endif %}
</div>
<div class="card-panel">
  <table class="hop-table">
    <thead><tr><th>Name</th><th>Username</th><th>Role</th><th>Department</th><th>Status</th><th>Last Login</th></tr></thead>
    <tbody>
    {% for s in staff %}
      <tr>
        <td><a class="row-link" href="/staff/{{ s.id }}">{{ s.full_name }}</a></td>
        <td>{{ s.username }}</td>
        <td>{{ s.role.name if s.role else '—' }}</td>
        <td>{{ s.department }}</td>
        <td><span class="status-pill badge-status-{{ s.status.value }}">{{ s.status.value }}</span></td>
        <td>{{ s.last_login_at.strftime('%d %b %Y %H:%M') if s.last_login_at else 'Never' }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}