<div class="top-countries-list__container">
<div class="top-countries-list__list">
<div class="wrapper__large-items">
{% for countryBig in countries|slice(0, 2) %}
<a class="top-countries-list__item" href="{{ path('app_country_search', { country: countryBig.country.getNameTr }) }}">
<span class="top-countries-list__item-photo large-item" style="background-image: url('{{ asset(countryBig.getLinkImage) }}');">
<span class="top-countries-list__item-country-large">{{ attribute(countryBig.country, 'name'~locale) }}</span>
<span class="top-countries-list__item-price-large">{% if countryBig.price is not null and countryBig.price is defined %}{{ 'от'|trans }} {{ countryBig.price|round|number_format(0, '', ' ') }} {{ market.currency.name }}{% endif %}</span>
</span>
</a>
{% endfor %}
</div>
<div class="wrapper__small-items">
{% for countrySmall in countries|slice(2, 4) %}
<a class="top-countries-list__item" href="{{ path('app_country_search', { country: countrySmall.country.getNameTr }) }}">
<span class="top-countries-list__item-photo small-item" style="background-image: url('{{ asset(countrySmall.getLinkImage) }}');">
<span class="top-countries-list__item-country-small">{{ attribute(countrySmall.country, 'name'~locale) }}</span>
<span class="top-countries-list__item-price-small">{% if countrySmall.price is not null and countrySmall.price is defined %}{{ 'от'|trans }} {{ countrySmall.price|round|number_format(0, '', ' ') }} {{ market.currency.name }}{% endif %}</span>
</span>
</a>
{% endfor %}
</div>
</div>
</div>