{% block userlist %}
<div class="row center">
  <div class="col s12">
    <div class="row">
      <div class="col s6 flow-text">
        Username
      </div>
      <div class="col s6 flow-text">
        Amount of UwU
      </div>
    </div>
    {% for user in user_page_list %}
      <div class="row">
        <div class="divider"></div>
        <a href="/user/{{ user[0] }}" target="_blank">
        <div class="col s6 flow-text">
          {{ user[0] }}
        </div>
        <div class="col s6 flow-text">
          {{ user[1] }}
        </div>
        </a>
      </div>
    {% endfor %}
  </div>
</div>
<div class="row center">
  <ul class="pagination">
    {% if user_page_current == 0 %}
    <li class="disabled">
      <a class="blue-grey-text text-lighten-3" href="#!">
        <
      </a>
    </li>
    {% else %}
    <li class="waves-effect">
      <a
        class="blue-grey-text text-lighten-3"
        href="/explore/{{ user_page_current-1 }}"
      >
        <
      </a>
    </li>
    {% endif %} {% for page in range(user_pages_length) %} {% if page ==
    user_page_current %}
    <li class="active"><a href="#!">{{ page+1 }}</a></li>
    {% else %}
    <li class="waves-effect">
      <a class="blue-grey-text text-lighten-5" href="/explore/{{ page }}"
        >{{ page+1 }}</a
      >
    </li>
    {% endif %} {% endfor %} {% if user_pages_length-1 == user_page_current %}
    <li class="disabled">
      <a class="blue-grey-text text-lighten-3" href="#!">
        >
      </a>
    </li>
    {% else %}
    <li class="waves-effect">
      <a
        class="blue-grey-text text-lighten-3"
        href="/explore/{{ user_page_current+1 }}"
      >
        >
      </a>
    </li>
    {% endif %}
  </ul>
</div>

{% endblock %}