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

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

{% block body %}
    <main>
        <div class="actualite-detail">
            <div class="container">
                <div class="title-section">
                    <div class="idv">
                        <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                    </div>
                    <h1>
                        {{ actualite.titre }}
                    </h1>
                </div>

                <div class="categorie">
                    <img src="{{ asset('images/idv-idylcar-blanc.svg') }}" alt="Idv du logo Idylcar">
                    <span>{{ actualite.categories.nom }}</span>
                </div>

                <div class="concession-date">
                    <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>

                    <div class="date">
                        <img src="{{ asset('images/icons/calendrier.svg') }}" alt="Pictogramme calendrier - Idylcar">
                        {{ actualite.createdAt|date('d/m/Y') }}
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-lg-6">
                        {% if actualite.filename %}
                            <img src="{{ vich_uploader_asset(actualite, 'imageFile') }}" class="picto" alt="{{ actualite.titre }}">
                        {% endif %}
                    </div>

                    <div class="col-lg-6">
                        <div class="content">
                            <p>
                                {{ actualite.texte|raw }}
                            </p>

                            <!-- <div class="partager">
                                <span>Partager sur les réseaux sociaux :</span>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
{% endblock %}