<?php include("views/components/head.php"); ?>

<!-- Contenu principal de ta page Le menu -->
<main class="le-menu">

    <!-- ton image d'entête avec le logo à l'intérieur -->
    <div class="img-entete">
        <img src="public/img/pubg6-terasse.jpg" alt="image PubG6">
        <div class="logo-entete">
            <img src="public/img/logo.png" alt="Logo">
        </div>
    </div>

    <!-- ton menu qui va être dynamique avec ta bdd pour faire les changements dans la portion utilisateurs -->
    <div class="menu">
        <div>
            <h1 class="h1-correction">LE MENU</h1>
            <h2>L'expérience culinaire réinventée</h2>
        </div>

        <div class="separateur"></div>

        <h1>Entrées</h1>
        <?php $counter = 0; ?>
        <?php foreach ($menus as $menu) : ?>
            <?php if ($menu->categorie_id == 1) : ?>
                <div class="menu-item">
                    <p class="nom-menu"><?= $menu->nom ?></p>
                    <p><?= $menu->description ?></p>
                    <p class="prix"><?= $menu->prix ?> $</p>
                    <img src="public/img/<?= $menu->image ?>" alt="plat" class="image-menu">
                </div>
                <?php $counter++; ?>
            <?php endif; ?>
        <?php endforeach; ?>

        <div class="separateur"></div>

        <h1>Repas</h1>
        <?php $counter = 0; ?>
        <?php foreach ($menus as $menu) : ?>
            <?php if ($menu->categorie_id == 2) : ?>
                <div class="menu-item">
                    <p class="nom-menu"><?= $menu->nom ?></p>
                    <p><?= $menu->description ?></p>
                    <p class="prix"><?= $menu->prix ?> $</p>
                    <img src="public/img/<?= $menu->image ?>" alt="plat" class="image-menu">
                </div>
                <?php $counter++; ?>
            <?php endif; ?>
        <?php endforeach; ?>

        <div class="separateur"></div>

        <h1>Desserts</h1>
        <?php $counter = 0; ?>
        <?php foreach ($menus as $menu) : ?>
            <?php if ($menu->categorie_id == 3) : ?>
                <div class="menu-item">
                    <p class="nom-menu"><?= $menu->nom ?></p>
                    <p><?= $menu->description ?></p>
                    <p class="prix"><?= $menu->prix ?> $</p>
                    <img src="public/img/<?= $menu->image ?>" alt="plat" class="image-menu">
                </div>
                <?php $counter++; ?>
            <?php endif; ?>
        <?php endforeach; ?>
    </div>
</main>

<!-- ton mini footer qui n'en est pas vraiment un a cause de ton header toujours présent avec accès à la page contact -->
<footer>
    <a href="contact-index">CONTACT</a>

    <div class="footer-logo">
        <img src="public/img/instagram.png" alt="Logo">
        <img src="public/img/facebook.png" alt="Logo">
        <img src="public/img/x.png" alt="Logo">
    </div>
</footer>

<?php include("views/components/foot.php"); ?>

