{% extends '@layout/_layout.twig' %}
{% block title %}
    {{ 'BDSM.fm - View blog post'|trans }}
{% endblock %}
{% block content %}
    <div id="blogsCommon" class="post-view post-view--w900">
        <div class="post-view-title">{{ 'Blogs'|trans }}</div>
        {#<div class="profile-msg-empty-blog">#}
        {#{{ 'Раздел в разработке'|trans }}#}
        {#</div>#}
        <div class="search-with-img search-with-img--blogs">
            <input id="searchDiariesFromTags" type="text" class="search-with-img-input"
                   placeholder="{{ 'Search for text or title'|trans }}">
            {#{% import "@site/includes/common/_blogsMacros.twig" as blogMacros %}#}
            {#<div class="search-with-img-top-tags">#}
            {#{% for i in 1..10 %}#}
            {#{{ blogMacros.elemTags('тег') }}#}
            {#{% endfor %}#}
            {#</div>#}
        </div>
        <div class="search-additional-controls">
            <div class="search-additional-controls-elem">
                <label for="filterDiaries" class="form-label width164 z10">
                    <select id="filterDiaries" name="filterDiaries" class="form-select">
                        <option value="0" selected="selected">{{ 'By date'|trans }}</option>
                        <option value="1">{{ 'Popularity'|trans }}</option>
                        <option value="2">{{ 'By views'|trans }}</option>
                    </select>
                </label>
                <p class="search-str" id="counterResultsBlogPost"
                   data-text="{{ 'results'|trans }}">{{ 'Founded'|trans }}&nbsp;<span
                            id="searchResultsCount">{{ articles.count }}</span>&nbsp;{{ 'notes'|trans }}</p>

            </div>
            <a id="btnResetResultsBlogPost" href="{{ path('list-blog') }}" class="button button-reset-search">
                <span class="button-inner">{{ 'Reset'|trans }}</span>
            </a>
            {% if isguest() == false %}
                <div class="search-additional-controls-elem">
                    <a href="{{ path('create-blog') }}" class="button width230">
                        <span class="button-inner">+ {{ 'Add article'|trans }}</span>
                    </a>
                </div>
            {% endif %}
        </div>
        <div class="wrap-blogs-list-common">
            {% for item in articles.views %}
                <div class="blogs-list-elem">
                    <div class="blogs-list-elem-inner blogs-list-elem-inner--common">
                        <div class="blogs-list-elem-user-info">
                            <a class="blogs-list-elem-user-info-avatar-lnk"
                               href="{{ path('profile',{id:item.user.profileId}) }}">
                                <img src="{{ avatar_url(item.user,0,isguest()) }}" alt=""
                                     class="blogs-list-elem-user-info-avatar">
                            </a>
                            <div class="profile-main-info">
                                <div class="profile-main-info-inner">
                                    <a href="{{ path('profile',{id:item.user.profileId}) }}" class="profile-username">
                                        <span class="profile-username-value">{{ item.user.nickname }}</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <header class="blogs-list-elem-header">
                            <div class="blogs-list-elem-date">{{ time_date(item.createdAt) }}</div>
                            <div class="blogs-list-elem-tags">
                                {% for tag in item.tags %}
                                    <a class="blogs-tags-elem" href="{{ path('list-blog',{page:1},{'tag':tag}) }}">
                                        {{ tag }}
                                    </a>
                                {% endfor %}
                            </div>
                        </header>
                        <a class="blogs-list-elem-content"
                           href="{{ blog_article_url(item) }}">
                            <span class="blogs-list-elem-title">{{ item.title }}</span>
                            <span class="blogs-list-elem-str">{{ (item.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.hasLike(globals.id) %} is-active{% endif %}{% endif %}" data-article-id="{{ item.id }}">
                                <i class="i i--likes"></i>
                                <strong>{{ item.likeCount }}</strong>
                            </span>
                            <a href="{{ blog_article_url(item) }}#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.commentCount }}</strong>
                            </a>
                            <span class="user-action user-action--views">
                                <i class="i i--views"></i>
                                <strong>{{ item.viewCount }}</strong>
                            </span>
                        
                            {% if not isguest() %}
                                <span class="user-action user-action--bookmarks js-diary-bookmarks-add{% if item.hasBookmark(globals.id) %} is-bookmark{% endif %}" 
                                        data-diary-id="{{ item.id }}"
                                        data-bookmarks-id="{{ item.bookmarkId(globals.id) }}"
                                        data-bookmarks-default-text="В закладки"
                                        data-bookmarks-success-text="Убрать из закладок">
                                    <i class="i i--bookmarks"></i>
                                    <strong>
                                    {% if item.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 %}
            <div class="pagination" data-current="{{ articles.page }}" data-pages="{{ articles.pageCount }}">
                <span class="pagination-elem pagination-to-begin hide">1</span>
                <ul class="pagination-list">
                </ul>
                <span class="pagination-elem pagination-to-end"></span>
            </div>
        </div>
    </div>
{% endblock %}