{% extends "base.html" %}
{% from "partials/css_helpers.html" import thread_status_badge, protection_status_badge, review_status_badge, approver_badge %}

{% block content %}
  <div
    class="pearing-page-stack"
    {% if current_user %}data-composer-href="{{ repo_path }}/pulls/{{ pull.number }}?tab=reviews&amp;review_action={% if pull_review_form.is_update %}edit{% else %}new{% endif %}"{% endif %}
  >
    <div class="pearing-repo-workspace">
      {% include "partials/repo_heading.html" %}
      {% with repo_tab = "pulls", compare_path = repo_path ~ "/compare" %}
        {% include "partials/repo_tabs.html" %}
      {% endwith %}
    </div>

    <section class="pearing-panel" data-pull-header>
      <div class="pearing-panel-body">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
          <div class="pearing-min-w-0">
            <h2 class="h5 mb-0">#{{ pull.number }} {{ pull.title }}</h2>
            <div class="pearing-meta mt-1">
              Opened by {% with user_link_href = "/" ~ created_by.username, user_link_username = created_by.username, user_link_label = created_by.username, user_link_class = "fw-semibold text-decoration-none" %}
                {% include "partials/hover_card_user_link.html" %}
              {% endwith %} {{ pull.created_at | humantime }}
            </div>
          </div>
          <div class="d-flex align-items-center gap-2">
            <span class="badge text-bg-secondary text-uppercase">{% if pull.status == "merged" and pull.merge_origin == "indirect" %}merged indirectly{% else %}{{ pull.status }}{% endif %}</span>
            {% if current_user and can_merge_pull %}
              {% if merge_blocked %}
                <button class="btn btn-sm btn-success disabled" type="button" disabled>Merge</button>
              {% else %}
                <form method="post" action="{{ repo_path }}/pulls/{{ pull.number }}/merge" class="d-inline-flex flex-column gap-2">
                  <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
                  <input type="hidden" name="next" value="{{ merge_next }}" />
                  {% if pull_target_oid %}
                    <input type="hidden" name="expected_target_oid" value="{{ pull_target_oid }}" />
                  {% endif %}
                  {% if pull_source_oid %}
                    <input type="hidden" name="expected_source_oid" value="{{ pull_source_oid }}" />
                  {% endif %}
                  {% if merge_requires_message %}
                    <label class="form-label small fw-semibold mb-1" for="merge-message">Merge commit message</label>
                    <textarea
                      id="merge-message"
                      class="form-control form-control-sm"
                      name="message"
                      rows="3"
                      aria-label="Merge commit message"
                    >{{ default_merge_message }}</textarea>
                    <div class="form-text mt-1">This message will be used for the merge commit created on the target branch.</div>
                  {% endif %}
                  <button class="btn btn-sm btn-success" type="submit">Merge</button>
                </form>
              {% endif %}
            {% endif %}
            {% if current_user and can_edit_content and pull.status != "merged" %}
              <a class="btn btn-sm btn-outline-secondary" href="{{ repo_path }}/pulls/{{ pull.number }}/edit">Edit</a>
            {% endif %}
            {% if current_user and pull.status == "open" %}
              {% set review_action_name = "edit" if pull_review_form.is_update else "new" %}
              <div class="btn-group">
                <form method="post" action="{{ repo_path }}/pulls/{{ pull.number }}/reviews" class="d-inline">
                  <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
                  <input type="hidden" name="next" value="{{ repo_path }}/pulls/{{ pull.number }}" />
                  <input type="hidden" name="status" value="approved" />
                  <input type="hidden" name="body" value="{{ pull_review_form.body }}" />
                  <button
                    class="btn btn-sm btn-primary"
                    type="submit"
                    {% if not review_can_submit_approved %}disabled title="{{ review_approved_disabled_reason }}"{% endif %}
                  >Approve</button>
                </form>
                <button
                  class="btn btn-sm btn-primary dropdown-toggle dropdown-toggle-split"
                  type="button"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                >
                  <span class="visually-hidden">Toggle review actions</span>
                </button>
                <ul class="dropdown-menu dropdown-menu-end">
                  <li>
                    <form method="post" action="{{ repo_path }}/pulls/{{ pull.number }}/reviews">
                      <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
                      <input type="hidden" name="next" value="{{ repo_path }}/pulls/{{ pull.number }}" />
                      <input type="hidden" name="status" value="approved" />
                      <input type="hidden" name="body" value="{{ pull_review_form.body }}" />
                      <button class="dropdown-item" type="submit" {% if not review_can_submit_approved %}disabled{% endif %}>Approve</button>
                    </form>
                  </li>
                  <li><a class="dropdown-item" href="{{ repo_path }}/pulls/{{ pull.number }}?tab=reviews&review_action={{ review_action_name }}&review_status=open">Open</a></li>
                  <li><a class="dropdown-item" href="{{ repo_path }}/pulls/{{ pull.number }}?tab=reviews&review_action={{ review_action_name }}&review_status=changes">Changes requested</a></li>
                  <li><a class="dropdown-item" href="{{ repo_path }}/pulls/{{ pull.number }}?tab=reviews&review_action={{ review_action_name }}&review_status=closed">Closed</a></li>
                </ul>
              </div>
            {% endif %}
          </div>
        </div>
        {% if current_user and can_merge_pull and merge_blocked %}
          <div class="text-warning small mt-2">
            {{ merge_blocked_reason }}
          </div>
        {% endif %}
        {% if pull.status == "merged" and pull.merged_by_username %}
          <div class="text-muted small mt-1">
            {% if pull.merge_origin == "indirect" %}Merged indirectly after a push by{% else %}Merged by{% endif %}
            <a class="fw-semibold text-decoration-none" href="/{{ pull.merged_by_username }}">{{ pull.merged_by_username }}</a>
            {{ pull.merged_at | humantime }}
          </div>
        {% endif %}
      </div>
    </section>

    {% include "partials/flash.html" %}

    <ul class="nav nav-tabs pearing-repo-tabs">
      <li class="nav-item">
        <a class="nav-link {% if tab == 'detail' %}active{% endif %}" href="?tab=detail">Detail</a>
      </li>
      <li class="nav-item">
        <a class="nav-link {% if tab == 'reviews' %}active{% endif %}" href="?tab=reviews">Reviews{% if reviews_total > 0 %} <span class="badge rounded-pill text-bg-secondary">{{ reviews_total }}</span>{% endif %}</a>
      </li>
      {% if pull_protections | length > 0 %}
        <li class="nav-item">
          <a class="nav-link {% if tab == 'protection' %}active{% endif %}" href="?tab=protection">
            Protection
            <span class="badge {{ protection_status_badge(pull_protection_status) }} ms-1 text-uppercase">{{ pull_protection_status }}</span>
          </a>
        </li>
      {% endif %}
    </ul>

    {% if tab == "detail" %}
      <section class="pearing-panel">
        <div class="pearing-panel-body">
          <div class="font-monospace small">
            <code>
              {% if source_repo_path %}
                <a class="text-decoration-none" href="{{ source_repo_path }}">{{ source_repo_label }}</a>
              {% else %}
                <span>{{ source_repo_label }}</span>
              {% endif %}:{{ pull.source_ref }}
            </code>
            <span class="text-muted">→</span>
            <code>{{ owner_slug }}/{{ repo.slug }}:{{ pull.target_ref }}</code>
          </div>
          {% if pull.body and pull.body | trim != "" %}
            <div class="pearing-markdown mt-3" data-quote-source-kind="pull" data-quote-source-number="{{ pull.number }}" data-quote-source-author="{{ created_by.username }}" data-quote-source-key="pull:{{ pull.number }}">{{ pull.body | markdown | linkify(is_private=linkify_is_private, current_team_slug=linkify_current_team_slug) }}</div>
          {% endif %}
          {% if source_branch_advanced_after_merge %}
            <div class="alert alert-warning mt-3 mb-0" role="alert">
              This pull was already merged, but the source branch <span class="font-monospace">{{ pull.source_ref }}</span>
              now points at
              {% if current_source_oid %}
                <span class="font-monospace">{{ current_source_oid[0:12] }}</span>
              {% else %}
                a newer commit
              {% endif %}
              instead of the merged commit. Those later commits are not part of this pull.
              Open a new pull for the newer commits on this branch if they still need review.
            </div>
          {% endif %}
          {% if linked_threads | length > 0 %}
            <div class="d-flex flex-column gap-2 mt-3">
              {% for related_thread in linked_threads %}
                <div class="d-flex flex-column flex-sm-row align-items-start align-items-sm-center gap-2">
                  <span class="text-muted small">From thread</span>
                  <a class="fw-semibold text-decoration-none" href="{{ related_thread.href }}">#{{ related_thread.number }} {{ related_thread.title }}</a>
                  <span class="badge {{ thread_status_badge(related_thread.status) }} text-uppercase">{{ related_thread.status }}</span>
                </div>
              {% endfor %}
            </div>
          {% endif %}
          {% with attachment_section=pull_attachments %}
            {% include "repo/partials/attachments.html" %}
          {% endwith %}
        </div>
      </section>
    {% endif %}

    {% if merge_error %}
      {% if merge_error.kind == "fast_forward_required" %}
        <div class="alert alert-warning mb-0" role="alert">
          <div class="fw-semibold mb-1">{{ merge_error.message }}</div>
          <div class="small mb-2">
            The repo requires a fast-forward merge, and
            <span class="font-monospace">{{ merge_error.source_ref }}</span>
            is no longer fast-forwardable into
            <span class="font-monospace">{{ merge_error.target_ref }}</span>.
          </div>
          <ol class="small mb-0 ps-3">
            <li>Fetch the latest target branch locally.</li>
            <li>Rebase or otherwise update <span class="font-monospace">{{ merge_error.source_ref }}</span> onto it.</li>
            <li>Push the updated source branch.</li>
            <li>Return to the pull page and merge again.</li>
          </ol>
        </div>
      {% elif merge_error.kind == "content_conflict" %}
        <div class="alert alert-danger mb-0" role="alert">
          <div class="fw-semibold mb-1">{{ merge_error.message }}</div>
          <div class="small mb-2">
            Merging
            <span class="font-monospace">{{ merge_error.source_ref }}</span>
            into
            <span class="font-monospace">{{ merge_error.target_ref }}</span>
            found unresolved file conflicts.
          </div>
          <ol class="small mb-2 ps-3">
            <li>Fetch the latest target branch locally.</li>
            <li>Merge or rebase locally.</li>
            <li>Resolve the listed file conflicts in your normal tools.</li>
            <li>Push the updated source branch.</li>
            <li>Return to the pull page and merge again.</li>
          </ol>
          {% if merge_error.conflict_paths | length > 0 %}
            <div class="small fw-semibold mb-1">Conflicting files</div>
            <ul class="small mb-0 ps-3">
              {% for conflict_path in merge_error.conflict_paths %}
                <li><span class="font-monospace">{{ conflict_path }}</span></li>
              {% endfor %}
            </ul>
          {% endif %}
        </div>
      {% else %}
        <div class="alert alert-danger py-2 mb-0" role="alert">{{ merge_error.message }}</div>
      {% endif %}
    {% endif %}

    {% if tab == "protection" and pull_protections | length > 0 %}
      <section class="pearing-panel">
        <header class="pearing-panel-header d-flex flex-wrap align-items-center justify-content-between gap-2">
          <div>
            <div class="fw-semibold">Branch Protection</div>
            <div class="small text-muted">Rules matching <span class="font-monospace">{{ pull.target_ref }}</span></div>
          </div>
          <span class="badge text-bg-secondary">{{ pull_protections | length }} rule{% if pull_protections | length != 1 %}s{% endif %}</span>
        </header>
        <div class="pearing-list">
          {% if pull_creator_ping_form %}
            <div class="pearing-list-row bg-body-tertiary">
              <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-3">
                <div>
                  <div class="fw-semibold">Ping Pull Creator</div>
                  <div class="small text-muted">
                    Send a direct ping to
                    {% with user_link_href = "/" ~ created_by.username, user_link_username = created_by.username, user_link_label = "@" ~ created_by.username, user_link_class = "fw-semibold text-decoration-none" %}
                      {% include "partials/hover_card_user_link.html" %}
                    {% endwith %}
                    about the failing protection checks.
                  </div>
                </div>
                <form method="post" action="{{ pull_creator_ping_form.target_path }}/ping" class="d-inline">
                  <input type="hidden" name="csrf_token" value="{{ pull_creator_ping_form.csrf_token }}">
                  <input type="hidden" name="next" value="{{ pull_creator_ping_form.next }}">
                  <input type="hidden" name="body" value="{{ pull_creator_ping_form.body }}">
                  <button class="btn btn-sm btn-warning" type="submit">Ping @{{ created_by.username }}</button>
                </form>
              </div>
            </div>
          {% endif %}
          {% for protection in pull_protections %}
            <div class="pearing-list-row">
              <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-2">
                <div>
                  <div class="fw-semibold font-monospace">{{ protection.pattern }}</div>
                  <div class="small text-muted mt-1">
                    {% if protection.trusted_approvers | length > 0 %}
                      Trusted approvers:
                      {% for username in protection.trusted_approvers %}
                        {% with user_link_href = "/" ~ username, user_link_username = username, user_link_label = username, user_link_class = "text-decoration-none" %}
                          {% include "partials/hover_card_user_link.html" %}
                        {% endwith %}{% if not loop.last %}, {% endif %}
                      {% endfor %}
                    {% else %}
                      {{ protection.summary }}
                    {% endif %}
                  </div>
                </div>
                <span class="badge {{ protection_status_badge(protection.status) }} text-uppercase">{{ protection.status }}</span>
              </div>
              <div class="row g-2 mt-2">
                {% for check in protection.checks %}
                  <div class="col-12 col-lg-6">
                    <div class="border rounded p-2 h-100">
                      <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
                        <span class="fw-semibold small">{{ check.label }}</span>
                        <span class="badge {{ protection_status_badge(check.status) }} text-uppercase">{{ check.status }}</span>
                      </div>
                      <div class="small text-muted mt-1">{{ check.detail }}</div>
                    </div>
                  </div>
                {% endfor %}
              </div>
            </div>
          {% endfor %}
        </div>
      </section>
    {% endif %}

    {% if tab == "reviews" %}
      <section class="pearing-panel">
        <header class="pearing-panel-header d-flex flex-wrap align-items-center justify-content-between gap-2">
          <div>
            <div class="fw-semibold">Reviews</div>
            <div class="small text-muted">Latest review per user, sorted by recent activity.</div>
          </div>
          <span class="badge text-bg-secondary">{{ reviews_total }} review{% if reviews_total != 1 %}s{% endif %}</span>
        </header>
        <div class="pearing-list">
          {% if current_user %}
            {% if my_review %}
              <div id="review-{{ my_review.uuid }}">
              <div id="my-review-container" class="pearing-list-row border-start border-3 border-primary">
                {% if review_action == "edit" %}
                  {% set is_update = true %}
                  {% set status = pull_review_form.status %}
                  {% set body = pull_review_form.body %}
                  {% set next = pull_review_form.next %}
                  {% set pull_number = pull.number %}
                  {% set can_submit_approved = review_can_submit_approved %}
                  {% set approved_disabled_reason = review_approved_disabled_reason %}
                  {% include "partials/repo_pull_review_form.html" %}
                {% else %}
                  <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
                    <div class="fw-semibold text-primary">Your Review</div>
                    <a class="btn btn-sm btn-outline-secondary"
                       href="{{ repo_path }}/pulls/{{ pull.number }}/reviews/edit"
                       hx-get="{{ repo_path }}/pulls/{{ pull.number }}/reviews/edit"
                       hx-target="#my-review-container"
                       hx-swap="innerHTML">Edit</a>
                  </div>
                  <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-2">
                    <div class="d-flex flex-wrap align-items-center gap-2">
                      {% with user_link_href = my_review.href, user_link_username = my_review.username, user_link_label = my_review.username, user_link_class = "fw-semibold text-decoration-none" %}
                        {% include "partials/hover_card_user_link.html" %}
                      {% endwith %}
                      {% if my_review.approver_role %}
                        <span class="badge {{ approver_badge(my_review.approver_role) }}">{% if my_review.approver_role == "trusted" %}Trusted Approver{% else %}Eligible Approver{% endif %}</span>
                      {% endif %}
                      <span class="badge {{ review_status_badge(my_review.status) }}">{{ my_review.status_label }}</span>
                    </div>
                    <div class="small text-muted">
                      {% if my_review.updated_at %}
                        {{ my_review.updated_at | humantime }}
                      {% else %}
                        {{ my_review.created_at | humantime }}
                      {% endif %}
                    </div>
                  </div>
                  {% if my_review.body and my_review.body | trim != "" %}
                    <div class="pearing-markdown mt-3" data-quote-source-kind="pull-review" data-quote-source-number="{{ my_review.uuid }}" data-quote-source-author="{{ my_review.username }}" data-quote-source-key="review:{{ pull.number }}:{{ my_review.uuid }}">{{ my_review.body | markdown | linkify(is_private=linkify_is_private, current_team_slug=linkify_current_team_slug) }}</div>
                  {% else %}
                    <div class="small text-muted mt-3">No review body.</div>
                  {% endif %}
                  {% with attachment_section=my_review.attachments %}
                    {% include "repo/partials/attachments.html" %}
                  {% endwith %}
                {% endif %}
              </div>
              </div>
            {% else %}
              <div id="new-review-container">
                {% if review_action == "new" %}
                  {% set is_update = false %}
                  {% set status = "open" %}
                  {% set body = "" %}
                  {% set next = pull_review_form.next %}
                  {% set pull_number = pull.number %}
                  {% set can_submit_approved = review_can_submit_approved %}
                  {% set approved_disabled_reason = review_approved_disabled_reason %}
                  {% include "partials/repo_pull_review_form.html" %}
                {% else %}
                  <a class="btn btn-primary"
                     href="{{ repo_path }}/pulls/{{ pull.number }}/reviews/new"
                     hx-get="{{ repo_path }}/pulls/{{ pull.number }}/reviews/new"
                     hx-target="#new-review-container"
                     hx-swap="innerHTML">New Review</a>
                {% endif %}
              </div>
            {% endif %}
          {% else %}
            <div class="pearing-list-row d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-2">
              <div>
                <div class="fw-semibold">Sign in to review this pull</div>
                <div class="small text-muted">Open, approved, changes requested, and closed reviews are all managed from this page.</div>
              </div>
              <a class="btn btn-primary" href="{{ signin_href }}">Sign In</a>
            </div>
          {% endif %}

          {% if pull_reviews.results | length == 0 %}
            {% if not my_review %}
              <p class="text-muted mb-0">No reviews yet.</p>
            {% endif %}
          {% else %}
            <div class="pearing-list">
              {% for review in pull_reviews.results %}
                <article class="pearing-list-row" id="review-{{ review.uuid }}">
                  <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-2">
                    <div class="d-flex flex-wrap align-items-center gap-2">
                      {% with user_link_href = review.href, user_link_username = review.username, user_link_label = review.username, user_link_class = "fw-semibold text-decoration-none" %}
                        {% include "partials/hover_card_user_link.html" %}
                      {% endwith %}
                      {% if review.approver_role %}
                        <span class="badge {{ approver_badge(review.approver_role) }}">{% if review.approver_role == "trusted" %}Trusted Approver{% else %}Eligible Approver{% endif %}</span>
                      {% endif %}
                      <span class="badge {{ review_status_badge(review.status) }}">{{ review.status_label }}</span>
                    </div>
                    <div class="small text-muted">
                      {% if review.updated_at %}
                        {{ review.updated_at | humantime }}
                      {% else %}
                        {{ review.created_at | humantime }}
                      {% endif %}
                    </div>
                  </div>
                  {% if review.body and review.body | trim != "" %}
                    <div class="pearing-markdown mt-3" data-quote-source-kind="pull-review" data-quote-source-number="{{ review.uuid }}" data-quote-source-author="{{ review.username }}" data-quote-source-key="review:{{ pull.number }}:{{ review.uuid }}">{{ review.body | markdown | linkify(is_private=linkify_is_private, current_team_slug=linkify_current_team_slug) }}</div>
                  {% else %}
                    <div class="small text-muted mt-3">No review body.</div>
                  {% endif %}
                  {% with attachment_section=review.attachments %}
                    {% include "repo/partials/attachments.html" %}
                  {% endwith %}
                </article>
              {% endfor %}
            </div>
          {% endif %}
        </div>
        {% with page=pull_reviews, query=reviews_query, per_page_id="pull-review-per-page", per_page_form="pull-review-filters" %}
          <form id="pull-review-filters" class="d-none"></form>
          {% include "partials/paging_footer.html" %}
        {% endwith %}
      </section>
    {% endif %}

    {% if tab == "detail" %}
      {% if not diff_error %}
        <section class="pearing-panel">
          <header class="pearing-panel-header d-flex flex-wrap align-items-center justify-content-between gap-2">
            <div class="fw-semibold">Commits in this pull</div>
          </header>
          <div>
            <form class="row g-2 align-items-end mb-0" method="get" id="pull-commit-filters"></form>
            {% if pull_commits.results | length == 0 %}
              <p class="text-muted mb-0">No unique commits.</p>
            {% else %}
              <div class="table-responsive">
                <table class="table table-hover align-middle table-sm mb-0 pearing-compact-table">
                  <thead class="table-light">
                    <tr class="text-uppercase small text-muted">
                      <th>Commit</th>
                      <th>Author</th>
                      <th class="d-none d-md-table-cell">Date</th>
                    </tr>
                  </thead>
                  <tbody>
                    {% for commit in pull_commits.results %}
                      <tr>
                        <td>
                          <div class="fw-semibold">
                            <a class="link-body-emphasis text-decoration-none" href="{{ repo_path }}/commit/{{ commit.id }}">
                              {{ commit.message }}
                            </a>
                          </div>
                          <div class="small text-muted font-monospace">
                            <a class="link-secondary text-decoration-none" href="{{ repo_path }}/commit/{{ commit.id }}">
                              {{ commit.short_id }}
                            </a>
                          </div>
                        </td>
                        <td>{{ commit.author }}</td>
                        <td class="d-none d-md-table-cell" title="{{ commit.committed_at }}">{{ commit.committed_at | humantime }}</td>
                      </tr>
                    {% endfor %}
                  </tbody>
                </table>
              </div>
            {% endif %}
          </div>
          {% with page=pull_commits, query=commits_query, per_page_id="pull-commit-per-page", per_page_form="pull-commit-filters" %}
            {% include "partials/paging_footer.html" %}
          {% endwith %}
        </section>
      {% endif %}

      {% if diffs | length == 0 %}
        {% if diff_error %}
          <div class="alert alert-warning py-2 mb-0" role="alert">{{ diff_error }}</div>
        {% else %}
          <p class="text-muted mb-0">No file changes to show.</p>
        {% endif %}
      {% else %}
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
          <div class="text-muted small">
            {{ files_changed }} files changed, {{ insertions }} insertions(+), {{ deletions }} deletions(-)
          </div>
          <button class="btn btn-sm btn-outline-secondary" type="button" id="commit-diff-toggle-all">Expand all</button>
        </div>
        <div class="d-flex flex-column gap-2" id="commit-diffs">
          {% for diff in diffs %}
            {% set diff_index = loop.index %}
            <div class="card">
              <div class="card-header py-2 pearing-diff-card-header" id="commit-diff-{{ loop.index }}">
                <button
                  class="btn btn-link w-100 text-start p-0 text-decoration-none link-body-emphasis pearing-diff-toggle{% if not loop.first %} collapsed{% endif %}"
                  type="button"
                  data-diff-toggle="true"
                  data-diff-index="{{ diff_index }}"
                  data-diff-target="#commit-diff-body-{{ loop.index }}"
                  aria-expanded="{% if loop.first %}true{% else %}false{% endif %}"
                  aria-controls="commit-diff-body-{{ loop.index }}"
                >
                  <span class="fw-semibold pearing-diff-title-selectable">{{ diff.path }}</span>
                </button>
              </div>
              <div
                id="commit-diff-body-{{ loop.index }}"
                class="pearing-diff-panel{% if not loop.first %} d-none{% endif %}"
                data-diff-index="{{ diff_index }}"
              >
                <div
                  id="commit-diff-content-{{ diff_index }}"
                  class="px-0"
                  data-diff-content="true"
                  data-diff-index="{{ diff_index }}"
                  data-diff-loaded="{% if loop.first or diff.binary %}true{% else %}false{% endif %}"
                  {% if not loop.first and not diff.binary %}
                    data-diff-lazy-url="{{ pull_diff_path }}/{{ diff_index }}"
                  {% endif %}
                >
                  {% if loop.first or diff.binary %}
                    {% include "repo/commit_diff_body.html" %}
                  {% else %}
                    <div class="px-3 py-2 text-muted small">Diff loads on expand.</div>
                  {% endif %}
                </div>
              </div>
            </div>
          {% endfor %}
        </div>
      {% endif %}
    {% endif %}

    {% include "repo/partials/attachment_picker_modal.html" %}
  </div>
{% endblock %}

{% block scripts %}
  <script>
    PearingScripts.initAutoSubmitFilters("pull-commit-filters", {
      includeFormAttribute: true
    });
  </script>
{% endblock %}