{% 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">
<a href="{{ url_for('list_bases') }}">Back to Message Base Areas</a>
</div>
<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="{{ url_for('display_message', area=area, msgno=msg.MsgNum) }}">{{ msg.MsgNum }}</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="{{ url_for('display_message', area=area, msgno=msg.MsgNum) }}">{{ msg.subject }}</a></div>
</div>
{% endfor %}
<div class="large-12 cell">
{{ pagination.links }}
</div>

</div>

{% endblock %}