{% load url from future %}
{% load djeuscan_helpers %}

<table id="table" class="display">
  <thead>
    <tr>
      <th>Category</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" alt="freshness" title="Freshness" /></th>
      {% if extras %}
      <th>Graphs</th>
      {% endif %}
    </tr>
  </thead>
  <tbody>
  {% for category in categories %}
  <tr>
    <td>
      <a href="{% url "category" category.category %}">{{ category.category }}</a>
      {% package_bar category %}
    </td>
    {% package_cols category %}
    {% if extras %}
    <td>
      <img src="{% url "chart_category" category.category 'packages-monthly-small' %}" />
      <img src="{% url "chart_category" category.category 'versions-monthly-small' %}" />
    </td>
    {% endif %}
  </tr>
  {% endfor %}
  </tbody>
</table>