{{ header }}
<header class="background-white bottom-margin-large">
  <div class="container-fluid">
    <div class="row no-space-xs">
      <div class="col-xs-12">
        <div class="content-box vertical-padding-large flex between-xs middle-xs">
          <div>
            <span class="text-x-large text-dark">{{ heading_title }}</span>
            <div class="adm-breadcrumb">
              {% for breadcrumb in breadcrumbs %}
              <i class="fas fa-angle-right text-x-small text-gray horizontal-padding-small"></i>
              <a class="text-x-small text-gray text-decoration-none"
                href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a>
              {% endfor %}
            </div>
          </div>
          <div class="flex flex-row middle-xs">
            <a class="btn-default btn-medium btn-outline right-margin-small js-submit-main-form">
              <span>{{ button_delete }}</span>
            </a>
            <a href="{{ insert }}" class="btn-default btn-primary btn-medium">
              <span>{{ button_insert }}</span>
            </a>
          </div>
          {% if error_warning %}
          <div class="warning full-width top-margin-medium">{{ error_warning }}</div>
          {% endif %}
          {% if success %}
          <div class="success full-width top-margin-medium">{{ success }}</div>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
</header>
<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12">
      <div class="content-box">
      {% if users %}
        <form action="{{ delete }}" method="post" class="js-main-form">
          {% for user in users %}
            <a href="{{ user.href }}"
              class="visible-block text-decoration-none background-white shadow-small hover:shadow-large bottom-margin-small">
              <div class="row no-space-xs middle-xs padding-medium">
                <div class="col-xs-width-auto">
                  <div class="content-box flex right-padding-medium">
                    <label class="checkbox">
                      <input
                        class="checkbox-entry"
                        type="checkbox"
                        name="selected[]"
                        value="{{ user.user_id }}"
                        {% if user.selected %} checked {% endif %}
                      >
                      <span class="checkbox-text"></span>
                    </label>
                  </div>
                </div>
                <div class="col-xs-12 col-sm">
                  <span class="text-small text-dark visible-block">{{ user.username }}</span>
                </div>
                <div class="col-xs col-sm">
                  {% if user.status == 'Habilitado' %}
                  <span class="text-x-small horizontal-padding-small vertical-padding-x-small rounded-large visible-inline-block background-success text-success">{{ user.status }}</span>
                  {% else %}
                  <span class="text-x-small horizontal-padding-small vertical-padding-x-small rounded-large visible-inline-block background-error text-error">{{ user.status }}</span>
                  {% endif %}
                </div>
                <div class="col-xs-12 col-sm">
                  <span class="text-small text-gray">Data de criação: {{ user.date_added }}</span>
                </div>
              </div>
            </a>
          {% endfor %}
        </form>
          <div class="row top-margin-medium">
            <div class="col-xs-12">
              <div class="content-box">
                {{ pagination }}
              </div>
            </div>
          </div>
        {% else %}
          <div class="row">
            <div class="col-xs-12">
              <div
                class="content-box background-white shadow-small vertical-padding-x-large horizontal-padding-large text-center">
                <span class="text-medium text-gray">{{ text_no_results }}</span>
              </div>
            </div>
          </div>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{{ footer }}