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

{% block title %}{% trans %}News & Evénements{% endtrans %}{% endblock %}

{% block body %}

<section id="services" class="services-section pb-100">
    <div class="container">
        <div class="row">
            {% for article in articles %}
            {% if _locale == "en" %}
            <div class="col-md-4">
                <div class="item-single">
                    <div class="image">
                        <a href="{{ path('show_news', {'news': article.id}) }}"><img src="{{ vich_uploader_asset(article, 'imageFile', 'App\\Entity\\News') }}" alt="Demo Image"></a>
                    </div>
                    <div class="content">
                        <h3><a href="{{ path('show_news', {'news': article.id}) }}">{{article.titreEn}}</a></h3>
                        <p>{{((article.descriptionEn)[:165] ~ ' ...' )| raw}}</p>
                        <div class="cta-btn">
                            <a href="{{ path('show_news', {'news': article.id}) }}" class="btn-text">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            {% else %}
            <div class="col-md-4">
                <div class="item-single">
                    <div class="image">
                        <a href="{{ path('show_news', {'news': article.id}) }}"><img src="{{ vich_uploader_asset(article, 'imageFile', 'App\\Entity\\News') }}" alt="Demo Image"></a>
                    </div>
                    <div class="content">
                        <h3><a href="{{ path('show_news', {'news': article.id}) }}">{{article.titreFr}}</a></h3>
                        <p>{{((article.descriptionFr)[:165] ~ ' ...' )| raw}}</p>
                        <div class="cta-btn">
                            <a href="{{ path('show_news', {'news': article.id}) }}" class="btn-text">Voir plus</a>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}
            {% endfor %}
        </div>
        {{ knp_pagination_render(articles) }}
    </div>
</section>

{% endblock %}