{% extends "base.html" %}

{% block content %}
  <div class="d-flex flex-column gap-3">
    {% include "repo/explorer_header.html" %}

    <div class="card shadow-sm">
      <div class="card-header">
        <div class="fw-semibold">Path history</div>
        <div class="text-muted small font-monospace text-break">{% if path %}{{ path }}{% else %}/{% endif %}</div>
      </div>
      <div class="list-group list-group-flush">
        {% for commit in commits %}
          <a class="list-group-item list-group-item-action" href="{{ commit.href }}">
            <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-1">
              <span class="fw-semibold">{{ commit.summary | default("Commit " ~ commit.short_id, true) }}</span>
              <time class="text-muted small" datetime="{{ commit.committed_at }}">{{ commit.committed_at | humantime }}</time>
            </div>
            <div class="text-muted small">{{ commit.author | default("Unknown author", true) }} · <span class="font-monospace">{{ commit.short_id }}</span></div>
          </a>
        {% else %}
          <div class="list-group-item text-muted">No matching commits were found in the bounded history scan.</div>
        {% endfor %}
      </div>
      {% if previous_url or next_url %}
        <div class="card-footer d-flex justify-content-between gap-2">
          {% if previous_url %}<a class="btn btn-sm btn-outline-secondary" href="{{ previous_url }}">Previous</a>{% else %}<span></span>{% endif %}
          {% if next_url %}<a class="btn btn-sm btn-outline-secondary" href="{{ next_url }}">Next</a>{% endif %}
        </div>
      {% endif %}
    </div>
  </div>
{% endblock %}