{% extends '@layout/_layout.twig' %}
{% import '@site/includes/_lists.twig' as lists %}
{% block OpenGraph %}
    <meta name="keywords"
          content="{{ view.tags|join(',') }}">
    <meta name="description"
          content="{{ news_content(view)|split('[]')[0]|striptags }}">
    <meta property="og:image" content="{{ news_image_url(view,2,true) }}">
    <meta property="og:image:type" content="image/jpeg">
{% endblock %}
{% block title %}
    {{ news_title(view) }} - {{ 'News'|trans }} - BDSM.fm
{% endblock %}
{% block content %}
    <div id="abcElemCategoryContainer" class="news-post post-view post-view--w900">
        <div class="breadcrumbs">
            <a class="breadcrumbs-elem" href="{{ path('news') }}">{{ 'News'|trans }}</a>
            <a class="breadcrumbs-elem " href="#">{{ news_title(view) }}</a>
        </div>
        <article class="post-view-article">
            <h1 class="post-view-article-title">{{ news_title(view) }}</h1>
            <span class="post-view-article-date news-date">{{ time_date(view.createdAt) }}</span>
            <div class="post-view-tags">
                {% for tag in view.tags %}
                    <a class="blogs-tags-elem" href="#">{{ tag }}</a>
                {% endfor %}
            </div>
            <div class="wrap-post-view-article-text">
                {% autoescape false %}
                    {% if view.tags|length>0 %}
                        {% set image = '<img src="'~news_image_url(view,2,isguest())~'" class="news-post__image" alt="'~view.tags[0]~'"> ' %}
                    {% else %}
                        {% set image = '<img src="'~news_image_url(view,2,isguest())~'" class="news-post__image">' %}
                    {% endif %}
                    {{ news_content(view)|replace({'[]':image}) }}
                {% endautoescape %}
            </div>
        </article>
        <footer id="anchorComments" class="blog-item__footer" style="margin-top: 25px"
                {% if isguest() %}style="justify-content: flex-start" {% endif %}>
            <span class="user-action user-action--likes{% if not isguest()%} js-user-news-like {% if view.hasLike(globals.id) %}is-active{% endif %}{% endif %}"
                data-news-id="{{ view.id }}">
                <i class="i i--likes"></i>
                <strong>{{ view.likeCount }}</strong>
            </span>
            <a href="#fieldTypeNewsComment" class="user-action user-action--comments{% if not isguest() %} js-user-diary-comment{% endif %}">
                <i class="i i--comments"></i>
                <strong>{{ view.commentCount }}</strong>
            </a>
            <span class="user-action user-action--views">
                <i class="i i--views"></i>
                <strong>{{ view.viewCount }}</strong>
            </span>
            {% if not isguest() %}
                <span class="user-action user-action--bookmarks js-news-bookmarks-add{% if view.hasBookmark(globals.id) %} is-bookmark{% endif %}"
                        data-news-id="{{ view.id }}"
                        data-bookmarks-id="{{ view.bookmarkId(globals.id) }}"
                        data-bookmarks-default-text="В закладки"
                        data-bookmarks-success-text="Убрать из закладок">
                    <i class="i i--bookmarks"></i>
                    <strong>
                        {% if view.hasBookmark(globals.id) %}
                            Убрать из закладок
                        {% else %}
                            В закладки
                        {% endif %}
                    </strong>
                </span>
                <div class="ya-share2" data-services="facebook,vkontakte"
                    data-counter=""
                    data-info="ARTICLE TITLE"></div>
            {% endif %}
        </footer>
        <footer class="post-view-footer">
            <div class="post-view-container">
                <div class="comments">
                    <!-- BEGIN modal-hidden-tools -->
                    <div class="modal-hidden-tools">
                        <a href="#" class="lnk-add-to-bookmarks js-comment-bookmarks-add" data-comment-id="null"
                           data-bookmarks-id="null"
                           data-bookmarks-default-text="{{ 'To bookmarks'|trans }}"
                           data-bookmarks-success-text="Удалить из закладок"
                           style="top: 3px;">{{ 'To bookmarks'|trans }}</a>
                    </div>
                    <!-- END modal-hidden-tools ヽ(•‿•)ノ -->
                    {% if not isguest() %}
                        <div class="wrap-message-type-input wrap-message-type-input--w100">
                            <textarea id="fieldTypeNewsComment" class="form-textarea"
                                      placeholder="{{ 'Write a comment'|trans }}" style="resize: none"></textarea>
                            <a href="#" id="btnSendNewsComment" class="btn-send-message" data-newsid="{{ view.id }}">
                               <svg width="23px" height="20px" viewBox="1028 931 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg"        xmlns:xlink="http://www.w3.org/1999/xlink">
                                <path d="M1035.42662,941.513817 L1045.78415,935.142684 C1045.9703,935.028519 1046.16181,935.279897 1046.00196,935.427983 L1037.454,943.363664 C1037.15354,943.64299 1036.95973,944.016803 1036.90484,944.422546 L1036.61366,946.577676 C1036.57509,946.865424 1036.17037,946.893985 1036.09087,946.615501 L1034.97099,942.685563 C1034.84273,942.237324 1035.02964,941.758534 1035.42662,941.513817 M1028.40625,940.589927 L1033.70592,942.565425 L1035.75721,949.154015 C1035.88846,949.575991 1036.40512,949.731963 1036.74805,949.451948 L1039.70218,947.046741 C1040.01183,946.794751 1040.4529,946.782193 1040.77651,947.016803 L1046.10469,950.880279 C1046.47155,951.146588 1046.99127,950.945822 1047.08327,950.503096 L1050.98645,931.751873 C1051.08688,931.268259 1050.61109,930.864813 1050.15002,931.042914 L1028.40004,939.422776 C1027.86329,939.629514 1027.86797,940.388473 1028.40625,940.589927"
                                    stroke="none" fill="#CDCDCD" fill-rule="evenodd"></path>
                                </svg>
                            </a>
                        </div>
                    {% endif %}
                    {% include '@site/comments/comment_list.twig' with{comments:comments.views} %}
                </div>
            </div>
        </footer>
    </div>
{% endblock %}