<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
    <link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
    <title>Plan du site - Elite Solar</title>
    <meta property="og:title" content="Plan du site - Elite Solar">
    <meta name="description" content="Plan du site">
    <meta property="og:description" content="Plan du site">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Elite Solar">
    <meta property="og:locale" content="fr_FR">
    <link rel="stylesheet" href="../assets/css/style.css">
    <link rel="stylesheet" href="../assets/css/header.css">
    <link rel="stylesheet" href="../assets/css/footer.css">
    <script src="../assets/js/header.js"></script>
</head>
<body>
<header>
    <div>
        <a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60" alt="Elite Solar"></a>
        <img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
        <nav>
            <ul id="menu" class="invisible">
                <li><a href="../">Accueil</a></li>
                <li><a href="../about">Qui sommes-nous ?</a></li>
                <li><a href="../product">Produit</a></li>
                <li><a href="../contact">Contact</a></li>
                <li><a href="../faq">FAQ</a></li>
            </ul>
        </nav>
    </div>
</header>
<main>
    <nav class="crumbs">
        <ol>
            <li class="crumb"><a href="../">Accueil</a></li>
            <li class="crumb">Mentions légales</li>
        </ol>
    </nav>

    <h1>Plan du site</h1>
    <ul>
        <li><a href="../">Accueil</a></li>
        <li><a href="../about">Qui sommes-nous ?</a></li>
        <li><a href="../product">Produit</a></li>
        <li><a href="../contact">Contact</a></li>
        <li><a href="../faq">Foire aux questions</a></li>
        <li><a href="../team">Notre équipe</a></li>
        <?php
        try {
            $dbh = new PDO('mysql:host=saeweb2022.souidi.fr;dbname=saeweb2022', "saeweb2022");
            $employees = $dbh->query('SELECT name, slug FROM employee;');
            if (!empty($employees)) {
                echo "<ul>";
                foreach ($employees as $employee) {
                    echo '<li><a href="../team/' . $employee['slug'] . '">' . $employee['name'] . '</a></li>' .
                        '<ul>
                            <li><a href="../team/' . $employee['slug'] . '?cv">CV</a></li>
                            <li><a href="../team/' . $employee['slug'] . '?articles">Articles</a></li>
                         </ul>';
                }
                echo "</ul>";
            }
            $dbh = null;
        } catch (Exception $e) {}
        ?>
        <li><a href="../blog">Blog</a></li>
        <li><a href="../legal">Mentions légales</a></li>
    </ul>
</main>
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
<footer>
    <div class="content">
        <div class="text">
            © <?= date("Y") ?> Elite Solar
            <a href="../legal">Mentions légales</a>
            <a href="../sitemap">Plan du site</a>
        </div>
        <div class="social">
            <a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
            <a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
            <a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
            <a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
        </div>
    </div>
</footer>
<script src="../assets/js/script.js"></script>
</body>
</html>