{% extends "site_base.html" %}
{% load i18n %}

{% block "content" %}
    <div class="archive">
        <ul class="nav nav-tabs">
            {% for year in years %}
            <li class="{% if year == year_hoy %}active{% endif %}"><a href="#a{{ year }}" data-toggle="tab">{{ year }}</a></li>
            {% endfor %}
        </ul>

        <div class="tab-content">
        {% for year in years %}
            <div class="tab-pane fade {% if year == year_hoy %}active in{% endif %}" id="a{{ year }}">
            <table class="zebra-striped" style="width: 100%; margin-top: 15px;">
                <thead>
                    <tr>
                        <th style="text-align: left;">{{ _('Month') }}</th>
                        <th style="text-align: center;">{{ _('Year') }}</th>
                        <th style="text-align: right;">{{ _('Posts') }}</th>
                    </tr>
                </thead>
                <tbody>
                {% for mes in meses %}
                    <tr>
                        <td style="width: 30%"><i class="fa fa-calendar"></i>&nbsp;&nbsp;&nbsp;<a href="{% url app_blog-archive year forloop.counter %}">{{ mes }}</a></td>
                        <td style="text-align: center;"><span>{{ year }}</span></td>
                        <td style="text-align: right;" id="a{{ year }}-{{ forloop.counter }}">{% for k,v in results.items %}{% if k.0 == year and k.1 == forloop.parentloop.counter %}{{ v }}{% endif %}{% endfor %}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            </div>
        {% endfor %}
        </div>
    </div>
{% endblock "content" %}