{% extends "admin/_base.html" %}
{% block content %}
<header class="rio-page-header">
<nav class="rio-breadcrumbs"><a href="/admin">Home</a> ยท <span>Users</span></nav>
<div class="rio-page-actions">
<h1>Users</h1>
<a class="rio-button rio-button--primary" href="/admin/users/new">{{ icon("plus", class="rio-icon") }} Add user</a>
</div>
</header>
<section class="rio-card rio-list">
{% if users %}
<table class="rio-table rio-table--striped">
<thead>
<tr>
<th class="rio-th">ID</th>
<th class="rio-th">Email</th>
<th class="rio-th">Role</th>
<th class="rio-th">Active</th>
<th class="rio-th">Created</th>
<th class="rio-th rio-th--actions">Actions</th>
</tr>
</thead>
<tbody>
{% for u in users %}
<tr>
<td class="rio-td rio-td--number"><a href="/admin/users/{{ u.id }}">{{ u.id }}</a></td>
<td class="rio-td rio-td--text" title="{{ u.email }}"><a href="/admin/users/{{ u.id }}">{{ u.email }}</a></td>
<td class="rio-td">{{ u.role }}</td>
<td class="rio-td">{% if u.is_active %}Yes{% else %}No{% endif %}</td>
<td class="rio-td rio-td--datetime">{{ u.created_at }}</td>
<td class="rio-td rio-td--actions">
<a class="rio-button rio-button--ghost rio-button--sm" href="/admin/users/{{ u.id }}/edit">{{ icon("pencil", class="rio-icon") }} Edit</a>
<a class="rio-button rio-button--danger-ghost rio-button--sm" href="/admin/users/{{ u.id }}/delete">{{ icon("trash", class="rio-icon") }} Delete</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<p class="rio-empty">No users yet.</p>
{% endif %}
</section>
{% endblock %}