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

{% block title %}{{ concours.titre }} — Les Écuries de Brochemerle{% endblock %}

{% block body %}

<section class="page-hero page-hero--sm">
    <div class="hero-bg hero-bg--concours"></div>
    <div class="hero-overlay"></div>
    <div class="container page-hero-content">
        <p class="eyebrow">
            <a href="{{ path('app_concours') }}" style="color:rgba(255,255,255,.75);text-decoration:none">← Concours</a>
        </p>
        <h1>{{ concours.titreLong ?: concours.titre }}</h1>
        {% set joursFr = ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'] %}
        {% set moisFr  = ['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre'] %}
        <p class="page-subtitle">
            {{ joursFr[concours.date|date('w')] }}
            {{ concours.date|date('d') }}
            {{ moisFr[concours.date|date('n')-1] }}
            {{ concours.date|date('Y') }}
            · {{ concours.lieu ?: 'Les Écuries de Brochemerle' }}
        </p>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="concours-show-wrap">

            {# ── Horaires de passage ── #}
            {% if concours.horairePdf %}
            <div class="concours-block concours-block--highlight" data-reveal="from-left">
                <div class="concours-block-icon">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
                </div>
                <div>
                    <h3>Horaires de passage</h3>
                    <p>Le programme détaillé avec les horaires est disponible en téléchargement.</p>
                    <a href="/{{ concours.horairePdf }}" target="_blank" class="btn-concours-pdf" download>
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                        Télécharger le programme (PDF)
                    </a>
                </div>
            </div>
            {% endif %}

            {# ── Épreuves Amateurs ── #}
            {% if concours.numeroAmateur %}
            <div class="concours-block" data-reveal="from-left">
                <div class="concours-block-icon concours-block-icon--blue">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/></svg>
                </div>
                <div>
                    <h3>Épreuves Amateurs</h3>
                    <p class="concours-num">Concours n°{{ concours.numeroAmateur }}</p>
                    <a href="{{ concours.lnkCompet }}"
                       target="_blank" rel="noopener" class="btn-concours-ext">
                        Engagements &amp; Résultats sur FFE Compet
                        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
                    </a>
                </div>
            </div>
            {% endif %}

            {# ── Épreuves Club ── #}
            {% if concours.numeroSif %}
            <div class="concours-block" data-reveal="from-left" data-delay="1">
                <div class="concours-block-icon concours-block-icon--green">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                </div>
                <div>
                    <h3>Épreuves Club</h3>
                    <p class="concours-num">Concours n°{{ concours.numeroSif }}</p>
                    <a href="{{ concours.lnkSif ?: 'https://sif.ffe.com/Concours/Concours?id=' ~ concours.numeroSif }}"
                       target="_blank" rel="noopener" class="btn-concours-ext">
                        Engagements &amp; Résultats sur FFE SIF
                        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
                    </a>
                </div>
            </div>
            {% endif %}

            {# ── Lots ── #}
            {% if concours.lots %}
            <div class="concours-block" data-reveal="from-left" data-delay="1">
                <div class="concours-block-icon concours-block-icon--gold">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="6"/><path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"/></svg>
                </div>
                <div>
                    <h3>Lots à gagner</h3>
                    <p>{{ concours.lots|nl2br }}</p>
                </div>
            </div>
            {% endif %}

            {# ── Restauration ── #}
            {% if concours.showRestauration %}
            <div class="concours-block" data-reveal="from-left" data-delay="1">
                <div class="concours-block-icon concours-block-icon--warm">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8h1a4 4 0 0 1 0 8h-1"/><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/></svg>
                </div>
                <div>
                    <h3>Ambiance & accueil</h3>
                    <ul class="concours-amenities">
                        <li>Restauration sur place</li>
                        <li>Entrée gratuite pour le public</li>
                    </ul>
                </div>
            </div>
            {% endif %}

            {# ── Notes libres ── #}
            {% if concours.notes %}
            <div class="concours-block concours-block--notes" data-reveal="from-left" data-delay="1">
                <div class="concours-block-icon">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
                </div>
                <div>
                    <h3>Informations pratiques</h3>
                    <p>{{ concours.notes|nl2br }}</p>
                </div>
            </div>
            {% endif %}

        </div>

        <div style="margin-top:40px">
            <a href="{{ path('app_concours') }}" class="btn-concours-back">← Voir tous les concours</a>
        </div>
    </div>
</section>

{% endblock %}