{% extends "base.html" %}

{% block content %}
  <div class="d-flex flex-column gap-3">
    <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-3">
      {% include "partials/repo_heading.html" %}
      {% set repo_tab = "threads" %}
      {% include "partials/repo_tabs.html" %}
    </div>

    <div class="card shadow-sm">
      <div class="card-header d-flex align-items-center justify-content-between">
        <span class="fw-semibold">New thread</span>
        <a class="btn btn-sm btn-outline-secondary" href="{{ repo_path }}/threads">Back to threads</a>
      </div>
      <div class="card-body">
        {% if form_error %}
          <div class="alert alert-danger py-2" role="alert">{{ form_error }}</div>
        {% endif %}
        {% if current_user %}
          <form method="post" action="{{ repo_path }}/threads/new" class="row g-3">
            <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}" />
            <input type="hidden" name="next" value="{{ form.next }}" />
            <div class="col-12">
              <label class="form-label" for="thread-title">Title</label>
              <input class="form-control" id="thread-title" name="title" autofocus value="{{ form.title }}" required data-mentions-enabled />
            </div>
            {% set thread_form_prefix = "thread" %}
            {% include "repo/partials/thread_metadata_buttons.html" %}
            <div class="col-12">
              <label class="form-label" for="thread-body">Body</label>
              {% with
                textarea_id="thread-body",
                textarea_name="body",
                textarea_rows=8,
                textarea_value=form.body,
                textarea_classes="form-control",
                textarea_autofocus=false
              %}
                {% include "partials/markdown_preview_tabs.html" %}
              {% endwith %}
            </div>
            <div class="col-12 d-flex gap-2">
              <button class="btn btn-primary" type="submit">Create thread</button>
              <a class="btn btn-outline-secondary" href="{{ repo_path }}/threads">Cancel</a>
            </div>
          </form>
        {% else %}
          <p class="text-muted mb-0">Sign in to create a thread.</p>
        {% endif %}
      </div>
    </div>
  </div>
{% endblock %}