<div id="blogs" class="carousel-collection-block js-carousel-block swiper-container">
<div class="carousel-controls">
<h2 class="carousel-name">
{% if is_mobile() and not is_tablet() %}
<a href="{{ path('app_publications' ) }}">{{ 'footer_blogs' | trans }}</a>
{% else %}
{{ 'footer_blogs' | trans }}
<span class="carousel-number-status">
<span class="carousel-number-current">
<span data-first-slide>1</span> - <span data-last-slide>{{ publications.count < 8 ? publications.count : 8}}</span>
</span>
{# для финской локали предлоги отсутствуют, поэтому вместо of добавить пробелы, чтобы было заметно расстояние #}
{% set local = te.request.get('_locale') %}
{% if local == 'fi' %}
{% else %}
<span class="of"> {{ 'of' | trans }} </span>
{% endif %}
<a href="{{ path('app_publications' ) }}" title="{{ 'main_all_blogs' | trans }}">{{ publications.count }}</a>
</span>
{% endif %}
</h2>
<span class="material-icons prev slick-disabled hidden-xs" data-prev-show>

</span>
<span class="material-icons next hidden-xs ladda-button"
data-ajax-url="{{ path('app_publication_html_page', {page: 1}) }}"
data-style="zoom-in"
data-spinner-color="#6890c5"
data-next-show
>
<span class="ladda-label"></span>
</span>
</div>
<div class="slick-carousel pre-styled-carousel publications"
data-page-load="2"
data-total-slides="{{ publications.count }}"
data-type-carousel="blogs"
>
{% include '@Web/Publication/page.html.twig' with {'blogs': publications} %}
</div>
{#<span data-prev-show class="material-icons prev disabled hidden-xs swiper-button-prev">

</span>
<span data-next-show class="material-icons next disabled hidden-xs swiper-button-next" data-ajax-url="{{ path('app_publication_html_page', { page: 1 }) }}">

</span>#}
</div>