{% extends "base.html" %}

{% block head %}
  <link rel="stylesheet" href="/static/css/messages.css?v={{ config.version_str }}">
{% endblock %}

{% block body %}
  <div class="message-container">
  <p>Messaging <a href="/u/{{ message.u_to.username }}/">{{ message.u_to.username }}</a>: {% if message.response %}<small><span data-timestamp="{{ message.response_timestamp }}"></span></small>{% endif %}</p>
    <blockquote class="message">
      <div>{% if not message.anonymous and message.u_from.username %}<a href="/u/{{ message.u_from.username }}/">{{ message.u_from.username }}</a>{% else %}<b>Anony&shy;mous</b>{% endif %} writes: <small><span data-timestamp="{{ message.sent_timestamp }}"></span></small></div>
      <pre class="not-code">{{ message.content }}</pre>
    </blockquote>
    <pre class="not-code no-margin">{{ message.response }}</pre>
  </div>

  {% if username %}
    Logged in as <a href="/u/{{ username }}/">{{ username }}</a>
    <p><a href="/messages/">View your messages</a></p>
  {% else %}
    Not logged in.
    {% if config.new_users %}<a href="{{ config.services.auth.url.pub }}/signup/">Sign up</a>{% else %}<a href="{{ config.services.auth.url.pub }}/login/">Log in</a>{% endif %}?
  {% endif %}
  <script src="{{ config.services.common.url.pub }}/static/js/base.js?v={{ config.version_str }}"></script>
{% endblock %}