{% extends 'layouts/app.twig' %}

{% block content %}
  <div class="page-header page-header-split">
    <div>
      <h1>Users</h1>
      <p class="page-subtitle">Manage accounts that can access this company.</p>
    </div>
    <a class="btn btn-primary" href="{{ base_url }}/users/create">Create User</a>
  </div>

  {% if saved %}<div class="alert alert-success">User account created.</div>{% endif %}

  <section class="list-panel">
    <div class="table-wrap dashboard-table">
      <table>
        <thead>
          <tr><th>Name</th><th>Email</th><th>Role</th><th>Created</th><th></th></tr>
        </thead>
        <tbody>
          {% for user in users %}
            <tr>
              <td><div class="item-name">{{ user.name }}</div></td>
              <td>{{ user.email }}</td>
              <td><span class="status-badge status-converted">{{ user.role_labels ?: 'No role' }}</span></td>
              <td>{{ user.created_at }}</td>
              <td>
                <a class="btn btn-outline btn-small" href="{{ base_url }}/users/{{ user.id }}/password">Reset Password</a>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </section>
{% endblock %}