{% extends 'base.html.twig' %}

{% block title %}Blog{% endblock %}

{% block body %}
    {% include 'partials/call.html.twig' %}

    <section class="tours">

        <div class="items">

            <div class="header">
                <div class="title main">
                    BLOG
                    <div class="ui-line orange"></div>
                </div>
            </div>

            {% for article in articles %}
                <div class="item second">
                    <div class="header">
                        <div class="title">
                            {{ article.name }}
                            <div class="ui-line orange"></div>
                        </div>
                    </div>

                    <div class="galery">
                        <img class="full-size" src="{{ asset('uploads/photos/' ~ article.firstPhoto.files['list-large'].filename) }}" alt="">
                    </div>

                    <div class="info">
                        <div class="desc">
                            {{ article.description | nl2br }}
                        </div>
                        <a href="{{ path('prod_article', { slug: article.slug }) }}" class="btn light">more info</a>

                    </div>
                </div>
            {% endfor %}

            <div class="pagination">
                {{ knp_pagination_render(articles)  }}
            </div>
        </div>
    </section>
{% endblock %}