<?php
var_dump($_SESSION['test']);
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page accueil</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
        crossorigin="anonymous"></script>
</head>

<body>
    <div class="container-fluid">
        <div class="row flex-nowrap">
            <?php include('../include/menu.php') ?>

            <div class="col py-3">
                <center>
                    <div class="col-3 mb-4">
                        <h3>Gerer mes fiches de frais</h3>
                        <br>
                        <select class="form-select" name="selVisiteur" id="">
                            <option value="visiteur1">Visiteur 1</option>
                        </select>

                    </div>

                </center>

                <div class="col-11 d-flex mx-auto">


                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope="col">Mois</th>
                                <th scope="col">Total</th>
                                <th scope="col">Statut</th>
                                <th scope="col">Détails</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">Novembre</th>
                                <td>351 €</td>
                                <td>en cours...</td>
                                <td><a href="#">voir</a></td>
                            </tr>
                            <tr>
                                <th scope="row">Octobre</th>
                                <td>1458 €</td>
                                <td>en cours...</td>
                                <td><a href="#">voir</a></td>
                            </tr>
                            <tr>
                                <th scope="row">Septembre</th>
                                <td>1112 €</td>
                                <td>classé</td>
                                <td><a href="#">voir</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-4 d-flex mx-auto">
                    <nav aria-label="...">
                        <ul class="pagination">
                            <li class="page-item disabled">
                                <a class="page-link">Previous</a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item active" aria-current="page">
                                <a class="page-link" href="#">2</a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#">Next</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

    </div>


</body>

</html>