{% extends "tb_base.html" %}

{% load i18n %}
{% load static %}



{% block content %}

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

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

        <div class="self_news_header">{{ page.name }}</div>
        <div><img class="self_news_img" src="{{ MEDIA_URL }}{{ page.picture }}" /></div>
        <div class="self_news_description">{{ page.description }}</div>
        <div class="self_news_text">{{ page.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_static">

            <div class="news_img"><img src="{{ MEDIA_URL }}{{ page.picture }}" /></div>
            <div class="news_header">{{ page.name }}</div>
            <div class="news_description">
                {{ page.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 %}