{% extends "tb_base.html" %}
{% load static %}
{% load i18n %}

{% block content %}

    <div class="advertisement_block_news">
        <div class="advertisement_content">
            Сюда вставляется реклама из админки, веротяно баннер
        </div>
    </div>

    <div class="three_pinned_news">
        {% for art in articles %}
            {% if forloop.counter0 < 3 %}
                <div class="news_item">
                    <a href="{% url "article_one" art.url %}">
                        <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>
                    </a>
                </div>
            {% endif %}

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

    </div>

    <div class="news_block_pagination">
         {% for art in articles %}
             {% if forloop.counter0 > 2 %}
                <div class="news_item_pagination">
                    <div class="pag_news_img"><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
                    <div class="pag_news_item_text">
                         <div class="news_header">{{ art.name }}</div>
                         <div class="news_description">
                        {{ art.description|truncatechars:400 }}
    {#                    <div class="news_gradient"></div>#}
                    </div>
                    </div>
                    <div class="clear_both"></div>

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

    {% if last_block == False %}
        <div class="text-align-center w-68 f-r">
            <button class="button-find-more-routes" id="25" onclick="load_routes(this)">{% trans "Показать ещё 10" %}</button>
            <div class="width-100 text-align-center mb-10">
                <img class="loader_f_loading_routes" src="{% static "img/svg/loader.svg" %}">
            </div>
        </div>
    {% endif %}


{% endblock %}