<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Wild Table - Qui sera à ma table cette semaine?</title>
        <link rel="stylesheet" href="./assets/css/main.css" />
        <script src="https://kit.fontawesome.com/f9cb11a26f.js" crossorigin="anonymous"></script>
    </head>
    <body>
        <header>
            <div id="logo">
                <img src="assets/img/logo-wcs.png" alt="Logo Wide Code School">
                <span>unofficial app</span>
            </div>
            <div id="brand">    
                <h1>wild table</h1>
                <h2>Quelle sera ma table cette semaine?</h2>
            </div>
            
        </header>
        <main>
            <section id="infos">
                <span>
                    L'application Wild Table ["waɪld" "TAYbuhl"] se charge de définir
                    une nouvelle place pour les élèves chaque semaine
                </span>
            </section>
            <section id="options">
                <select name="session" id="sesssions">
                    <option value="toulouse_js">Toulouse - JS/React</option>
                </select>
                <!-- <select name="students" id="students">
                    <option value="0">Antoine Belloni</option>
                    <option value="1">Antoine Dabonneville Geuns</option>
                    <option value="2">Bréogan Bertelet</option>
                    <option value="3">Christel Deveza</option>
                    <option value="4">François Pobelle</option>
                    <option value="5">Henri Bergeret</option>
                    <option value="6">Jimmy Vogt</option>
                    <option value="7">Joeri Kaiser</option>
                    <option value="8">Lucas Jimenez</option>
                    <option value="9">Pierre Berger</option>
                    <option value="10">Pierre-Jean Amard</option>
                    <option value="11">Richard Lafon</option>
                    <option value="12">Romain Mura</option>
                    <option value="13">Saïf-Eddine Miah</option>
                    <option value="14">Xavier Yribarren</option>
                    <option value="15">Yves-Marie Blandin</option>
                </select> -->
            </section>
            <section id="tables">
                <span class="weekNumber">Semaine <%= week %></span>
                <% for (let [tableID, tableData] of Object.entries(studentsList)) { %>
                    <article>
                        <h3>Table <%= parseInt(tableID) +1%></h3>
                        <ul>
                        <% for (let [studentPos, studentInfo] of Object.entries(tableData)) { %>
                            <li><%= studentInfo.firstName %> <%= studentInfo.lastName %></li>
                        <% } %>
                        </ul>
                    </article>
                <% } %>
            </section>
        </main>
        <footer>
            <span>&copy 2022 Wild Code School</span>
            <a href="https://github.com/piment/wild-table" target="self"><i class="fa-brands fa-github"></i></a>
        </footer>
    </body>
</html>
