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

{% block title %}Concours — Les Écuries de Brochemerle{% endblock %}
{% block meta_description %}Concours de dressage Club et Amateur organisés depuis plus de 10 ans aux Écuries de Brochemerle, Étusson (79). Lots dans toutes les épreuves, restauration sur place, entrée gratuite.{% endblock %}

{% block body %}

<section class="page-hero">
    <div class="hero-bg hero-bg--concours"></div>
    <div class="hero-overlay"></div>
    <div class="container page-hero-content">
        <p class="eyebrow">Compétitions</p>
        <h1>Nos Concours</h1>
        <p class="page-subtitle">Épreuves Amateurs · Épreuves Club · Calendrier</p>
    </div>
</section>

<section class="intro section">
    <div class="container grid-2">
        <div data-reveal="from-left" data-delay>
            <p class="eyebrow">Depuis plus de 10 ans</p>
            <h2>Des concours ouverts à tous, dans une ambiance conviviale</h2>
            <p>Les Écuries de Brochemerle organisent régulièrement des concours de dressage et de saut d'obstacles, ouverts aux épreuves <strong>Club</strong> et <strong>Amateur</strong>. Que vous soyez compétiteur aguerri ou que vous souhaitiez découvrir la compétition pour la première fois, vous y trouverez votre place.</p>
            <p>Pour encourager la participation à tous les niveaux, des <strong>lots sont remis dans toutes les épreuves</strong> — une façon de récompenser chaque effort, quel que soit le niveau.</p>
            <p>Au-delà du sport, ces journées sont avant tout des moments de <strong>partage et de convivialité</strong>. Une buvette est ouverte tout au long de la journée, et un <strong>repas chaud est proposé à midi sur place</strong>. L'entrée est libre pour le public — venez encourager les cavaliers dans une ambiance chaleureuse et familiale.</p>
        </div>
        <div data-reveal="from-right">
            <img src="/img/installations/installation_39.jpg" alt="Buvette des Écuries de Brochemerle">
        </div>
    </div>
</section>

<section class="section">
    <div class="container">

        {% if upcoming is empty and past is empty %}
        <p class="concours-empty">Aucun concours programmé pour le moment. Revenez bientôt !</p>

        {% else %}

        {# ── Prochains concours ── #}
        {% set mois = ['JAN','FÉV','MAR','AVR','MAI','JUI','JUL','AOÛ','SEP','OCT','NOV','DÉC'] %}

        {% macro concours_links(c) %}
            <ul class="concours-card-links">
                {% if c.numeroAmateur %}
                <li>
                    <a href="{{ c.lnkCompet }}" target="_blank" rel="noopener" class="concours-card-link" onclick="event.stopPropagation()">
                        Épreuves Amateurs — n°{{ c.numeroAmateur }}
                        <svg width="11" height="11" 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>
                </li>
                {% endif %}
                {% if c.numeroSif %}
                <li>
                    <a href="{{ c.lnkSif ?: 'https://sif.ffe.com/Concours/Concours?id=' ~ c.numeroSif }}" target="_blank" rel="noopener" class="concours-card-link" onclick="event.stopPropagation()">
                        Épreuves Club — n°{{ c.numeroSif }}
                        <svg width="11" height="11" 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>
                </li>
                {% endif %}
                <li>
                    {% if c.horairePdf %}
                    <a href="/{{ c.horairePdf }}" target="_blank" class="concours-card-link" onclick="event.stopPropagation()" download>
                        Horaires de passage — PDF
                        <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" 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>
                    </a>
                    {% else %}
                    <span class="concours-card-link concours-card-link--disabled">Horaires non établis</span>
                    {% endif %}
                </li>
            </ul>
        {% endmacro %}

        {% if upcoming is not empty %}
        <h2 class="section-title">Prochains concours</h2>
        <div class="concours-list concours-list--upcoming">
            {% for c in upcoming %}
            <div id="concours-{{ c.id }}" class="concours-card concours-card--upcoming">
                <div class="concours-date-badge">
                    <span class="concours-day">{{ c.date|date('d') }}</span>
                    <span class="concours-month">{{ mois[c.date|date('n')-1] }}</span>
                    <span class="concours-year">{{ c.date|date('Y') }}</span>
                </div>
                <div class="concours-info">
                    <h3>{{ c.titreLong ?: c.titre }}</h3>
                    {{ _self.concours_links(c) }}
                </div>
            </div>
            {% endfor %}
        </div>
        {% endif %}

        {# ── Concours passés ── #}
        {% if past is not empty %}
        <h2 class="section-title{% if upcoming is not empty %} section-title--spaced{% endif %}">Concours passés</h2>
        <div class="concours-list concours-list--past">
            {% for c in past %}
            <div class="concours-card concours-card--past">
                <div class="concours-date-badge concours-date-badge--past">
                    <span class="concours-day">{{ c.date|date('d') }}</span>
                    <span class="concours-month">{{ mois[c.date|date('n')-1] }}</span>
                    <span class="concours-year">{{ c.date|date('Y') }}</span>
                </div>
                <div class="concours-info">
                    <h3>{{ c.titreLong ?: c.titre }}</h3>
                    {{ _self.concours_links(c) }}
                </div>
            </div>
            {% endfor %}
        </div>
        {% endif %}

        {% endif %}

    </div>
</section>

{% endblock %}