<video autoplay muted loop class="video">
    <source src="video/fond.mp4" type="video/mp4">
</video>

<div class='container'>
<a href="index.php" class="retour" >&lt; Retour</a>

<h1>Choisissez votre personnage</h1>

<div class="flex-ligne">
    <div class="perso-selected">
    
        <img src="img/persos/perso1.png" id='img-perso-selected' alt="">
    
        <div class="infos-perso-selected">
            <h2 id="nom-perso-selected">Link</h2>
            <p>Attaque</p>
    
            <div class=flex-ligne>
                <progress id="attaque-perso-selected" value="20" max="100"></progress>
                <p id="atk-progress-bar" class="info-progress">20/100</p>
            </div>
            <p>PV</p>
            
            <div class=flex-ligne>
                <progress id="pv-perso-selected" value="200" max="200"></progress>
                <p id="pv-progress-bar" class="info-progress">200/200</p>
            </div>
        </div>
    </div>

    <p class="vs">VS</p>
    
    <div class="perso-selected">
    
        <img src="img/persos/perso0.png" id='img-perso-selected' alt="">
    
        <div class="infos-perso-selected">
            <h2 id="nom-perso-selected">???</h2>
            <p>Attaque</p>
            <div class=flex-ligne>
                <progress id="attaque-perso-selected" value="20" max="100"></progress>
                <p id="atk-progress-bar" class="info-progress">??/100</p>
            </div>
            <p>PV</p>
            
            <div class=flex-ligne>
                <progress id="pv-perso-selected" value="200" max="200"></progress>
                <p id="pv-progress-bar" class="info-progress">??/200</p>
            </div>
        </div>
    
    </div>
</div>

<div class="container-persos">
<?php

$persos = $MonManager->getList();

foreach ($persos as $perso){
    echo '<a href="index.php?action=play2&perso='.$perso->getId().'" class="perso">';
    echo '<div class="carre-perso">';
    echo '<img id="img-perso" src="' . $perso->getImg() . '" alt="' . $perso->getName() . '"/>';
    echo '<p class="hidden" id="name-perso">' . $perso->getName() . '</p>';
    echo '<p class="hidden" id="atk-perso">' . $perso->getAtk() . '</p>';
    echo '<p class="hidden" id="pv-perso">' . $perso->getPv() . '</p>';
    echo '</div>';
    echo '</a>';
}
?>

</div>

</div>