{% 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" %}
      {% include "partials/repo_tabs.html" %}
    </div>

    <div class="card shadow-sm">
      <div class="card-header d-flex align-items-center justify-content-between">
        <div class="fw-semibold">Create repo pull</div>
        <a class="btn btn-sm btn-outline-secondary" href="{{ repo_path }}/pulls?status=open">Back to pulls</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 %}
          {% if pull_create_allowed %}
            <form class="row g-3" method="post" action="{{ repo_path }}/pulls/create">
              <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}" />
              <input type="hidden" name="next" value="{{ form.next }}" />
              <div class="col-12 col-lg-6">
                <label class="form-label" for="pull-source-repo">Source repo</label>
                <input class="form-control font-monospace" id="pull-source-repo" name="source_repo" value="{{ form.source_repo }}" required />
                <div class="form-text">Use <code>&lt;username&gt;/&lt;repo&gt;</code> or <code>teams/&lt;team&gt;/&lt;repo&gt;</code>.</div>
              </div>
              <div class="col-12 col-lg-3">
                <label class="form-label" for="pull-source-ref">Source ref</label>
                <input class="form-control font-monospace" id="pull-source-ref" name="source_ref" value="{{ form.source_ref }}" required />
              </div>
              <div class="col-12 col-lg-3">
                <label class="form-label" for="pull-target-ref">Target ref</label>
                <input class="form-control font-monospace" id="pull-target-ref" name="target_ref" value="{{ form.target_ref }}" required />
              </div>
              <div class="col-12 col-lg-8">
                <label class="form-label" for="pull-title">Title</label>
                <input class="form-control" id="pull-title" name="title" autofocus value="{{ form.title }}" required data-mentions-enabled />
              </div>
              <div class="col-12 col-lg-4">
                <label class="form-label" for="pull-status">Status</label>
                <select class="form-select" id="pull-status" name="status">
                  <option value="open" {% if form.status == "open" %}selected{% endif %}>Open</option>
                  <option value="draft" {% if form.status == "draft" %}selected{% endif %}>Draft</option>
                </select>
              </div>
              {% if show_visibility_choice %}
                <div class="col-12 col-lg-4">
                  <label class="form-label" for="pull-visibility">Visibility</label>
                  <select class="form-select" id="pull-visibility" name="visibility">
                    <option value="public" {% if form.visibility == "public" %}selected{% endif %}>Public</option>
                    <option value="private" {% if form.visibility == "private" %}selected{% endif %}>Private</option>
                  </select>
                </div>
              {% elif force_private %}
                <div class="col-12">
                  <div class="text-muted small">This pull will be private.</div>
                  <input type="hidden" name="visibility" value="private" />
                </div>
              {% endif %}
              <div class="col-12">
                <label class="form-label" for="pull-body">Body</label>
                {% with
                  textarea_id="pull-body",
                  textarea_name="body",
                  textarea_rows=4,
                  textarea_value=form.body,
                  textarea_classes="form-control",
                  textarea_autofocus=false
                %}
                  {% include "partials/markdown_preview_tabs.html" %}
                {% endwith %}
              </div>
              <div class="col-12">
                <button class="btn btn-primary" type="submit">Create pull</button>
              </div>
            </form>
          {% else %}
            <p class="text-muted mb-0">Create pull is unavailable for this repo.</p>
          {% endif %}
        {% else %}
          <p class="text-muted mb-0">Sign in to create a repo pull.</p>
        {% endif %}
      </div>
    </div>
  </div>
{% endblock %}