{% load packages %}
{% load sub %}
{% load div %}
{% load mul %}

{% load url from future %}

<table id="table" class="display">
  <thead>
    <th>Package</th>
    <th><img src="{{ STATIC_URL }}img/gentoo-icon.png" alt="gentoo" title="Last version in Gentoo" /></th>
    <th><img src="{{ STATIC_URL }}img/overlay-icon.png" alt="overlays" title="Last version in Overlays" /></th>
    <th><img src="{{ STATIC_URL }}img/upstream-icon.png" alt="upstream" title="Last version Upstream" /></th>
    <th><img src="{{ STATIC_URL }}img/gentoo-icon.png" alt="gentoo" title="Versions in Gentoo" /></th>
    <th><img src="{{ STATIC_URL }}img/overlay-icon.png" alt="overlays" title="Versions in Overlays" /></th>
    <th><img src="{{ STATIC_URL }}img/upstream-icon.png" alt="upstream" title="Versions only upstream" /></th>
    <th><img src="{{ STATIC_URL }}img/freshness-icon.png" title="Freshness" /></th>
  </thead>
  <tbody>
  {% for package in packages %}
  <tr>
    <td>
      <a href="{% url "package" package.category package.name %}">
        {{ package.category }}/{{ package.name }}
      </a>
      {% package_bar package %}
    </td>
    <td>{{ package.last_version_gentoo.version }}</td>
    <td>{{ package.last_version_overlay.version }}</td>
    <td>{{ package.last_version_upstream.version }}</td>
    {% package_cols package %}
  </tr>
  {% endfor %}
  </tbody>
</table>