{% extends 'base.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block title %}Populaire Zoektermen | Promotip{% endblock %}

{% block body %}
    <div class="container popular-keywords-container" style="margin-bottom: 70px">
        <div class="row">
            <div class="col-sm-12">
                <h4 class="popular-keywords-heading">{% trans %}Populaire zoektermen{% endtrans %}</h4>
                <ul class="list-of-keywords popular-keywords-list">
                    {% set sortedKeywords = keywords|sort %}
                    {% for keyword in sortedKeywords %}
                        <li class="popular-keywords-item">
                            <a href="{{ path('search', {'q': keyword.name}) }}" class="popular-keywords-link">{{ keyword.name|capitalize }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}