{% extends 'base.html' %}

{% block header %}
<h1>BZ&BZ Last callers</h1>
{% endblock %}

{% block content %}

<div class="large-12 cell">

<div class="grid-x padding-x">
<div class="large-4 cell head">Timestamp</div>
<div class="large-2 cell head">Ago</div>
<div class="large-2 cell head">Username</div>
<div class="large-2 cell head">Location</div>
</div>

{% for user in users %}
<div class="grid-x padding-x">
<div class="large-4 cell">{{ user.timestamp }}</div>
<div class="large-2 cell">{{ user.ago }}</div>
<div class="large-2 cell">{{ user.username }}</div>
<div class="large-2 cell">{{ user.location }}</div>
</div>
{% endfor %}

</div>


{% endblock %}