{% 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 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">
            {% trans 'Поделитесь статьей с коллегами:' %}
            {% 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">
        <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" #}
            <img src="{% static 'img/article_author.png' %}" alt="">
            <h4>Евгения Мануковская</h4>
            <i>руководитель Expomap</i>
            <ul>
                <li><i class="fa fa-envelope"></i> <a href="mailto:manykovskaj@gmail.com">manykovskaj@gmail.com</a></li>
                <li>
                    <a href="#"><i class="fa fa-rss-square"></i></a>
                    <a href="#"><i class="fa fa-facebook-square"></i></a>
                    <a href="#"><i class="fa fa-linkedin-square"></i></a>
                </li>
            </ul>
        </div>
        <div class="author_about">
            <p>Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезызвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.</p>
            <p>По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых клиентов недоумение при попытках прочитать рыбу текст. В отличии от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.</p>
        </div>
    </div>


    <div class="recommended_articles">
        <h2>{% trans 'Рекомендуемые статьи' %}</h2>
        <div class="articles">
            <div class="article">
                {# thumbnail '217x148' crop="center" #}
                <img src="{% static 'img/temp_article.jpg' %}" alt="">
                <a href="#">Освоить системы аналитики системы аналитики</a>
                <time><i class="fa fa-calendar"></i> 13 апреля 2016</time>
                <p>Сайт рыбатекст поможет вебмастеру сгенерировать несколько абзацев более менее</p>
            </div>

            <div class="article">
                {# thumbnail '217x148' crop="center" #}
                <img src="{% static 'img/temp_article.jpg' %}" alt="">
                <a href="#">Освоить системы аналитики системы аналитики</a>
                <time><i class="fa fa-calendar"></i> 13 апреля 2016</time>
                <p>Сайт рыбатекст поможет вебмастеру сгенерировать несколько абзацев более менее</p>
            </div>

            <div class="article">
                {# thumbnail '217x148' crop="center" #}
                <img src="{% static 'img/temp_article.jpg' %}" alt="">
                <a href="#">Освоить системы аналитики системы аналитики</a>
                <time><i class="fa fa-calendar"></i> 13 апреля 2016</time>
                <p>Сайт рыбатекст поможет вебмастеру сгенерировать несколько абзацев более менее</p>
            </div>

            <div class="article">
                {# thumbnail '217x148' crop="center" #}
                <img src="{% static 'img/temp_article.jpg' %}" alt="">
                <a href="#">Освоить системы аналитики системы аналитики</a>
                <time><i class="fa fa-calendar"></i> 13 апреля 2016</time>
                <p>Сайт рыбатекст поможет вебмастеру сгенерировать несколько абзацев более менее</p>
            </div>
        </div>
    </div>

    <div class="article_comments">
        <h2>{% trans 'Комментарии' %}</h2>

        <div class="comment">
            <div class="comment_author">
                John Smith <time><i class="fa fa-calendar"></i> 13 апреля 2016</time>
            </div>

            <div class="comment_text">Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезызвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.</div>

            <a href="#"><i class="fa fa-comment"></i> <span>Ответить на комментарий</span></a>
        </div>

        <div class="comment">
            <div class="comment_author">
                John Smith <time><i class="fa fa-calendar"></i> 13 апреля 2016</time>
            </div>

            <div class="comment_text">Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезызвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.</div>

            <a href="#"><i class="fa fa-comment"></i> <span>Ответить на комментарий</span></a>
        </div>

        <div class="comment">
            <div class="comment_author">
                John Smith <time><i class="fa fa-calendar"></i> 13 апреля 2016</time>
            </div>
            <div class="comment_text">Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезызвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.</div>
            <a href="#"><i class="fa fa-comment"></i> <span>Ответить на комментарий</span></a>

            <div class="comment">
                <div class="comment_author">
                    John Smith <time><i class="fa fa-calendar"></i> 13 апреля 2016</time>
                </div>

                <div class="comment_text">Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезызвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.</div>
                <a href="#"><i class="fa fa-comment"></i> <span>Ответить на комментарий</span></a>
            </div>
        </div>

        {% if user.is_authenticated %}
            <div class="сomment_form">
                <form action="." method="post">
                    {% csrf_token %}
                    {{ commentform.as_p }}
                    <button type="submit">Отправить</button>
                </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 }}</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 %}