{% 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">Edit thread</span>
        <a class="btn btn-sm btn-outline-secondary" href="{{ repo_path }}/threads/{{ thread.number }}">View thread</a>
      </div>
      <div class="card-body">
        {% if edit_error %}
          <div class="alert alert-danger py-2" role="alert">{{ edit_error }}</div>
        {% endif %}
        {% if current_user and (can_edit or can_update_metadata) %}
          <form method="post" action="{{ repo_path }}/threads/{{ thread.number }}/update" class="row g-3">
            <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}" />
            <input type="hidden" name="next" value="{{ form.next }}" />
            {% if can_edit %}
              <div class="col-12">
                <label class="form-label" for="thread-edit-title">Title</label>
                <input class="form-control" id="thread-edit-title" name="title" value="{{ form.title }}" required data-mentions-enabled />
              </div>
            {% endif %}
            {% set thread_form_prefix = "thread-edit" %}
            {% include "repo/partials/thread_metadata_buttons.html" %}
            {% if can_edit %}
              <div class="col-12">
                <label class="form-label" for="thread-edit-body">Body</label>
                {% with
                  textarea_id="thread-edit-body",
                  textarea_name="body",
                  textarea_rows=8,
                  textarea_value=form.body,
                  textarea_classes="form-control",
                  textarea_autofocus=true
                %}
                  {% include "partials/markdown_preview_tabs.html" %}
                {% endwith %}
              </div>
            {% endif %}
            <div class="col-12 d-flex gap-2">
              <button class="btn btn-primary" type="submit">Save changes</button>
              <a class="btn btn-outline-secondary" href="{{ repo_path }}/threads/{{ thread.number }}">Cancel</a>
            </div>
          </form>
        {% else %}
          <p class="text-muted mb-0">Only the thread creator can edit this thread.</p>
        {% endif %}
      </div>
    </div>
  </div>
{% endblock %}