{% extends "kbforums/base.html" %}
{% from "layout/errorlist.html" import errorlist %}
{% from "includes/common_macros.html" import content_editor with context %}
{% from "kbforums/includes/macros.html" import kbforums_warning with context %}
{# L10n: {d} is the name of the document. #}
{% set title = _('Create a new thread | {d} | Knowledge Base')|f(d=document.title) %}
{% set crumbs = [(document.get_absolute_url(), document.title),
                 ((url('wiki.discuss.threads', document.slug), 'rel="ugc nofollow"'), _('Discuss')),
                 (None, _('Create a new thread'))] %}
{% set scripts = ('forums',) %}

{% block content %}
  <article id="new-thread" class="sumo-page-section">
    {{ kbforums_warning(document, user) }}
    <h1 class="sumo-page-subheading">{{ _('Create a new thread') }}</h1>

    {% if request.limited %}
    <div class="mzp-c-notification-bar mzp-t-warning warning-box">
      <button class="mzp-c-notification-bar-button" type="button"></button>
      <p>{{ _('You have exceeded the number of threads and replies that can be posted in a given amount of time. Please try again shortly.') }}</p>
    </div>
    {% endif %}

    <form action="{{ url('wiki.discuss.new_thread', document.slug) }}" method="post" class="new-thread">
      {% csrf_token %}
      {{ errorlist(form) }}

      {% for field in form %}
        <div class="field form-widget {% if field.errors %} has-error {% endif %} {% if field.name == 'content' %}has-large-textarea{% endif %}">
          {{ field.label_tag()|safe }}
          {% if field.name == 'content' %}
            <div class="content-box">
              {{ content_editor(field) }}
            </div>
          {% else %}
            {{ field|safe }}
          {% endif %}
        </div>
      {% endfor %}

      <div class="sumo-button-wrap reverse-on-desktop form-widget submit">
        <button type="submit" class="sumo-button primary-button">{{ _('Post Thread') }}</button>
        <button type="submit" class="sumo-button secondary-button" id="preview" name="preview"
            data-preview-url="{{ url('wiki.discuss.post_preview_async', document.slug) }}"
            data-preview-container-id="post-preview"
            data-preview-content-id="id_content">{{ _('Preview') }}
        </button>
        <a class="sumo-button push-right" rel="ugc nofollow" href="{{ url('wiki.discuss.threads', document.slug) }}">{{ _('Cancel') }}</a>
      </div>

      <div id="post-preview">
        {% if post_preview %}
          {% include "kbforums/includes/post_preview.html" %}
        {% endif %}
      </div>
    </form>
  </article>
{% endblock %}