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

{% block title %}Blog & Actualités - Antiquités en France{% endblock %}

{% block head %}
<!-- AOS Animation Library -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
{% endblock %}

{% set body_class = 'page-with-hero' %}

{% block hero %}
    <!-- Hero Section -->
<section class="hero-section blog-hero">
        <div class="hero-decoration">
            <i class="fas fa-newspaper"></i>
        </div>
        
        <div class="container">
            <div class="hero-content" data-aos="fade-up" data-aos-duration="1000">
                <h1 class="hero-title">
                Blog & <span style="color: var(--aef-accent-gold);">Actualités</span>
                </h1>
                
                <p class="hero-subtitle">
                    Découvrez les dernières tendances, les histoires fascinantes et les conseils d'experts 
                    du monde des antiquités françaises.
                </p>
            </div>
        </div>
    </section>
{% endblock %}

{% block body %}
    <!-- Articles Section -->
    <section class="articles-section">
        <div class="container">
            <!-- Placeholders d'articles pour démonstration -->
            <div class="articles-grid">
                {% for i in 1..6 %}
                    <article class="article-card" data-aos="fade-up" data-aos-delay="{{ i * 100 }}">
                        <div class="article-image">
                            <div class="placeholder-image">
                                <i class="fas fa-newspaper"></i>
                            </div>
                            <div class="article-overlay">
                                <a href="#" class="read-btn">
                                    <i class="fas fa-book-open me-2"></i>Lire l'article
                                </a>
                            </div>
                        </div>
                        
                        <div class="article-info">
                            {% set titles = [
                                'Les Tendances du Marché des Antiquités en 2024',
                                'Comment Authentifier une Commode Louis XV',
                                'L\'Art de la Dorure au Mercure : Techniques Anciennes',
                                'Foires aux Antiquités : Guide de l\'Acheteur Averti',
                                'Histoire de la Manufacture de Sèvres',
                                'Restauration vs Conservation : Le Débat Continue'
                            ] %}
                            
                            {% set excerpts = [
                                'Analyse des évolutions du marché français des antiquités avec les nouvelles générations de collectionneurs et l\'impact du digital...',
                                'Guide pratique pour reconnaître les signes d\'authenticité d\'une commode d\'époque Louis XV, de la marqueterie aux bronzes...',
                                'Découverte des techniques ancestrales de dorure au mercure utilisées par les bronziers du XVIIIe siècle français...',
                                'Conseils d\'experts pour naviguer dans les foires aux antiquités et dénicher les pièces exceptionnelles en toute confiance...',
                                'Plongée dans l\'histoire de la célèbre manufacture royale de porcelaine de Sèvres et ses créations emblématiques...',
                                'Exploration du dilemme éternel entre restauration et conservation dans le monde des antiquités françaises...'
                            ] %}
                            
                            {% set dates = [
                                '15 Jan 2024',
                                '08 Jan 2024',
                                '28 Déc 2023',
                                '20 Déc 2023',
                                '12 Déc 2023',
                                '05 Déc 2023'
                            ] %}
                            
                            {% set categories = [
                                'Marché',
                                'Expertise',
                                'Techniques',
                                'Conseils',
                                'Histoire',
                                'Restauration'
                            ] %}
                            
                            <div class="article-date">
                                <i class="fas fa-calendar"></i>
                                {{ dates[i-1] }}
                            </div>
                            
                            <h3 class="article-title">{{ titles[i-1] }}</h3>
                            <p class="article-excerpt">{{ excerpts[i-1] }}</p>
                            
                            <div class="article-meta">
                                <div class="article-author">
                                    <i class="fas fa-user"></i>
                                    Équipe AEF
                                </div>
                                <span class="article-category">{{ categories[i-1] }}</span>
                            </div>
                        </div>
                    </article>
                {% endfor %}
            </div>
        </div>
    </section>
</div>

<!-- AOS Animation Script -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
    AOS.init({
        duration: 800,
        easing: 'ease-out-cubic',
        once: true,
        offset: 100
    });
</script>
{% endblock %}