<div class="match-card" *ngIf="latestMatch">
    <div class="match-background">
        <img src="./assets/duel.webp" alt="Escrime" class="background-image" />
        <div class="image-overlay"></div>
    </div>

    <div class="match-header">
        <div class="match-weapon">
            <i class="sword-icon">⚔️</i>
            <span class="weapon-type">{{ latestMatch.weapon }}</span>
        </div>
        <div class="match-status" [ngClass]="'status-' + getMatchStateColor(latestMatch.state)">
            <span class="status-dot"></span>
            {{ getMatchStateLabel(latestMatch.state) }}
        </div>
    </div>

    <div class="match-versus">
        <div class="fencer fencer-left">
            <div class="fencer-name">
                {{ player1?.name }} {{ player1?.firstName }}
            </div>
            <div class="fencer-club">{{ player1?.club }}</div>
            <div class="score">{{ latestMatch.score1 }}</div>
        </div>

        <div class="vs-divider">
            <span class="vs-text">VS</span>
            <div class="crossed-swords">⚔️</div>
        </div>

        <div class="fencer fencer-right">
            <div class="fencer-name">
                {{ player2?.name }} {{ player2?.firstName }}
            </div>
            <div class="fencer-club">{{ player2?.club }}</div>
            <div class="score">{{ latestMatch.score2 }}</div>
        </div>
    </div>

    <div class="combat-arena">
        <div class="arena-header">
            <span class="arena-title">ARENA COMBAT</span>
            <div class="arena-pulse"></div>
        </div>

        <div class="combat-grid">
            <div class="combat-stat venue">
                <div class="stat-icon">
                    <div class="location-radar"></div>
                    <span>🏛️</span>
                </div>
                <div class="stat-content">
                    <span class="stat-label">BATTLEFIELD</span>
                    <span class="stat-value">{{ latestMatch.city }}</span>
                    <span class="stat-sub">{{ latestMatch.country }}</span>
                </div>
                <div class="stat-glow venue-glow"></div>
            </div>

            <div class="combat-stat referee">
                <div class="stat-icon">
                    <div class="referee-badge"></div>
                    <span>⚖️</span>
                </div>
                <div class="stat-content">
                    <span class="stat-label">COMBAT JUDGE</span>
                    <span class="stat-value">{{ referee?.name }} {{ referee?.firstName }}</span>
                    <span class="stat-sub">OFFICIAL REFEREE</span>
                </div>
                <div class="stat-glow referee-glow"></div>
            </div>

            <div class="combat-stat timing" *ngIf="latestMatch?.state === MatchState.NOT_STARTED">
                <div class="stat-icon">
                    <div class="time-ring"></div>
                    <span>⚡</span>
                </div>
                <div class="stat-content">
                    <span class="stat-label">COMBAT START</span>
                    <span class="stat-value">{{ getTimeUntilMatch() }}</span>
                    <span class="stat-sub">LIVE BATTLE</span>
                </div>
                <div class="stat-glow timing-glow"></div>
            </div>
            <div class="combat-stat funfact" *ngIf="latestMatch?.state !== MatchState.NOT_STARTED">
                <div class="stat-icon">
                    <span>🎯</span>
                </div>
                <div class="stat-content">
                    <span class="stat-label">FUN FACT</span>
                    <span class="stat-value">
                        Saviez-vous que l'escrime est l'un des sports les plus anciens aux
                        Jeux Olympiques ?
                    </span>
                    <span class="stat-sub">Inspiration et tradition au rendez-vous</span>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="weapons-section">
    <div class="section-header">
        <h2 class="section-title">Les Armes</h2>
    </div>

    <div class="weapons-container">
        <div class="weapon-card" style="background-image: url('./assets/epee_escrime.jpg');">
            <h2>Épée</h2>
            <p>Tout le corps est cible valable. Pas de priorité.</p>
        </div>

        <div class="weapon-card" style="background-image: url('./assets/fleuret_escrime.jpg');">
            <h2>Fleuret</h2>
            <p>Cible : torse. La priorité s'applique.</p>
        </div>

        <div class="weapon-card" style="background-image: url('./assets/sabre_escrime.jpg');">
            <h2>Sabre</h2>
            <p>Cible : haut du corps. Priorité en cas de touche simultanée.</p>
        </div>

        <div class="weapon-card" style="background-image: url('./assets/sabre_laser_escrime.jpg');">
            <h2>Sabre Laser</h2>
            <p>Arme moderne d’escrime sportive, inspirée de la science-fiction. Lame lumineuse, règles proches du sabre
                classique. Discipline visuelle et dynamique.</p>
        </div>

    </div>
