{% extends "base.html" %}
{% block title %}Arch Linux - Package Groups{% endblock %}
{% block navbarclass %}anb-packages{% endblock %}

{% block content %}
<div class="box">
    <h2>Package Groups Overview</h2>
    <table class="results">
        <thead>
            <tr>
                <th>Arch</th>
                <th>Group Name</th>
                <th>Package Count</th>
                <th>Last Updated</th>
            </tr>
        </thead>
        <tbody>
            {% for grp in groups %}
            <tr class="{% cycle 'odd' 'even' %}">
                <td>{{ grp.arch }}</td>
                <td><a href="/groups/{{ grp.arch }}/{{ grp.name }}/"
                        title="Group details for {{ grp.name }}">{{ grp.name }}</a></td>
                <td>{{ grp.count }} Packages</td>
                <td>{{ grp.last_update|date:"Y-m-d" }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% load cdn %}{% jquery %}
<script type="text/javascript" src="/media/jquery.tablesorter.min.js"></script>
<script type="text/javascript">
$.tablesorter.addParser({
    id: 'pkgcount',
    is: function(s) { return false; },
    format: function(s) {
        var m = s.match(/\d+/);
        return m ? parseInt(m[0]) : 0;
    },
    type: 'numeric'
});

$(document).ready(function() {
    $(".results").tablesorter({widgets: ['zebra'], sortList: [[1,0], [0,0]], headers: { 2: { sorter: 'pkgcount' } } });
});
</script>
{% endblock %}