{% extends "layout.html" %}
{% block content %}
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h1>{{ _('Popular feeds') }}</h1>
            <a href="{{ url_for('popular', nb_days='all')  }}">all</a>&nbsp;&#8231;&nbsp;<a href="{{ url_for('popular', nb_days=365)  }}">last year</a>&nbsp;&#8231;&nbsp;<a href="{{ url_for('popular', nb_days=31)  }}">last month</a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <ul class="list-group">
            {% for feed in popular %}
                <li class="list-group-item">
                    <a href="{{ feed[0] }}">{{ feed[0] }}</a>&nbsp;
                    <a href="{{ url_for('feed.bookmarklet', url=feed[0]) }}" >
                        <span class="glyphicon glyphicon-plus text-muted" title="follow this feed"></span>
                        <span class="text-muted">{{ _('add this feed') }}</span>
                    </a>
                    <span class="badge">{{ feed[1] }}</span>
                </li>
            {% endfor %}
            </ul>
        </div>
    </div>
</div><!-- /.container -->
{% endblock %}