{% extends "projects/base.html" %}

{% block page_title %}{% if issue %}Edit {{ issue.key }}{% else %}New issue{% endif %}{% endblock %}

{% block project_content %}
  {% if issue %}
    <h1>Edit <span class="muted">{{ issue.key }}</span> {{ issue.title }}</h1>
  {% else %}
    <h1>New issue</h1>
  {% endif %}

  {% if preview %}
    <section aria-labelledby="preview-heading">
      <h2 id="preview-heading">Preview</h2>
      <div class="prose preview">{{ preview }}</div>
      <p class="muted">Not saved yet.</p>
    </section>
  {% elif preview is not None %}
    <p class="muted">Nothing to preview: the description is empty.</p>
  {% endif %}

  <form method="post">
    {% csrf_token %}
    {{ form }}
    <p>
      {# Save comes first so pressing Enter in a text field saves rather than previews. #}
      <button type="submit">{% if issue %}Save issue{% else %}Open issue{% endif %}</button>
      <button type="submit" name="preview" value="1">Preview description</button>
    </p>
  </form>
{% endblock %}