{% extends 'layout.html' %}
{% set breadcrumbs = breadcrumb_repo(repo) + breadcrumb_repo(repo, self, path, extend=1) %}
{% block content %}
  <RdwTable :paging="{{ False }}"
            :search_placeholder="{{ _("Filter files...") }}"
            :responsive="{{ False }}"
            class="border rounded-2">
    <thead class="table-light small">
      <tr>
        <th id="name" class="sortable">{% trans %}Name{% endtrans %}</th>
        <th id="status" class="sortable">{% trans %}Status{% endtrans %}</th>
        <th id="size" class="sortable" data-type="num">
          {% set size_tooltip %}
            <strong>{% trans %}Source size:{% endtrans %}</strong>
            {% trans %}current size of data in the backup mirror.{% endtrans %}
            <br>
            <strong>{% trans %}History size{% endtrans %}</strong>
            {% trans %}(folders only): extra storage from previous versions and deleted files.{% endtrans %}
          {% endset %}
          <span class="rdw-tooltip"
                data-bs-toggle="tooltip"
                data-bs-html="true"
                title="{{ size_tooltip | e }}">{% trans %}Size{% endtrans %}</span>
        </th>
        <th id="last-revision" class="sortable" data-type="num">{% trans %}Versions{% endtrans %}</th>
      </tr>
    </thead>
    <tbody>
      {% for entry in dir_entries %}
        <tr {% if not entry.exists %}class="table-light"{% endif %}>
          {# Name #}
          <td data-search="{{ entry.display_name }}"
              data-order="{{ 'dir' if entry.isdir else 'file' }}-{{ entry.display_name }}">
            <RdwIcon :value="{{ 'bi-folder-fill' if entry.isdir else 'bi-file-earmark' }}" />
            {% set href = (entry.isdir and url_for('browse', repo, entry.path) ) or (entry.last_change_date and url_for('restore', repo, entry.path, date=entry.last_change_date)) or "#" %}
            <a href="{{ href }}" title="{{ entry.display_name }}">
              <span class="visually-hidden">{{ _("DIR") if entry.isdir else _('FILE') }}</span>
              {{ entry.display_name -}}
            </a>
          </td>
          {# Status #}
          <td class="nowrap" data-order="{{ entry.exists }}">
            {% if entry.exists %}
              <span class="badge bg-success-subtle text-success border border-success-subtle rounded-pill">{{ _("Active") }}</span>
            {% else %}
              <span class="badge bg-secondary-subtle text-secondary border border-secondary-subtle rounded-pill">
                {{ _("Deleted") }}
              </span>
            {% endif %}
          </td>
          {# Size #}
          {% set total_size = ((entry.mirror_size or 0) + (entry.increments_size or 0)) if entry.isdir else entry.file_size %}
          <td class="nowrap" data-search="" data-order="{{ total_size }}">
            {% if entry.isdir %}
              {% if entry.mirror_size or entry.increments_size %}
                {# Folder with diskusage #}
                {% set size_tooltip %}
                  {% if entry.exists %}
                    <strong>{% trans %}Source:{% endtrans %}</strong>
                    {{ (entry.mirror_size or 0) | filesize }}
                    <br>
                    <strong>{% trans %}History:{% endtrans %}</strong>
                    +{{ (entry.increments_size or 0) | filesize }}
                    <br>
                    <strong>{% trans %}Total:{% endtrans %}</strong>
                    {{ total_size | filesize }}
                  {% else %}
                    {% trans %}Folder deleted from source.{% endtrans %}
                    <br>
                    <strong>{% trans %}History retained:{% endtrans %}</strong>
                    +{{ (entry.increments_size or 0) | filesize }}
                  {% endif %}
                {% endset %}
                <span data-bs-toggle="tooltip"
                      data-bs-html="true"
                      data-bs-original-title="{{ size_tooltip | e }}">
                  {{ (entry.mirror_size or 0) | filesize }}
                  <span class="badge bg-secondary-subtle text-secondary border border-secondary-subtle ms-1 history-hint">
                    +{{ (entry.increments_size or 0) | filesize }}
                  </span>
                </span>
              {% else %}
                {# Folder without diskusage #}
                <span data-bs-toggle="tooltip"
                      data-bs-html="true"
                      data-bs-original-title="{{ _("Size not yet computed.") }}">&mdash;</span>
              {% endif %}
            {% elif not entry.exists %}
              {# Deleted file #}
              &mdash;
            {% else %}
              {# File exists #}
              {{ entry.file_size | filesize }}
            {% endif %}
          </td>
          {# History #}
          <td data-search=""
              data-order="{{ entry.last_change_date and entry.last_change_date.epoch }}">
            {% if entry.change_dates %}
              <div class="btn-group">
                <div role="button" id="menu1" data-bs-toggle="dropdown">
                  <RdwTime :value="entry.last_change_date" :relative="False" format="short" />
                  <RdwIcon value="ms-2 bi-chevron-down" />
                </div>
                <div class="dropdown-menu" role="menu" aria-labelledby="menu1">
                  {% for change_date in entry.change_dates[:-6:-1] %}
                    <a class="dropdown-item"
                       href="{{ url_for('restore', repo, entry.path, date=change_date) }}">
                      <!-- File date -->
                      <RdwIcon value="bi-download" class="me-1" />
                      <RdwTime :value="change_date" :relative="False" format="short" />
                    </a>
                  {% endfor %}
                  <a class="dropdown-item text-center"
                     href="{{ url_for('history', repo, entry.path) }}">{% trans %}Show history...{% endtrans %}</a>
                </div>
              </div>
            {% endif %}
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </RdwTable>
{% endblock %}