{% if cities|length > 0 %}
<div class="container__header">
{% if route in ['app_country_search', 'app_country_search_season'] %}
{% set hN = 'h2' %}
{% else %}
{% set hN = 'h3' %}
{% endif %}
<{{ hN }} class="container__header-title">
{% if route == 'app_country_search_season' %}
{{ 'Популярные курорты'|trans }} {{ (season~'Vn')|trans }}
{% else %}
{{ 'Популярные курорты'|trans }}
{% endif %}
</{{ hN }}>
</div>
<div class="small-card-with-caption-list__container">
{% for city in cities %}
{# класс active добавляем к small-card-with-caption-list__item если страница курорта и курорт совпадают #}
<a class="small-card-with-caption-list__item" href="{% if route in ['app_country_search_departure_city', 'app_city_search_departure_city'] %}{{ path('app_city_search_departure_city', { country: page.info.countryTr, city: city.nameTr, departureCity: departureCity.nameTr }) }}{% elseif route == 'app_country_search_season' %}{{ path('app_city_search_season', { country: page.info.countryTr, city: city.nameTr, season: season }) }}{% else %}{{ path('app_city_search', { country: page.info.countryTr, city: city.nameTr }) }}{% endif %}" title="{{ city.name }}">
<span class="small-card-with-caption-list__photo" style="background-image: url('{{ city.desktop_gallery }}');"></span>
<span class="small-card-with-caption-list__title">{{ city.name }}</span>
</a>
{% endfor %}
</div>
{% endif %}