{% extends '@layout/_layout.twig' %}
{% block title %}
    {{ 'BDSM.fm - View blog post'|trans }}
{% endblock %}
{% block content %}
    <div id="fantasyCommon" class="post-view post-view--w900">
        <div class="post-view-title">{{ 'Fantasies'|trans }}</div>
        {#<div class="profile-msg-empty-blog">#}
        {#{{ 'Section in the development of'|trans }}#}
        {#</div>#}
        <div class="search-with-img search-with-img--fantasy">
            <input type="text" class="search-with-img-input" placeholder="Поиск по тэгу">
            {% import "@site/includes/common/_blogsMacros.twig" as blogMacros %}
            <div class="search-with-img-top-tags">

            </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">{{ fantasies.count }}</span>&nbsp;{{ 'notes'|trans }}</p>

            </div>
            <a id="btnResetResultsBlogPost" href="{{ path('list-fantasy') }}" 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-fantasy') }}" class="button width230">
                        <span class="button-inner">+ {{ 'Add fantasy'|trans }}</span>
                    </a>
                </div>
            {% endif %}
        </div>
        <div class="wrap-blogs-list-common">
            <div class="blogs-list">
                {% for item in fantasies.views %}
                    <div class="blogs-list-elem ">
                        <div class="blogs-list-elem-inner">
                            <header class="blogs-list-elem-header blogs-list-elem-header--btm30">
                                <a class="blogs-list-elem-title blogs-list-elem-title--header blogs-list-elem-title--blk"
                                   href="{{ path('view-fantasy',{ id: item.number   }) }}">#{{ item.number }}</a>
                                <div class="blogs-list-elem-date blogs-list-elem-date--float-right">{{ date_format_month(item.createdAt) }}</div>
                                <div class="blogs-list-elem-tags">
                                    {% for tag in item.tags %}
                                        <a class="blogs-tags-elem"
                                           href="{{ path('list-fantasy',{page:1},{'tag':tag}) }}">{{ tag }}</a>
                                    {% endfor %}
                                </div>
                            </header>
                            <a class="blogs-list-elem-content" href="{{ path('view-fantasy',{ id: item.number   }) }}">
                                <span class="blogs-list-elem-str">{{ (item.text|slice(0, 450) ~ '...')|nl2br }}</span>
                            </a>
                    
                            <footer class="blog-item__footer footer-type--fantasy">
                                <span class="user-action user-action--likes{% if not isguest() %} js-fantasies-like{% if item.hasLike(globals.id) %} is-active{% endif %}{% endif %}" data-fantasy-id="{{ item.id }}">
                                    <i class="i i--likes"></i>
                                    <strong>{{ item.likeCount }}</strong>
                                </span>
                                <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-fantasy-bookmarks-add{% if item.hasBookmark(globals.id) %} is-bookmark{% endif %}"
                                            data-fantasy-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>
            <div class="pagination" data-current="{{ fantasies.page }}" data-pages="{{ fantasies.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 %}