{% 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 = "pulls" %}
      {% set compare_path = repo_path ~ "/compare" %}
      {% include "partials/repo_tabs.html" %}
    </div>

    <div class="card shadow-sm">
      <div class="card-body">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
          <h2 class="h5 mb-0">Edit Pull #{{ pull.number }}</h2>
          <a class="btn btn-sm btn-outline-secondary" href="{{ repo_path }}/pulls/{{ pull.number }}">View pull</a>
        </div>
      </div>
    </div>

    {% if current_user %}
      {% if pull.status == "merged" %}
        <div class="alert alert-info mb-0" role="alert">Merged pulls are read-only.</div>
      {% endif %}
      {% if edit_error %}
        <div class="alert alert-danger py-2 mb-0" role="alert">{{ edit_error }}</div>
      {% endif %}

      {% if can_edit_content and pull.status != "merged" %}
        <div class="card shadow-sm">
          <div class="card-header"><span class="fw-semibold">Edit pull</span></div>
          <div class="card-body">
            <form method="post" action="{{ repo_path }}/pulls/{{ pull.number }}/update" class="row g-3">
              <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
              <input type="hidden" name="next" value="{{ edit_form.next }}" />
              <div class="col-12 col-lg-6">
                <label class="form-label" for="pull-edit-source-ref">Source ref</label>
                <input
                  class="form-control font-monospace"
                  id="pull-edit-source-ref"
                  {% if can_edit_refs %}name="source_ref"{% endif %}
                  value="{{ edit_form.source_ref }}"
                  {% if not can_edit_refs %}disabled{% endif %}
                />
              </div>
              <div class="col-12 col-lg-6">
                <label class="form-label" for="pull-edit-target-ref">Target ref</label>
                <input
                  class="form-control font-monospace"
                  id="pull-edit-target-ref"
                  {% if can_edit_refs %}name="target_ref"{% endif %}
                  value="{{ edit_form.target_ref }}"
                  {% if not can_edit_refs %}disabled{% endif %}
                />
              </div>
              <div class="col-12">
                <label class="form-label" for="pull-edit-title">Title</label>
                <input class="form-control" id="pull-edit-title" name="title" value="{{ edit_form.title }}" required data-mentions-enabled />
              </div>
              <div class="col-12">
                <label class="form-label" for="pull-edit-body">Body</label>
                {% with
                  textarea_id="pull-edit-body",
                  textarea_name="body",
                  textarea_rows=5,
                  textarea_value=edit_form.body,
                  textarea_classes="form-control",
                  textarea_autofocus=true
                %}
                  {% include "partials/markdown_preview_tabs.html" %}
                {% endwith %}
              </div>
              <div class="col-12 col-lg-4">
                <label class="form-label" for="pull-edit-status">Status</label>
                <select class="form-select" id="pull-edit-status" name="status">
                  <option value="open" {% if edit_form.status == "open" %}selected{% endif %}>Open</option>
                  <option value="draft" {% if edit_form.status == "draft" %}selected{% endif %}>Draft</option>
                  <option value="closed" {% if edit_form.status == "closed" %}selected{% endif %}>Closed</option>
                </select>
              </div>
              <div class="col-12">
                <div class="d-flex flex-wrap gap-2">
                  <button class="btn btn-primary" type="submit">Save changes</button>
                  <a class="btn btn-outline-secondary" href="{{ repo_path }}/pulls/{{ pull.number }}">Cancel</a>
                </div>
              </div>
            </form>
          </div>
        </div>
      {% endif %}
    {% endif %}
  </div>
{% endblock %}