{% extends 'base.html.twig' %}
{% block title %}{{ actualite.titreActu|default('Actualité') }}{% endblock %}
{% block body %}
</div>
    <div class="banniere_actuExemple">
        <img src="{{ asset(actualite.imgActu) }}" alt="{{ actualite.titreActu }}" class="img-fluid">
        <div class="banniere_contenu">
            <h1>{{ actualite.titreActu|default('Titre non disponible') }} </h1>
            <p>{{ actualite.date|date('d/m/Y') }}</p>
        </div>
    </div>
<div class="container">
        <nav aria-label="breadcrumb" class="mt-3">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('accueil') }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ path('actualites') }}">Actualites</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ actualite.titreActu|default('Actualité') }}</li>
        </ol>
    </nav>
    <div class="text_actuExemple">
        <div class="description">
            <p>
                {{ actualite.descriptionActu|default('Description non disponible')|raw }}
            </p>
        </div>
        <a href="{{ actualiteLien|default('#') }}">aller sur le site -></a>
    </div>
    <button id="scrollToTop">
        ↑
    </button>

    <script>
        const scrollToTopButton = document.getElementById('scrollToTop');

        window.addEventListener('scroll', () => {
            if (window.scrollY > 200) {
                scrollToTopButton.style.display = 'block';
            } else {
                scrollToTopButton.style.display = 'none';
            }
        });

        scrollToTopButton.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
    </script>
{% endblock %}