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

{% block content %}
<article class="main sumo-page-section">
  <h1 class="sumo-page-heading">{{ title }}</h1>
  <section id="new-message">
    {% if request.limited %}
      <div class="warning-box mzp-c-notification-bar mzp-t-warning">
        {{ _('You have exceeded the number of private messages that can be sent in a day.') }}
      </div>
    {% endif %}
    <form action="" method="post">
      {% csrf_token %}
      {{ message_form(form) }}
      <div class="submit sumo-button-wrap reverse-on-desktop">
        <button type="submit" class="sumo-button primary-button button-lg" name="send">{{ _('Send') }}</button>
        <input type="submit" 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"
            class="sumo-button secondary-button button-lg" />
        <a class="sumo-button button-lg push-left" href="{{ url('messages.inbox') }}">{{ _('Cancel') }}</a>
      </div>
    </form>
  </section>
  <section id="preview" class="message-view"></section>
</article>
{% endblock %}