{% extends "euscan/_datatable.html" %}

{% load packages %}
{% load url from future %}

{% block title %}
{{ block.super }} - herds
{% endblock %}

{% block content %}
<h2>Herds</h2>
<table id="table" class="display">
  <thead>
    <th>Herd</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>
    {% if request.GET.extras %}
    <th>Graphs</th>
    {% endif %}
  </thead>
  <tbody>
  {% for herd in herds %}
    <tr>
      <td>
        <a href="{% url "herd" herd.herds__herd %}">
          {{ herd.herds__herd }}
        </a>
        {% package_bar herd %}
      </td>
      {% package_cols herd %}
      {% if request.GET.extras %}
        <td>
          <img src="{% url "chart_herd" herd.herds__herd 'packages-monthly-small' %}" />
          <img src="{% url "chart_herd" herd.herds__herd 'versions-monthly-small' %}" />
        </td>
      {% endif %}
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}