<html>
<head>
  <title>{{ title }}</title>
  <style type="text/css">
    a, a:active {
      text-decoration: none; color: blue;
    }
    a:visited {
      color: #48468F;
    }
    a:hover, a:focus {
      text-decoration: underline; color: red;
    }
    body {
      background-color: #F5F5F5;
    }
    h2 {
      margin-bottom: 12px;
    }
    th, td {
      font: 100% monospace; text-align: left;
    }
    th {
      font-weight: bold; padding-right: 14px; padding-bottom: 3px;
    }
    td {
      padding-right: 20px;
    }
    td.s, th.s {
      text-align: right;
    }
    table {
      background-color: white;
      border-top: 1px solid #646464;
      border-bottom: 1px solid #646464;
      padding-top: 10px;
      padding-bottom: 14px;
    }
    address {
      color: #787878;
      padding-top: 10px;
    }
  </style>
</head>
<body>
  <h2>{{ title }}</h2>
  <table>
    <tr>
      <th>Filename</th>
      <th>Size</th>
      <th>Last Modified</th>
      <th>SHA256</th>
      <th>MD5</th>
    </tr>
{% for path in extra_paths %}
    {% set record = extra_paths[path] %}
    <tr>
      <td>{{ path | add_href(path) }}</td>
      <td class="s">{{ record.size | human_bytes }}</td>
      <td>{% if record.timestamp %}{{ record.timestamp|strftime("%Y-%m-%d %H:%M:%S %z") }}{% endif %}</td>
      <td>{{ record.sha256 }}</td>
      <td>{{ record.md5 }}</td>
    </tr>
{%- endfor %}
{% for fn, record in packages|dictsort() %}
    <tr>
      <td{% if html_dependencies and record.depends %} title="{{ record | to_title }}"{% endif %}>{{ fn | add_href(fn) }}</td>
      <td class="s">{{ record.size | human_bytes }}</td>
      <td>{% if record.timestamp %}{{ record.timestamp|strftime("%Y-%m-%d %H:%M:%S %z") }}{% endif %}</td>
      <td>{{ record.sha256 }}</td>
      <td>{{ record.md5 }}</td>
    </tr>
{%- endfor %}
  </table>
  <address>Updated: {{ current_time|strftime("%Y-%m-%d %H:%M:%S %z") }} - Files: {{ packages|length }}</address>
</body>
</html>
