{% extends 'base.html' %}

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

{% block content %}

<div class="large-12 cell">

<div class="grid-x padding-x">
    <div class="large-2 cell">Message #:</div>
    <div class="large-10 cell">{{ message.MsgNum }}</div>
</div>

<div class="grid-x padding-x">
    <div class="large-2 cell">Date:</div>
    <div class="large-10 cell">{{ message.written|datefmt }}</div>
</div>

<div class="grid-x padding-x">
<div class="large-2 cell">From:</div>
<div class="large-10 cell">{{ message.from }}</div>
</div>

<div class="grid-x padding-x">
<div class="large-2 cell">To:</div>
<div class="large-10 cell">{{ message.to }}</div>
</div>

<div class="grid-x padding-x">
<div class="large-2 cell">Text:</div>
<div class="large-10 cell"><pre>{{ message.text|safe }}</pre></div>
</div>

</div>

{% endblock %}