{% extends 'base.html' %}

{% block header %}
<h1>Messages for {{ area }} </h1>
<a href="{{ url_for('display_messages', area=area) }}">Back to {{ area }}</a>
{% 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">Subject:</div>
<div class="large-10 cell">{{ message.subject }}</div>
</div>

<div class="grid-x padding-x">
<div class="large-2 cell">Text:</div>
<div class="large-10 cell">{% if message.png is defined %}
  <img alt="Message {{ message.MsgNum }}" src="data:image/png;base64,{{ message.png|safe }}">{% else %}
  <pre class="oldstyle">{{ message.text }}</pre>{% endif %}
</div>

</div>

</div>

{% endblock %}