{% 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">
      <div>
        <p class="text-muted mb-1">Commit</p>
        <h1 class="h3 mb-0">
          {% if owner_path is startingwith('/teams/') %}
            <a class="link-primary" href="{{ owner_path }}">{{ owner_slug }}</a>
          {% else %}
            {% with user_link_href = owner_path, user_link_username = owner_slug, user_link_label = owner_slug, user_link_class = "link-primary" %}
              {% include "partials/hover_card_user_link.html" %}
            {% endwith %}
          {% endif %}
          /
          <a class="link-primary" href="{{ repo_path }}">{{ repo.slug }}</a>
          /
          <span class="font-monospace">{{ short_id }}</span>
        </h1>
      </div>
      <div class="d-flex flex-column flex-md-row align-items-md-center gap-2">
        {% set repo_tab = "files" %}
        {% set repo_tab_label = "Commits" %}
        {% set repo_tab_extra_href = repo_path ~ "/commit/" ~ commit_id ~ "/tree" %}
        {% set repo_tab_extra_label = "Tree (this commit)" %}
        {% include "partials/repo_tabs.html" %}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <div class="d-flex flex-column gap-3">
          <div>
            <div class="fw-semibold">{{ message_title }}</div>
            {% if message_body %}
              <div class="text-muted pearing-pre-wrap mt-1">{{ message_body }}</div>
            {% endif %}
          </div>
          <div class="row g-3">
            <div class="col-12 col-md-4">
              <div class="text-uppercase text-muted small fw-semibold">Author</div>
              <div>{{ author }}</div>
              <div class="text-muted small">{{ author_email }}</div>
            </div>
            <div class="col-12 col-md-4">
              <div class="text-uppercase text-muted small fw-semibold">Committed</div>
              <div title="{{ committed_at }}">{{ committed_at | humantime }}</div>
            </div>
            <div class="col-12 col-md-4">
              <div class="text-uppercase text-muted small fw-semibold">SHA</div>
              <div class="font-monospace">{{ commit_id }}</div>
              {% if parent_ids | length > 0 %}
                <div class="text-muted small mt-1">Parents</div>
                <div>
                  {% for parent in parent_ids %}
                    <a class="font-monospace link-secondary text-decoration-none me-2" href="{{ repo_path }}/commit/{{ parent }}">
                      {{ parent[:8] }}
                    </a>
                  {% endfor %}
                </div>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
    </div>

    {% with related_threads=linked_threads, related_threads_label="Referenced in threads" %}
      {% include "repo/partials/related_threads.html" %}
    {% endwith %}

    {% if diffs | length == 0 %}
      <p class="text-muted mb-0">No file changes to show.</p>
    {% 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="{{ repo_path }}/commit/{{ commit_id }}/diff/{{ 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 %}
  </div>
{% endblock %}