</section>

<section class="diplomes-section">
    <div class="section-header">
        <h2 class="section-title">Les diplômes d'arbitrage</h2>
    </div>

    <div class="diplomes-container">
        <div class="diplomes-card" style="background-image: url('./assets/epee_escrime.jpg');">
            <h2>départemental</h2>
            <p>Ce diplôme est décemé par la CAI ou la CRA dont
                dépend l'arbitre :</p>
            <ul>
                <li>
                    Âge minimum : 14 ans.
                </li>
                <li>
                    Ouvre droit à arbitrer toutes les compétitions
                    organisées dans le cadre du comité interdépartemental
                    et/ou du comité régional dont dépend l'arbitre (sous
                    réserve de l'avis de la CRA dont dépend l'arbitre).
                </li>
                <li>
                    Titulaire d'un carton BLANC qui permet d'arrêter un
                    match à n'importe quel moment pour demander une
                    assistance du DT et/ou de l'organisateur de la
                    compétition. Le rôle pédagogique du DT et/ou de
                    l'organisateur est primordial dans l'accompagnement
                    des jeunes arbitres.
                </li>
            </ul>
        </div>

        <div class="diplomes-card" style="background-image: url('./assets/fleuret_escrime.jpg');">
            <h2>régional</h2>
            <p>Ce diplôme est décerné par la CRA dont dépend
                l'arbitre :</p>
            <ul>
                <li>
                    Âge minimum : 16 ans
                </li>
                <li>
                    Il ouvre droit à arbitrer toutes les compétitions
                    organisées dans le cadre du Comité régional,
                </li>
                <li>
                    Les circuits nationaux,
                </li>
                <li>
                    La Fête des Jeunes,
                </li>
                <li>
                    Des dérogations ponctuelles peuvent faire l'objet d'une
                    circulaire.
                </li>
            </ul>
        </div>

        <div class="diplomes-card" style="background-image: url('./assets/sabre_escrime.jpg');">
            <h2>national</h2>
            <p>Ce diplôme est décerné par la CNA (Commission
                Nationale Arbitrage) :</p>
            <ul>
                <li>• Âge minimum : 18 ans</li>
                <li>Il ouvre droit à arbitrer toutes les compétitions
                    organisées dans le cadre du Comité régional,</li>
                <li>Les circuits nationaux,</li>
                <li>La Fête des Jeunes, les championnats de France M17,
                    M20, Séniors et Vétérans sur convocation de la CNN</li>
                <li>Les circuits européens M17 et U23 organisés sur le
                    territoire français et à l'étranger.</li>
            </ul>
        </div>

        <div class="diplomes-card" style="background-image: url('./assets/sabre_laser_escrime.jpg');">
            <h2>international</h2>
            <p>Ce diplôme est décerné par la Fédération
                Internationale d'Escrime (FIE).</p>
            <ul>
                <li>Âge minimum : 20 ans</li>
                <li>Il ouvre droit à arbitrer toutes les compétitions. Les
                    arbitres qui figurent sur la liste restreinte de la FIE
                    doivent arbitrer des compétitions nationales séniors et
                    être la référence de notre corps arbitral.</li>
            </ul>
        </div>

    </div>
</section>

<app-sponsort></app-sponsort>