{% extends "messages/base.html" %}
{% from "messages/includes/macros.html" import message_form, inbox_message with context %}
{% set title = _('Read Message') %}
{% set crumbs = [(url('messages.inbox'), _('Messages')),
                 (None, title)] %}

{% block content %}
  <div class="grid_9">
    <article class="main">
      <section id="read-message" class="message-view"
        data-message-content="{{ message.message }}">
        <h1>{{ title }}</h1>
        {{ inbox_message(message) }}
        {% if message.sender and message.sender.is_active and message.sender.profile and not message.sender.profile.is_system_account %}
          <form class="reply" action="{{ url('messages.new') }}" method="POST">
            {% csrf_token %}
            {{ message_form(form) }}
            <div class="editor-actions sumo-button-wrap reverse-on-desktop align-end">
              <button type="submit" class="sumo-button primary-button">{{ _('Reply') }}</button>
              <input type="submit" class="sumo-button secondary-button" id="preview-btn" name="preview" value="{{ _('Preview') }}"
                data-preview-url="{{ url('messages.preview_async') }}"
                data-preview-container-id="preview"
                data-preview-content-id="id_message" />
            </div>
          </form>
        {% else %}
          <i> {{ _('You can no longer reply to the sender of this message. The user is no longer active.') }} </i>
        {% endif %}
      </section>
      <section id="preview" class="message-view"></section>
    </article>
  </div>
{% endblock %}