<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>
            <ul>
            <li>
                Le but de l’épée est de toucher le premier son adversaire avec la pointe de la lame. 
                La priorité ne s’applique pas comme au fleuret, 
                c’est-à-dire que les deux épéistes peuvent toucher simultanément : le point leur sera accordé.
                </li>              
                <li>
                Toutes les parties du corps comptent, des pieds jusqu’au masque. 
                C’est le premier qui touche l’autre qui marque le point.
                </li>
                <li>
                Les touches ne sont accordées que si elles sont portées avec la pointe de la lame. 
                Les touches doivent être portées à l’adversaire avec une pression suffisante.
                </li>
            </ul>
        </div>

        <div class="weapon-card" style="background-image: url('./assets/fleuret_escrime.jpg');">
            <h2>Fleuret</h2>
            <ul>
            <li>
                Les touches sont comptabilisées par un système électrique qui détecte les touches sur la veste des escrimeurs.
                </li>              
                <li>
                Pour marquer un point, la touche doit être portée sur la partie valable du corps de l’adversaire, qui est délimitée par les règles de l’escrime. 
                La zone valable est le tronc, ce qui exclut les membres et la tête. 
                </li>
                <li>
                Les touches simultanées ne sont pas prises en compte, c’est-à-dire que si les deux escrimeurs touchent leur adversaire en même temps, 
                l’arbitre dira lequel des deux avait la « priorité » pour pouvoir attribuer le point.
                </li>
            </ul>
        </div>

        <div class="weapon-card" style="background-image: url('./assets/sabre_escrime.jpg');">
            <h2>Sabre</h2>
            <ul>
            <li>
                Le sabre est une arme qui permet des touches rapides et dynamiques. 
                Les touches sont marquées avec le tranchant et le bout de la lame. 
                </li>              
                <li>
                Les touches sont valides sur tout le haut du corps, au-dessus de la ceinture jusqu’à la tête. 
                Les touches sont déterminées par des capteurs électriques sur la cuirasse et le masque de l’escrimeur.
                </li>
                <li>
                Si les deux tireurs touchent en même temps, c’est l’attaquant qui a la priorité du point, sauf si l’adversaire parade et riposte. 
                Cette règle est quasiment identique à celle du fleuret.
                </li>
            </ul>
        </div>

        <div class="weapon-card" style="background-image: url('./assets/sabre_laser_escrime.jpg');">
            <h2>Sabre Laser</h2>
            <p>Les combats au sabre laser suivent généralement des règles similaires à celles de l’escrime artistique. 
                La pratique du sabre laser se décline en trois disciplines complémentaires :
            </p>
            <ul>
            <li>
                Combat sportif : Les escrimeurs s’affrontent en duel réglementé dans une arène. 
                Ils doivent toucher l’adversaire avec leur sabre laser pour accumuler des points en un temps donné. 
                Le combat sportif exige de la stratégie, de la rapidité et une maîtrise technique.
                </li>              
                <li>
                Combat chorégraphié : Cette discipline se pratique à deux ou en groupe. 
                Les participants exécutent ensemble un combat sous forme de mise en scène préalablement répétée, souvent accompagnée d’une musique appropriée. 
                Le sens du spectacle prime, et les mouvements doivent être précis et spectaculaires.
                </li>
                <li>
                Kata : Inspiré des arts martiaux, le kata consiste à reproduire un enchaînement de mouvements codifiés seul ou face à un adversaire imaginaire. 
                Il vise à progresser techniquement et exige rigueur, précision et patience.
                </li>
            </ul>
        </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/departements.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/region.png');">
            <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/nationnal.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/international.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>