{% extends 'base_catalog.html' %}
{% load static thumbnail %}
{% load i18n %}

{% block og %}
    <meta property="og:image" content="{% thumbnail object.logo '500' %}">
    <meta property="og:title" content="{{ object.main_title }}">
    <meta property="og:description" content="{{ object.description|safe|striptags|truncatewords:'30' }}">
    <meta property="og:url" content="{{ request.build_absolute_uri }}">
{% endblock %}

{% block head_scripts %}
    <script src="{% static 'client/js/comments.js' %}"></script>
{% endblock %}

{% block bread_scrumbs %}
    <div class="bread-crumbs">
        <a href="/">{% trans 'Главная страница' %}</a>
        <a href="/blogs/">{% trans 'Статьи' %}</a>
        <strong>{{ object.main_title }}</strong>
    </div>
{% endblock %}

{% block page_title %}
{% endblock %}

{% block content_list %}
    <div class="m-article cl-news blog_block">
        <div class="blog_block_headline full_width">

            <!--{% include 'client/includes/article/article_logo.html' with obj=object %}-->
            <h1>{{ object.main_title }}</h1>
            <ul class="article_info">
                <li><i class="fa fa-user"></i> Мануковская</li>
                <li><i class="fa fa-calendar"></i> {{ object.publish_date|date:"d E Y" }}</li>
                <li>Раздел: <a href="#">Event-индустрия</a></li>
            </ul>
            <!--<strong><span>{{ object.publish_date|date:"d E Y" }}</span></strong>-->
            {% if object.theme.all.exists %}
                <div class="article_tags">
                    Теги: {% include 'client/includes/article_theme.html' with obj=object %}
                </div>
            {% endif %}


            {% if request.user.is_admin %}
                <a target="_blank" class="button green " href="/admin/article/blog/{{ object.slug }}/">{% trans 'изменить' %}</a>
            {% endif %}
            <div class="article_sharing">
                <h5>{% trans 'Поделитесь статьей с коллегами:' %}</h5>
                {% include "client/includes/sharing_block.html" %}
            </div>
            <p style="text-align: justify" align="justify">&nbsp;</p>
        </div>
        <div class="article_image">
            <img src="{% thumbnail object.logo '935' %}" alt="{{ object.main_title }}">
        </div>
        <div class="content-text new_article">
{#            <ul class="orange">#}
{#                <li>fgreger</li>#}
{#                <li>fgreger</li>#}
{#                <li>fgreger</li>#}
{#            </ul>#}
{##}
{#            <ul class="checked">#}
{#                <li>fgreger</li>#}
{#                <li>fgreger</li>#}
{#                <li>fgreger</li>#}
{#                <li>fgreger</li>#}
{#            </ul>#}
{##}
{#            <ol class="numeric">#}
{#                <li>fgreger</li>#}
{#                <li>fgreger</li>#}
{#                <li>fgreger</li>#}
{#                <li>fgreger</li>#}
{#            </ol>#}

            {{ object.description|safe }}
        </div>

        <div class="full_sharing">
            {% include 'client/includes/sharing_block_full.html' %}
        </div>

        <div class="blog_avtor">
            {# <i>{% trans 'Источник' %}: {{ object.author }}</i> #}
            {% if object.tag.all.exists %}
            <div class="blog_avtor_right">
                {% include 'includes/article_tags.html' with obj=object %}
            </div>
            {% endif %}

            <div class="clear"></div>
        </div>


        <div class="article_author">
            <div class="author">
                {# для thumbnail '148x148' crop="center" #}
                {% thumbnail object.author_s.photo '148x148' crop="center" as im %}
                    <img src="{{ im.url }}" alt="">
                {% endthumbnail %}
                <h4>{{ object.author_s.fullname }}</h4>
                <i>{{ object.author_s.position|default:'' }}</i>
                <ul>
                    {% if object.author_s.email %}
                        <li><i class="fa fa-envelope"></i> <a href="mailto:{{ object.author_s.email }}">{{ object.author_s.email }}</a></li>
                    {% endif %}
                    <li>
                        {# <a href="#"><i class="fa fa-rss-square"></i></a>#}
                        {% if object.author_s.fb %}
                            <a href="{{ object.author_s.fb }}"><i class="fa fa-facebook-square"></i></a>
                        {% endif %}
                        {% if object.author_s.linkedin %}
                            <a href="{{ object.author_s.linkedin }}"><i class="fa fa-linkedin-square"></i></a>
                        {% endif %}
                    </li>
                </ul>
            </div>
            <div class="author_about">
                {{ object.author_s.about|safe }}
            </div>
        </div>


        {% if object.get_similar %}
            <div class="recommended_articles">
                <h2>{% trans 'Рекомендуемые статьи' %}</h2>
                <div class="articles">
                    {% for sim in object.get_similar %}
                        <div class="article">
                            {# thumbnail '217x148' crop="center" #}
                            {% thumbnail sim.logo '217x148' crop="center" as im %}
                                <img src="{{ im.url }}" alt="">
                            {% endthumbnail %}
                            <a href="{{ sim.get_permanent_url }}">{{ sim.main_title }}</a>
                            <time><i class="fa fa-calendar"></i> {{ sim.publish_date|date:"d E Y" }}</time>
                            <p>{{ sim.preview|safe }}</p>
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% endif %}

        <div class="article_comments">
            <h2>{% trans 'Комментарии' %}</h2>
            {% for comment in comments %}
                <div class="comment">
                    <div class="comment_author">
                        {{ comment.user.get_full_name }} <time><i class="fa fa-calendar"></i> {{ comment.created }}</time>
                    </div>
                    <div class="comment_text">{{ comment.text }}</div>
                    <a href="#" data-parent="{{ comment.pk }}" data-user="{{ comment.user.get_full_name }}" class="reply_comment"><i class="fa fa-comment"></i> <span>{% trans "Ответить на комментарий" %}</span></a>

                    {% for answer in comment.childs %}
                        <div class="comment">
                            <div class="comment_author">
                                {{ answer.user.get_full_name }} <time><i class="fa fa-calendar"></i> {{ answer.created }}</time>
                            </div>
                            <div class="comment_text">{{ answer.text }}</div>
                        </div>
                    {% endfor %}
                </div>
            {% endfor %}

            {% if user.is_authenticated %}
                <div class="сomment_form">
                    <form action="." method="post" id="comment_form">
                        {% csrf_token %}
                        <p>
                            <textarea cols="40" id="id_text" name="text" rows="10"></textarea>

                            <button type="submit" class="button">Отправить</button>
                        </p>
                    </form>
                </div>
            {% else %}
                <p>{% trans 'Для отправки комментариев авторизуйтесь.' %}</p>
            {% endif %}
        </div>
    </div>

{#    {% with blogs=object.similars  %}#}
{#        {% if blogs %}#}
{#            <div class="rq-to-hide">#}
{#                <div class="s-comments">#}
{#                    <div class="sect-title blog_link">{% trans 'Похожие статьи' %}<a class="button more" href="/blogs/">{% trans 'Все статьи' %}</a></div>#}
{#                    <div class="cat-list sc-comments">#}
{#                    {% for blog in blogs %}#}
{#                        <div class="cl-item">#}
{#                            <div class="acticle_list">#}
{#                                <a href="{{ blog.get_permanent_url }}" title="">{% include 'includes/show_logo.html' with obj=blog %}</a>#}
{#                                <h3><a href="{{ blog.get_permanent_url }}" title="">{{ blog.main_title }}</a></h3>#}
{#                                <p>{{ blog.preview|safe }}</p>#}
{#                                <strong><span>{{ blog.publish_date|date:"d E Y" }}</span><a href="{{ blog.author.get_permanent_url }}" title=""><i>{% trans "Евгения Булавина" %}</i></a></strong>#}
{#                            </div>#}
{#                        </div>#}
{#                    {% endfor %}#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
{#        {% endif %}#}
{#    {% endwith %}#}
{% endblock %}