{% if charts %}
<div class="row">
    <div class="col-md">
        {% for period_type, chart_list in charts.items %}
        <div class="mb-1">
            <small class="text-muted">
            {% if period_type == "year" %}📅 Yearly
            {% elif period_type == "month" %}📆 Monthly
            {% elif period_type == "week" %}🗓️ Weekly
            {% endif %}
            </small>
            {% for chart in chart_list %}
            <a href="{{chart.chart_url}}">{{chart.rank_emoji}} {{chart.period_str}}</a>{% if not forloop.last %} · {% endif %}
            {% endfor %}
        </div>
        {% endfor %}
    </div>
</div>
{% endif %}