<!DOCTYPE html>
<html lang="fr">
    <head>

        <?php include ($_SERVER['DOCUMENT_ROOT'].'/includes/header.php'); ?>
        <link rel="stylesheet" href="rocketleague.css"/>
        <title>RASPSNIR - ROCKET LEAGUE</title>


    </head>

    <body>
        <div class="container">
            <div class="row">
                <div class="col s12">
                    <div class="carousel carousel-slider center" data-indicators="true">
                        <div class="carousel-fixed-item center">
                            <a class="btn waves-effect white grey-text darken-text-2" id="affichRank">afficher</a>
                        </div>
                        <div class="carousel-item panel1 white-text" href="#one!">
                            <h2>Rangs</h2>
                            <p class="white-text">Affichez les rangs des dieux de la SNIR.</p>
                        </div>
                        <div class="carousel-item panel2 white-text" href="#two!">
                            <h2>Division</h2>
                            <p class="white-text">Regardez s'il sont plus proches de la fin que du début.</p>
                        </div>
                        <div class="carousel-item panel3 white-text" href="#three!">
                            <h2>Rating</h2>
                            <p class="white-text">Analysez leur note moyenne attribuée par le jeu.</p>
                        </div>
                        <div class="carousel-item panel4 white-text" href="#four!">
                            <h2>Matchs</h2>
                            <p class="white-text">Contemplez leur tryhard inconditionnel.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col s12" id="classement">
                    <div class="card white">
                        <div class="card-content black-text">
                            <div class="progress" id="progressRank" >
                                <div class="indeterminate"></div>
                            </div>
                            <span class="card-title">Classement</span>
                            <p>Ici s'affichera le classement. Vous y retrouverez le rang de chacun des joueurs, leur division, leur rating par rang ainsi que leur rating moyen. Et enfin leur nombre de matches par rang et au total.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <?php include ($_SERVER['DOCUMENT_ROOT'].'/includes/footer.php'); ?>
        <script src="rocketleague.js"></script>    
    </body>
</html>
