{% extends "base.html" %}

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

    {% if path_missing_notice %}
      <div class="alert alert-warning mb-0" role="alert">
        The selected path does not exist at this revision. Showing the repository root instead.
      </div>
    {% endif %}

    <div class="card shadow-sm">
      <div class="card-header d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-2">
        <div>
          <span class="fw-semibold">Files</span>
          <span class="text-muted small ms-2">
            {{ dir_count }} dirs · {{ file_count }} files{% if other_count > 0 %} · {{ other_count }} others{% endif %}
          </span>
        </div>
        <div class="d-flex flex-wrap align-items-center gap-2">
          <span class="text-muted small">{{ total_entries }} entries</span>
          {% if not empty_repo %}<div class="dropdown">
            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" id="pearing-explorer-download" data-bs-toggle="dropdown" aria-expanded="false">Download revision</button>
            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="pearing-explorer-download">
              <li><a class="dropdown-item" href="{{ download_tar_path }}">.tar.gz</a></li>
              <li><a class="dropdown-item" href="{{ download_zip_path }}">.zip</a></li>
            </ul>
          </div>{% endif %}
        </div>
      </div>
      <div class="card-body p-0">
        <div class="px-3 pt-3">
          {% with nav_class = "mb-3 pearing-breadcrumb-case", list_class = "breadcrumb mb-0" %}
            {% include "partials/breadcrumbs.html" %}
          {% endwith %}
        </div>

        {% if latest_commit %}
          <div class="border-top border-bottom px-3 py-2 d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-1 small pearing-explorer-latest">
            <div class="text-truncate">
              <a class="fw-semibold text-decoration-none" href="{{ latest_commit.href }}">{{ latest_commit.summary | default("Commit " ~ latest_commit.short_id, true) }}</a>
              <span class="text-muted ms-1">by {{ latest_commit.author | default("Unknown author", true) }}</span>
            </div>
            <time class="text-muted flex-shrink-0" datetime="{{ latest_commit.committed_at }}">{{ latest_commit.committed_at | humantime }}</time>
          </div>
        {% endif %}

        <div class="table-responsive">
          <table class="table table-hover align-middle mb-0 pearing-explorer-table">
            <thead>
              <tr>
                <th scope="col">Name</th>
                <th scope="col" class="pearing-explorer-change-column">Last change</th>
                <th scope="col" class="text-end">Size</th>
              </tr>
            </thead>
            <tbody>
              {% if parent_url %}
                <tr>
                  <td colspan="3">
                    <a class="font-monospace text-decoration-none" href="{{ parent_url }}">../</a>
                  </td>
                </tr>
              {% endif %}
              {% for entry in entries %}
                <tr>
                  <td>
                    <div class="d-flex align-items-start gap-2">
                      <span class="badge text-bg-{% if entry.kind == 'dir' %}primary{% elif entry.kind == 'file' %}secondary{% elif entry.kind == 'symlink' %}info{% elif entry.kind == 'submodule' %}dark{% else %}light{% endif %} text-uppercase flex-shrink-0">{{ entry.kind }}</span>
                      <div class="pearing-min-w-0">
                        <a class="font-monospace text-break" href="{{ entry.href }}">{{ entry.name }}</a>
                        {% if entry.detail %}
                          <div class="text-muted small font-monospace text-break">
                            {% if entry.kind == "symlink" %}target: {% elif entry.kind == "submodule" %}commit: {% endif %}{{ entry.detail }}
                            {% if entry.external_href %} · <a href="{{ entry.external_href }}" rel="noopener noreferrer">repository</a>{% endif %}
                          </div>
                        {% endif %}
                        <div class="d-md-none text-muted small mt-1">
                          {% if entry.latest %}{{ entry.latest.summary | default(entry.latest.short_id, true) }} · {{ entry.latest.author }} · {{ entry.latest.committed_at | humantime }}{% else %}No change found in scan window{% endif %}
                        </div>
                      </div>
                    </div>
                  </td>
                  <td class="pearing-explorer-change-column">
                    {% if entry.latest %}
                      <div class="text-truncate"><a class="text-decoration-none" href="{{ entry.latest.href }}">{{ entry.latest.summary | default(entry.latest.short_id, true) }}</a></div>
                      <div class="text-muted small">{{ entry.latest.author }} · <time datetime="{{ entry.latest.committed_at }}">{{ entry.latest.committed_at | humantime }}</time></div>
                    {% else %}
                      <span class="text-muted small">Not found in scan window</span>
                    {% endif %}
                  </td>
                  <td class="text-end text-muted small text-nowrap">{{ entry.size }}</td>
                </tr>
              {% else %}
                <tr><td colspan="3" class="text-muted text-center py-4">{% if empty_repo %}No commits yet. Push a commit to begin browsing files.{% else %}This directory is empty.{% endif %}</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
      {% if previous_url or next_url %}
        <div class="card-footer d-flex align-items-center 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 %}
          <span class="text-muted small">Page {{ page_num }}</span>
          {% if next_url %}<a class="btn btn-sm btn-outline-secondary" href="{{ next_url }}">Next</a>{% endif %}
        </div>
      {% endif %}
    </div>

    {% if readme %}
      <div class="card shadow-sm">
        <div class="card-header fw-semibold font-monospace">{{ readme.name }}</div>
        <div class="card-body pearing-markdown pearing-explorer-readme">{{ readme.html | safe }}</div>
      </div>
    {% endif %}
  </div>
{% endblock %}