block %}
{% block content %}
<div class="content">
  <h1>users</h1>
  <div class="card">
    <form method="get" action="/admin/users" style="margin-bottom: 1rem;">
      <div class="form-group" style="display: flex; gap: 0.5rem;">
        <input type="text" name="q" value="{{ query }}" placeholder="search by email or sub">
        <button type="submit" class="btn-fill">search</button>
      </div>
    </form>
    {% if users.is_empty() %}
    <p>no users found.</p>
    {% else %}
    <table class="admin-table">
      <thead>
        <tr>
          <th>email</th>
          <th>plan</th>
          <th>status</th>
          <th>created</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for u in users %}
        <tr>
          <td>{{ u.email }}</td>
          <td>{{ u.plan }}</td>
          <td>{% if u.suspended %}suspended{% else %}active{% endif %}</td>
          <td>{{ u.created_at }}</td>
          <td><a href="/admin/users/{{ u.sub }}">view</a></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% endif %}
  </div>
</div>
{% endblock %}