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

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

{% block title %}
{{ block.super }} - Herd: {{ herd.herd }}
{% endblock %}

{% block menu_feed %}
{{ block.super }}
<li>
  <img src="{{ STATIC_URL }}/img/feed.png" alt="feed" />
  <a title="{{ herd.herd }} Feed" href="{% url "herd_feed" herd.herd %}">
    {{ herd.herd|truncatechars:15 }}
  </a>
</li>
{% endblock %}

{% block content %}
<h2>
  Herd: {{ herd.herd }}
  {% if user.is_authenticated %}
    <span class="pull-right padding-bottom10">
      {% favourite_buttons "herd" herd.herd %}
    </span>
  {% endif %}

</h2>
{% packages packages %}

<h3>Statistics</h3>
<h4>Current statistics</h4>
<p>
  <img alt="pie versions" src="{% url "chart_herd" herd.herd 'pie-versions' %}" />
  <img alt="pie packages" src="{% url "chart_herd" herd.herd 'pie-packages' %}" />
</p>

<h4>All Time</h4>
<p>
  <img alt="versions weekly" src="{% url "chart_herd" herd.herd 'versions-weekly' %}" />
  <img alt="versions monthly" src="{% url "chart_herd" herd.herd 'versions-monthly' %}" />
</p>
<p>
  <img alt="packages weekly" src="{% url "chart_herd" herd.herd 'packages-weekly' %}" />
  <img alt="packages monthly" src="{% url "chart_herd" herd.herd 'packages-monthly' %}" />
</p>

<script src="{{ STATIC_URL }}js/favourite.js" type="text/javascript"></script>
{% endblock %}

{% block menus %}
{{ block.super }}
<div class="menu rounded notfirst-menu">
  <dl>
    <dt>Versions</dt>
    <dd><img alt="versions" src="{% url "chart_herd" herd.herd 'versions-monthly-small' %}" /></dd>
    <dt>Packages</dt>
    <dd><img alt="packages" src="{% url "chart_herd" herd.herd 'packages-monthly-small' %}" /></dd>
  </dl>
</div>

{% endblock %}
