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

{% block title %}Actualités | Idylcar{% endblock %}

{% block body %}
    <main>
        <div class="listing-actualite">
            <div class="container">
                <div class="title-section">
                    <div class="idv">
                        <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                    </div>
                    <h1>
                        L'actualité du réseau
                    </h1>
                </div>
                <div class="filtres">
                    {% include 'actualite/_filter.html.twig' with {form: form} only %}
                </div>
                <div class="row">
                    {% for actualite in actualites %}
                        <div class="col-lg-4">
                            <a href="{{ path('actualite.show', {slug: actualite.slug, id: actualite.id}) }}">
                                <div class="actu">
                                    {% if actualite.filename %}
                                        <img src="{{ vich_uploader_asset(actualite, 'imageFile') | imagine_filter('thumbActuHome') }}" class="picto" alt="{{ actualite.titre }}">
                                    {% endif %}
                                    <div class="categorie">
                                        <img src="{{ asset('images/idv-idylcar-blanc.svg') }}" alt="Idv du logo Idylcar">
                                        <span>{{ actualite.categories.nom }}</span>
                                    </div>
                                    <div class="content">
                                        <div class="concession-nom">
                                            <img src="{{ asset('images/icons/localisation.svg') }}" alt="Pictogramme localisation - Idylcar">
                                            {% for concession in actualite.concessions|slice(0, 1) %}
                                                <span>{{ concession.nom }}</span>
                                            {% endfor %}
                                        </div>
                                        <h2>{{ actualite.titre }}</h2>
                                        <div class="date">
                                            <img src="{{ asset('images/icons/calendrier.svg') }}" alt="Pictogramme calendrier - Idylcar">
                                            {{ actualite.createdAt|date('d/m/Y') }}
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </main>
{% endblock %}