<div class="col-12">
    <div class="article-full">
        <div class="article-full__image"
                {% if article.image %}
             style="background: url('{{ article.image.url }}') no-repeat center;"
                {% endif %}
        ></div>
        <div class="article-full__text">
            <div class="article-full__text article-full__text__author">
                {{ article.author }}
            </div>
            <div class="article-full__text article-full__text__title">
                {{ article.title }}
            </div>
            <div class="article-full__text article-full__text__content">
                {{ article.long_text|safe }}
            </div>
        </div>
        <div class="article-full__buttons">
            {% if article.previous %}
                <div class="button button__navigation button__navigation--previous">
                    <a href="{% url 'articles:article-detail' article_id=article.previous.id article_slug=article.previous.slug %}">
                        Poprzedni artykuł
                    </a>
                </div>
            {% endif %}
            {% if article.next %}
                <div class="button button__navigation button__navigation--next button__navigation--right">
                    <a href="{% url 'articles:article-detail' article_id=article.next.id article_slug=article.next.slug %}">
                        Następny artykuł
                    </a>
                </div>
            {% endif %}
        </div>
    </div>
</div>
