{% extends 'base.html' %}

{% block header %}
<h1>Messages for {{ area }} </h1>
{% endblock %}

{% block content %}

<div class="large-12 cell">
<div class="grid-x">
<div class="large-12 cell">
{{ pagination.info }}
</div>
<div class="large-12 cell">
{{ pagination.links }}
</div>
</div>

{% for msg in messages %}
<div class="grid-x padding-x">

<div class="large-1 cell"><a href="/read/{{ area }}/{{ msg.MsgNum}}">{{ loop.index + pagination.skip }}</a></div>
<div class="large-2 cell">{{ msg.written|datefmt }}</div>
<div class="large-2 cell">{{ msg.from }}</div>
<div class="large-2 cell">{{ msg.to }}</div>
<div class="large-5 cell"><a href="/read/{{ area }}/{{ msg.MsgNum}}">{{ msg.subject }}</a></div>
</div>
{% endfor %}
<div class="large-12 cell">
{{ pagination.links }}
</div>

</div>

{% endblock %}