{% import "@site/includes/common/_blogsMacros.twig" as blogMacros %} {% for item in items %}
<div class="blogs-list-elem {% if item.article.pinned %}blogs-list-elem--pinned{% endif %}">
    <div class="blogs-list-elem-inner">
        <header class="blogs-list-elem-header">
            <div class="blogs-list-elem-date">{{ time_date(item.article.createdAt) }}</div>
            <div class="blogs-list-elem-tags">
                {% for tag in item.article.tags %}
                <a class="blogs-tags-elem" href="{{ path('list-blog',{},{tag:tag}) }}">{{ tag }}</a> {% endfor %}
            </div>
        </header>
        <a class="blogs-list-elem-content" href="{{ blog_article_url(item.article) }}">
                <span class="blogs-list-elem-title">{{ item.article.title }}</span>
                <span class="blogs-list-elem-str">
                    {{ (item.article.content|slice(0, 450) ~ '...')|nl2br }}
                </span>
            </a>

        <footer class="blog-item__footer footer-type--fantasy" {% if isguest() %}style="justify-content: flex-start" {% endif %}>
            <span class="user-action user-action--likes{% if not isguest() %} js-user-diary-like{% if item.article.hasLike(globals.id) %} is-active{% endif %}{% endif %}"
                data-article-id="{{ item.article.id }}">
                    <i class="i i--likes"></i>
                    <strong>{{ item.article.likeCount }}</strong>
                </span>
            <a href="{{ blog_article_url(item.article) }}#fieldTypeComment" id="commentCount" class="user-action user-action--comments{% if not isguest() %} js-user-diary-comment{% endif %}">
                <i class="i i--comments"></i>
                <strong>{{ item.article.commentCount }}</strong>
            </a>
            <span class="user-action user-action--views">
                    <i class="i i--views"></i>
                    <strong>{{ item.article.viewCount }}</strong>
                </span>
            {% if not isguest() %}
                <span class="user-action user-action--bookmarks js-diary-bookmarks-add{% if item.article.hasBookmark(globals.id) %} is-bookmark{% endif %}" 
                    data-diary-id="{{ item.article.id }}"
                    data-bookmarks-id="{{ item.article.bookmarkId(globals.id) }}" 
                    data-bookmarks-default-text="В закладки" 
                    data-bookmarks-success-text="Убрать из закладок">
                        <i class="i i--bookmarks"></i>
                        <strong>
                        {% if item.article.hasBookmark(globals.id) %}
                            Убрать из закладок
                        {% else %}
                            В закладки
                        {% endif %}
                        </strong>
                    </span>

                <div id="socialLnksBlog" class="ya-share2" data-services="facebook,vkontakte" data-counter="" data-info="ARTICLE TITLE"></div>
            {% endif %}
        </footer>
    </div>
</div>
{% endfor %}