<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $titre ?? parse_ini_file(".env")["APP_NAME"] ?></title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://use.typekit.net/kyn0zap.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="public/css/style.css">

</head>
<header>
    <nav id="app">
        <div class="liens" v-if="!hamburger_visible">
            <a href="index">ACCUEIL</a>
            <a href="menus">MENU</a>
            <a href="index#a-propos">À PROPOS</a>
            <a href="index#contact">INFOLETTRE</a>
            <a href="index#contact">CRITIQUE</a>
            <a href="index#rejoindre">NOUS REJOINDRE</a>
            <?php if (!empty($_SESSION["role"])) : ?>
                <a href="employes-menu">MENU - EMPLOYÉ</a>
                <?php if ($_SESSION["role"] === "Administrateur") : ?>
                    <a href="admin">LISTE EMPLOYÉS</a>
                <?php endif; ?>
            <?php endif; ?>
        </div>

        <a href="#" class="hamburger" @click="afficherHamburger()"><i class="fa fa-bars" aria-hidden="true"></i></a>

        <section class="hamburger-conteneur" v-if="hamburger_visible">
            <a href="index">ACCUEIL</a>
            <a href="menus">MENU</a>
            <a href="index#a-propos">À PROPOS</a>
            <a href="index#contact">INFOLETTRE</a>
            <a href="index#contact">CRITIQUE</a>
            <a href="index#rejoindre">NOUS REJOINDRE</a>
            <?php if (!empty($_SESSION["role"])) : ?>
                <a href="employes-menu">MENU - EMPLOYÉ</a>
                <?php if ($_SESSION["role"] === "Administrateur") : ?>
                    <a href="admin">LISTE EMPLOYÉS</a>
                <?php endif; ?>
            <?php endif; ?>
        </section>
    </nav>
</header>

<body>