<!DOCTYPE html>
<html>

<head>
  <title>OnionShare</title>
  <link href="{{ static_url_path }}/img/favicon.ico" rel="icon" type="image/x-icon">
  <link rel="stylesheet" rel="subresource" type="text/css" href="{{ static_url_path }}/css/style.css" media="all">
  <meta name="onionshare-filename" content="{{ filename }}">
  <meta name="onionshare-filesize" content="{{ filesize }}">
</head>

<body>

  <header class="clearfix">
    <div class="right">
      <ul>
        <li>Total size: <strong>{{ filesize_human }}</strong> {% if is_zipped %} (compressed){% endif %}</li>
        <li><a class="button" href='/download'>Download Files</a></li>
      </ul>
    </div>
    <img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">
    <h1>OnionShare</h1>
  </header>

  {% if breadcrumbs %}
      <ul class="breadcrumbs">
        {% for breadcrumb in breadcrumbs %}<li><a href="{{ breadcrumb[1] }}">{{ breadcrumb[0] }}</a> <span class="sep">&#8227;</span></li>{% endfor %}<li>{{ breadcrumbs_leaf }}</li>
      </ul>
    {% endif %}

  <table class="file-list" id="file-list">
    <tr>
      <th id="filename-header">Filename</th>
      <th id="size-header">Size</th>
      <th></th>
    </tr>
    {% for info in dirs %}
    <tr>
      <td>
        <img width="30" height="30" title="" alt="" src="{{ static_url_path }}/img/web_folder.png" />
        <a href="{{ info.basename }}">
          {{ info.basename }}
        </a>
      </td>
      <td>&mdash;</td>
    </tr>
    {% endfor %}

    {% for info in files %}
    <tr>
      <td>
        <img width="30" height="30" title="" alt="" src="{{ static_url_path }}/img/web_file.png" />
        {% if download_individual_files %}
        <a href="{{ info.basename }}">
          {{ info.basename }}
        </a>
        {% else %}
        {{ info.basename }}
        {% endif %}
      </td>
      <td>{{ info.size_human }}</td>
    </tr>
    {% endfor %}
  </table>
  <script async src="{{ static_url_path }}/js/send.js" charset="utf-8"></script>
</body>

</html>
