{% extends "base.html" %}

{% block title %}{{ info.file.name }} - transbeam{% endblock %}

{% block head %}
  <script src="js/util.js?{{ cachebuster }}"></script>
  <script type="text/javascript">
    const CODE = "{{ info.code }}";
  </script>
  <script src="js/download.js?{{ cachebuster }}"></script>
{% endblock %}

{% block body %}
  <div id="download_toplevel" class="section">
    <div class="file_name">{{ info.file.name }}</div>
    <div class="file_size">{{ bytesize::to_string(info.file.size.clone(), false).replace(" ", "") }}</div>
    <div class="file_download"><a class="download_button" href="download?code={{ info.code }}&download=all"></a></div>
  </div>
  {% match info.file.contents %}
    {% when Some with (files) %}
      <div id="download_contents" class="section">
        <details>
          <summary>Show file list</summary>
          <table><tbody>
            {% let offsets = info.offsets.as_ref().unwrap() %}
            {% for f in files %}
              <tr class="{% if offsets.get(loop.index0.clone()).unwrap().clone() > info.available %}unavailable{% endif %}">
                <td class="file_size">{{ bytesize::to_string(f.size.clone(), false).replace(" ", "") }}</td>
                <td class="file_name">{{ f.name }}</td>
                <td class="file_download"><a class="download_button" href="download?code={{ info.code }}&download={{ loop.index0 }}"></a></td>
                <td class="file_unavailable"></td>
              </tr>
            {% endfor %}
          </tbody></table>
        </details>
      </div>
    {% else %}
  {% endmatch %}
{% endblock %}