{% extends 'common_news.html' %}
{% load static %}

{% block news_content %}
    <div class="content__title">{{ "Новости" }}</div>

    <div class="news">
        {% for news in object_list %}
            <div class="news__item">
                <div class="row">
                    {% if news.post.preview_image %}
                        <div class="col-md-4 col-12">
                            <div class="news__image"><img src="{{ news.post.preview_image.url }}" alt="{{ news.title }}"></div>
                        </div>
                    {% endif %}
                    <div class="col-lg-6 col-md-8 col-12">
                        <div class="news__content">
                            <div class="news__title">
                                <a href="{% url 'news:blog_post_secret' post_secret_key=news.secret_key %}">{{ news.title }}</a>
                            </div>
                            <div class="news__text">
                                {{ news.teaser_html|safe }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}
        {% if paginator.num_pages > 1 %}
        {% spaceless %}
            <div class="row pagination">
                <div class="col-md-4 text-center">
                    {% if page_obj.has_previous %}
                        <a href="{{ request.path }}?page={{ page_obj.previous_page_number }}">&laquo;</a>
                    {% endif %}
                </div>
                <div class="col-md-4 text-center">
                    {% if paginator.has_previous %}
                        <a href="{{ request.path }}?page={{ page_obj.number|add:"-1" }}">
                            {{ page_obj.number|add:"-1" }}
                        </a>
                    {% endif %}
                    <span>{{ page_obj.number }}</span>
                    {% if page_obj.has_next %}
                        <a href="{{ request.path }}?page={{ page_obj.number|add:"+1" }}">
                            {{ page_obj.number|add:"+1" }}
                        </a>
                    {% endif %}
                </div>
                <div class="col-md-4 text-center">
                    {% if page_obj.has_next %}
                        <a href="{{ request.path }}?page={{ page_obj.next_page_number }}">&raquo;</a>
                    {% endif %}
                </div>
            </div>
        {% endspaceless %}
    {% endif %}
    </div>
{% endblock news_content %}