{% extends "base.html" %}

{% block media %}
  {{ form.media.css }}
  <style>
    form#ticket-form {
      display: block;
      margin: 0 auto;
      width: 100%;
      max-width: 750px;
      padding-top: 1em;
    }

    #id_title {
      width: 100%;
    }

    form#ticket-form .submit {
      margin: 10px 0 0 auto;
    }
  </style>
{% endblock %}

{% block js_media %}{{ form.media.js }}{% endblock %}

{% block body %}
  <form id="ticket-form" action="" method="POST" class="form-area">
    {% block guideline_message %}{% endblock %}
    {% csrf_token %}
    <div class="title-block{% if form.title.errors %} error{% endif %}">{{ form.title }}</div>
    {% if form.title.errors or form.body.errors %}
      <div class="form-errors">
        {{ form.title.errors }}
        {{ form.body.errors }}
      </div>
    {% endif %}
    <div class="body-block">{{ form.body }}</div>
    <button type="submit" class="submit">{{ _('Create') }}</button>
  </form>
{% endblock %}