{% extends "base.html" %}
{% from "partials/css_helpers.html" import protection_status_badge %}

{% 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">
        <span class="fw-semibold">Repo pulls</span>
        <div class="d-flex align-items-center gap-2">
          <form method="get" action="{{ repo_path }}/pulls" class="d-flex align-items-center gap-2" id="repo-pulls-filter-form">
            <label class="small text-muted" for="repo-pulls-status">Status</label>
            <select class="form-select form-select-sm" id="repo-pulls-status" name="status" data-auto-submit>
              <option value="">All</option>
              <option value="open" {% if status_filter == "open" %}selected{% endif %}>Open</option>
              <option value="draft" {% if status_filter == "draft" %}selected{% endif %}>Draft</option>
              <option value="closed" {% if status_filter == "closed" %}selected{% endif %}>Closed</option>
              <option value="merged" {% if status_filter == "merged" %}selected{% endif %}>Merged</option>
            </select>
          </form>
          {% if pull_create_message %}
            <span class="text-muted small">{{ pull_create_message }}</span>
          {% else %}
            <a class="btn btn-sm btn-primary" href="{{ repo_path }}/pulls/create">Create pull</a>
          {% endif %}
        </div>
      </div>
      <div class="card-body">
        {% if page.results | length == 0 %}
          <p class="text-muted mb-0">No repo pulls found.</p>
        {% else %}
          <div class="table-responsive">
            <table class="table table-sm align-middle mb-0">
              <thead>
                <tr>
                  <th scope="col">Pull</th>
                  <th scope="col">Source</th>
                  <th scope="col">Status</th>
                  <th scope="col" class="text-end">Updated</th>
                </tr>
              </thead>
              <tbody>
                {% for pull in page.results %}
                  <tr>
                    <td>
                      <div>
                        <a class="text-decoration-none fw-semibold" href="{{ repo_path }}/pulls/{{ pull.number }}">#{{ pull.number }} {{ pull.title }}</a>
                      </div>
                      <div class="text-muted small">
                        by
                        {% with user_link_href = "/" ~ pull.created_by, user_link_username = pull.created_by, user_link_label = pull.created_by, user_link_class = "text-decoration-none" %}
                          {% include "partials/hover_card_user_link.html" %}
                        {% endwith %}
                      </div>
                    </td>
                    <td>
                      <div class="font-monospace small">
                        <a class="text-decoration-none" href="{{ pull.source_repo_path }}">{{ pull.source_repo_label }}</a>
                      </div>
                      <div class="text-muted small font-monospace">{{ pull.source_ref }} → {{ pull.target_ref }}</div>
                    </td>
                    <td>
                      <span class="badge text-bg-secondary text-uppercase">{{ pull.status }}</span>
                      {% if pull.protection_status %}
                        <span class="badge {{ protection_status_badge(pull.protection_status) }} text-uppercase">{{ pull.protection_status }}</span>
                      {% endif %}
                    </td>
                    <td class="text-end text-muted small" title="{{ pull.updated_at }}">{{ pull.updated_at | humantime }}</td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        {% endif %}
      </div>
      {% with page=page, query=query, per_page_id="repo-pulls-per-page", per_page_form="repo-pulls-filter-form" %}
        {% include "partials/paging_footer.html" %}
      {% endwith %}
    </div>
  </div>
{% endblock %}

{% block scripts %}
  <script>
    $(function () {
      $("[data-auto-submit]").on("change", function () {
        $(this).closest("form").trigger("submit");
      });
    });
  </script>
{% endblock %}