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

{% block content %}
    <main class="main-content category-content py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="cat-meta">
                        <h2>{{ content.title }}</h2>
                    </div>
                </div>
                {# (app.requests[0].query.parameters[c]) #}
                <div class="col-lg-8">
                    {% for article in content.articles %}
                        {% set articleObj = sulu_content_load(article.id) %}
                        <article class="single-entry list-entry mb-5 wow fadeIn" data-wow-offset="30"
                            data-wow-duration="1.15s" data-wow-delay="0.30s">
                            <a href="{{ article.url }}">
                                <div class="mb-4">
                                    <a href="{{ article.url }}"><img src="{{ asset(articleObj.content.vignette.formats['370x306.webp']) }}" class="img-fluid" alt="blog"></a>
                                    
                                </div>
                            </a>
                            <div class="entry-content">
                                <span class="entry-meta">
                                    <a href="#">{{ articleObj.content.category.name }}</a>
                                </span>
                                <h3 class="entry-title mb-4"><a href="{{ article.url }}">{{ articleObj.content.title }}</a></h3>
                                <p>{{ articleObj.content.description }}</p>
                                <a class="btn-unfill right" href="{{ article.url }}">Voir l'article<img
                                        src="{{ asset('/build/website/images/arrow-right.png') }}" alt=""> </a>
                            </div>
                        </article>
                    {% endfor %}    
                </div>
                {% include 'includes/right_column.html.twig' %}
            </div>
        </div>
    </main>
{% endblock %}