{% extends 'admin/layout.twig' %}
{% block title %}Users — Admin{% endblock %}
{% block content %}
    <div class="admin-page-head">
        <h1>Users</h1>
        {% if current_user().role == 'admin' %}
            <p><a class="btn btn-primary" href="{{ app_url('/admin/users/new') }}">+ New user</a></p>
        {% endif %}
    </div>

    <form method="get" class="filter-bar">
        <input type="search" name="q" value="{{ search }}" placeholder="Search name or email…">
        <select name="role">
            <option value="">All roles</option>
            <option value="admin"    {{ role == 'admin'    ? 'selected' : '' }}>Admins</option>
            <option value="agent"    {{ role == 'agent'    ? 'selected' : '' }}>Agents</option>
            <option value="customer" {{ role == 'customer' ? 'selected' : '' }}>Customers</option>
        </select>
        <button type="submit" class="btn btn-primary">Filter</button>
        <a href="{{ app_url('/admin/users') }}" class="btn btn-light">Clear</a>
    </form>

    <table class="data-table">
        <thead>
            <tr><th>Name</th><th>Email</th><th>Role</th><th>Joined</th><th></th></tr>
        </thead>
        <tbody>
            {% for u in users.rows %}
                <tr>
                    <td>{{ u.name }}</td>
                    <td>{{ u.email }}</td>
                    <td><span class="badge role-{{ u.role }}">{{ u.role }}</span></td>
                    <td>{{ u.created_at|time_ago }}</td>
                    <td>
                        <a class="btn btn-light small" href="{{ app_url('/admin/users/' ~ u.id ~ '/edit') }}">Edit</a>
                        {% if current_user().role == 'admin' and u.id != current_user().id %}
                            <form method="post" action="{{ app_url('/admin/users/' ~ u.id ~ '/delete') }}" class="inline-form" onsubmit="return confirm('Delete this user?');">
                                {{ csrf_field()|raw }}
                                <button type="submit" class="btn btn-danger small">Delete</button>
                            </form>
                        {% endif %}
                    </td>
                </tr>
            {% else %}
                <tr><td colspan="5" class="muted">No users.</td></tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}