{% extends "tb_base.html" %}

{% load i18n %}

{% block content %}

     <div class="advertisement_block_news">
        <div class="advertisement_content">

        </div>
    </div>
    <div class="self_news">

        <div class="self_news_header">{{ art.name }}</div>
        <div><img class="self_news_img" src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
        <div class="self_news_description">{{ art.description }}</div>
        <div class="self_news_text">{{ art.text|safe }}</div>
    </div>


{#    arts_top предыдущая новость // arts_down следующая #}



    <h2 id="title_static">{% translate "Читайте также:" %}</h2>

    <div class="previous_next_news">
        {% for item in arts_top %}

                    <div class="news_item">
                        <a href="{% url "article_one" item.url %}">
                            <div class="news_img"><img src="{{ MEDIA_URL }}{{ item.picture }}" /></div>
                            <div class="news_header">{{ item.name }}</div>
                            <div class="news_description">
                                {{ item.description|truncatechars:100 }}
                                <div class="news_gradient"></div>
                            </div>
                        </a>
                    </div>

              {#<div>{{ art.text|safe }}</div>#}
            {% endfor %}

        <div class="news_item">

                    <div class="news_img"><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
                    <div class="news_header">{{ art.name }}</div>
                    <div class="news_description">
                        {{ art.description|truncatechars:100 }}
                        <div class="news_gradient"></div>
                    </div>

            </div>

        {% for item in arts_down %}

                    <div class="news_item">
                        <a href="{% url "article_one" item.url %}">
                            <div class="news_img"><img src="{{ MEDIA_URL }}{{ item.picture }}" /></div>
                            <div class="news_header">{{ item.name }}</div>
                            <div class="news_description">
                                {{ item.description|truncatechars:100 }}
                                <div class="news_gradient"></div>
                            </div>
                        </a>
                    </div>

              {#<div>{{ art.text|safe }}</div>#}
            {% endfor %}

    </div>





{% endblock %}