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

    <div class="container-page-list">
        <div class="container-list">
            <a href="index.php" class="retour" >&lt; Retour</a>
            <h1>Liste des combattants</h1>
            <div class="table-conteneur">
                <table>
                    <thead>
                        <tr>
                            <th class="col-id">Id</th>
                            <th>Personnages (
                            <?php 
                            $MonManager->getList();
                            echo Personnage::getCompteur();
                            ?>
                            )</th>
                            <th class='hidden'>Attaque</th>
                            <th class='hidden'>PV</th>
                        </tr>
                    </thead>
                    <tbody>
                    <?php
                    $personnages = $MonManager->getList();
                    foreach ($personnages as $personnage){
                        echo '<tr id='.$personnage->getId().' class="ligne-personnage">';
                        echo '<td class="col-id">'.$personnage->getId().'</td>';
                        echo '<td class="nom">'.$personnage->getName().'</td>';
                        echo '<td class="hidden attaque">'.$personnage->getAtk().'</td>';
                        echo '<td class="hidden pv">'.$personnage->getPv().'</td>';
                        echo '</tr>';
                    }
                    ?>
                    </tbody>
                </table>
            </div>
            <div class="list-button links-list"><a href="index.php?action=add">Ajouter un personnage</a></div>
        </div>

        <div class="card-perso">
            <h1 id="nom-info">Link</h2>
            <div class="card-content">
                <div class="card-img">
                    <div class="circle-background"></div>
                    <img src="img/persos/perso1.png" alt="" id="img-info">
                </div>
                <div class="card-text">
                    <p><span>Attaque : </span> <span id="attaque-info">20</span></p>
                    <p><span>PV : </span> <span id="pv-info">200</span></p>
                </div>
            </div>
        </div>
    </div>
