{% 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" %}
      <div class="d-flex flex-column flex-md-row align-items-md-center gap-2">
        <div class="text-muted">
          Branch: <span class="fw-semibold">{{ current_branch }}</span>
        </div>
        {% set repo_tab = "files" %}
        {% set repo_tab_label = "Commits" %}
        {% include "partials/repo_tabs.html" %}
      </div>
    </div>

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

    <div class="card shadow-sm">
      <div class="card-header d-flex flex-wrap align-items-center justify-content-between gap-2">
        <div class="fw-semibold">Commits</div>
        <div class="text-muted small">Branch: {{ current_branch }}</div>
      </div>
      <div class="card-body">
        <form class="row g-2 align-items-end mb-3" method="get" action="{{ commits_path }}" id="repo-commit-filters"></form>
        {% if path_filter %}
          <div class="text-muted small mb-2">
            File: <span class="font-monospace">{{ path_filter }}</span>
            <a class="link-secondary ms-2" href="{{ commits_path }}">Clear</a>
          </div>
        {% endif %}
        {% if empty_repo or page.results | length == 0 %}
          <p class="text-muted mb-0">No commits yet.</p>
        {% else %}
          <div class="table-responsive">
            <table class="table table-hover align-middle table-sm mb-0">
              <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 page.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=page, query=query, per_page_id="repo-commit-per-page", per_page_form="repo-commit-filters" %}
        {% include "partials/paging_footer.html" %}
      {% endwith %}
    </div>
  </div>
{% endblock %}

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