{% extends "layouts/default.html" %}
{% block title %}{_ "Contact Us" _}{% endblock %}
{% block content %}
<form id="contact-form" name="contact-form" method="post">
  {{ token | safe }}
</form>

{% if is-admin %}
<div class="tabs">
  <ul>
    <li><a href="/contact/admin">Admin Panel</a></li>
  </ul>
</div>
{% endif %}

<div class="container">
  <div class="message is-info">
    <div class="message-body">
      {_ "You can type up a message here and submit it for the administrator to see." _}
      <em>{_ "Try typing it up in Notepad, then Copy/Paste." _}</em>
    </div>
  </div>

  <div class="field">
    <label class="label" for="query">Message Body</label>
    <div class="control">
      <textarea class="textarea"
                form="contact-form"
                id="query"
                name="query"
                placeholder="Compose your message here..."></textarea>
    </div>
  </div>

  <div class="field">
    <div class="control">
      <button class="button is-link"
              form="contact-form"
              type="submit">Submit</button>
    </div>
  </div>
</div>
{% endblock %}