{% if not request.headers.get("Hx-Request") %}
  {% extends "base.html" %}
{% endif %}

{% block breadcrumb %}
<nav aria-label="breadcrumb" id="nav-breadcrumb" hx-swap-oob="true">
  <ul>
    <li>System</li>
    <li><a href="#" hx-target="#body-main" hx-get="{{ request.path }}">Users</a></li>
  </ul>
</nav>
{% endblock breadcrumb %}

{% block body %}

<h4>Users and groups</h4>

<section>
  <h5>Groups</h5>
  {% include "system/includes/users/groups.html" %}
</section>

<hr>

<div class="grid split-grid">
  <article id="system-users-full-table">
  <h5>Users</h5>
    {% include "system/includes/users/table.html" %}
  </article>
</div>

{% endblock body %}