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

{% block content %}
    <div class="wrapper_advertisement">
        <div class="advertisement_block_news">
            <div class="advertisement_content">
                            <img src="/static/img/png/banner_test_3.png" alt="">

            </div>
        </div>
    </div>

       <h1 id=title_static_small>{% trans "Новости TripWB"%}</h1>

    <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="block_w_paging">
        {% with from_el=3 %}
            {% include 'blocks/articles/b_news_elements_content.html' %}
        {% endwith %}
    {#    boris edited #}
        {% if last_block == False and next_page_els_count %}
            <div class="text-align-center">
            {% csrf_token %}
                <button class="button-find-more-routes" id="{{ last_el }}" onclick="load_routes(this,'news',{{ next_page_els_count }})">{% trans "Показать ещё" %}<span class="col_vo_els_f_load"> {{ next_page_els_count }}</span></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 %}
    </div>
{#    boris edited end#}
{% endblock %}