{% extends 'mainlayout.html' %}

{% block content %}
  <div class="section container">

    <h1 class=title>Write Message</h1>

    {% if warning is defined %}
      <p class=message> {{ warning }} </p>
    {% endif %}

    <form method=post enctype="multipart/form-data">

      <div class=field>
        {{ form.send_to.label(class='label') }}
        <div class=control>
          {{ form.send_to(class='input') }}
        </div>
      </div>

      <div class=field>
        {{ form.subject.label(class='label') }}
        <div class=control>
          {{ form.subject(class='input') }}
        </div>
      </div>

      <div class=field>
        {{ form.cc.label(class='label') }}
        <div class=control>
          {{ form.cc(class='input') }}
        </div>
      </div>

      <div class=field>
        {{ form.bcc.label(class='label') }}
        <div class=control>
          {{ form.bcc(class='input') }}
        </div>
      </div>

      <div class=field>
        {{ form.answer_to.label(class='label') }}
        <div class=control>
          {{ form.answer_to(class='input') }}
        </div>
      </div>

      <div class=field>
        {{ form.content.label(class='label') }}
        <div class=control>
          {{ form.content(class='textarea', rows=10) }}
        </div>
      </div>

      <div class=field>
        <div class=file>
          <label class=file-label>
            {{ form.attachments(class='file-input') }}
            <span class=file-cta>
              <span class=file-label>
                {% trans %}attach file{% endtrans %}
              </span>
            </span>
          </label>
        </div>
      </div>

      {{ form.csrf_token }}

      <div class=field>
        <div class=control>
          <input type=submit class=button value="{{ gettext('Send') }}">
        </div>
      </div>

    </form>

    <nav>
      <a href="javascript:history.back()" class=button>{% trans %}back{% endtrans %}</a>
    </nav>

  </div>
{% endblock %}