{% extends 'layout.html' %}
{# breadcrumbs is special because we cannot display 'browse' link for files. #}
{% set _path_breadcrumbs = breadcrumb_repo(repo, 'browse', path, extend=1) %}
{% if _path_breadcrumbs %}
  {% set breadcrumbs = breadcrumb_repo(repo) + _path_breadcrumbs[:-1]  + [('#', _('History: {}').format(_path_breadcrumbs[-1][1]))] %}
{% else %}
  {% set breadcrumbs = breadcrumb_repo(repo) + breadcrumb_repo(repo, 'history') %}
{% endif %}
{% block content %}
  {# Header #}
  <div class="sticky-top mb-2 bg-white border-bottom p-3">
    <div class="d-flex flex-wrap justify-content-between rdw-container">
      <h2 class="mb-0">
        <RdwIcon value="bi-clock-history" class="me-1" />
        {{ breadcrumbs[-1][1] }}
      </h2>
      <div>
        <button id="rdw-btn-delete-history"
                type="button"
                class="btn btn-danger"
                data-bs-toggle="modal"
                data-bs-target="#rdw-delete-history-modal">{% trans %}Delete History{% endtrans %}</button>
      </div>
    </div>
  </div>
  <div class="rdw-container">
    <ul class="list-group">
      {% set restore_dates = path_obj.change_dates[: -limit - 1 : -1] %}
      {% for restore_date in restore_dates %}
        <li class="list-group-item d-flex align-items-center justify-content-between py-3 px-4">
          {# Left side #}
          <div class="d-flex align-items-center gap-3">
            <RdwIcon :value="{{ 'bi-folder' if path_obj.isdir else 'bi-file-earmark' }}"
                     class="fs-4 me-2" />
            <div>
              <div class="d-flex align-items-center gap-2">
                <span class="fw-semibold">
                  <RdwTime :value="restore_date" :relative="False" format="medium" />
                </span>
                {% if loop.first %}<span class="badge text-bg-success">Latest</span>{% endif %}
              </div>
            </div>
          </div>
          {# Download button #}
          <div class="float-end">
            {% if path_obj.isdir %}
              <div class="btn-group">
                <a type="button"
                   class="btn btn-secondary btn-sm"
                   href="{{ url_for('restore', repo, path, date=restore_date.epoch) }}">
                  <RdwIcon value="bi-download" class="me-1" />
                  {%- trans %}Download{% endtrans %}
                </a>
                <button type="button"
                        class="btn btn-secondary btn-sm dropdown-toggle"
                        data-bs-toggle="dropdown"
                        aria-haspopup="true"
                        aria-expanded="false">
                  <span class="caret"></span>
                  <span class="visually-hidden">{% trans %}Toggle Dropdown{% endtrans %}</span>
                </button>
                <div class="dropdown-menu dropdown-menu-end-xs"
                     role="menu"
                     aria-labelledby="menu1">
                  <a class="dropdown-item"
                     href="{{ url_for('restore', repo, path, date=restore_date.epoch) }}">
                    <RdwIcon value="bi-file-earmark-arrow-down" class="me-1" />
                    <span>{% trans %}Download{% endtrans %} ZIP</span>
                  </a>
                  <a class="dropdown-item"
                     href="{{ url_for('restore', repo, path, date=restore_date.epoch, kind='tar.gz') }}">
                    <RdwIcon value="bi-file-earmark-arrow-down" class="me-1" />
                    <span>{% trans %}Download{% endtrans %} TAR.GZ</span>
                  </a>
                  <a class="dropdown-item"
                     href="{{ url_for('restore', repo, path, date=restore_date.epoch, kind='tar.bz2') }}">
                    <RdwIcon value="bi-file-earmark-arrow-down" class="me-1" />
                    <span>{% trans %}Download{% endtrans %} TAR.BZ2</span>
                  </a>
                </div>
              </div>
            {% else %}
              {{ path_obj.get_file_size(restore_date) | filesize }}
              <a type="button"
                 class="btn btn-secondary btn-sm"
                 rel="nofollow"
                 href="{{ url_for('restore', repo, path, date=restore_date.epoch) }}">
                <RdwIcon value="bi-download" class="me-1" />
                {%- trans %}Download{% endtrans %}
              </a>
            {% endif %}
          </div>
        </li>
      {% endfor %}
      {% if limit == restore_dates|count %}
        <li class="list-group-item text-center">
          <a href="?limit={{ limit * 2 }}">
            <RdwIcon value="bi-chevron-down" class="me-1" />
            {%- trans %}Show more...{% endtrans %}
          </a>
        </li>
      {% endif %}
    </ul>
  </div>
  <!-- Delete Repo Modal -->
  <form method="post" action="{{ url_for('delete', repo, path) }}">
    <ModalConfirm id="rdw-delete-history-modal"
                  :title="_('Confirmation required')"
                  :message="_('You are about to permanently delete this file or folder history. Deleted history CANNOT be restored! Are you ABSOLUTELY sure?')"
                  :submit="_('Delete')"
                  :confirm_value="repo.display_name if path_obj.isroot else path_obj.display_name" />
  </form>
{% endblock %}