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

<section class="accueil">
    <img src="medias/section/Accueil-header.jpg">
    <div class="cta-accueil">
        <h1>PUB G6</h1>
        <div>
            <a href="menus" class="send-menu">MENU</a>
            <a href="#rejoindre" class="send-contact">NOUS TROUVER</a>
        </div>
    </div>
</section>
<section class="menu-accueil">
    <div class="background-image">
        <img src="medias/section/a-propos-image.jpg">
    </div>
    <h2>MENU</h2>
    <div class="menu-article">
        <article>
            <a href="menus#Entrée">
                <img src="medias/menu/background-image-menus/salade-entree.jpg">
                <span>ENTRÉE</span>
            </a>
        </article>
        <article>
            <a href="menus#Repas">
                <img src="medias/menu/background-image-menus/hamburger-repas.jpg">
                <span>REPAS</span>
            </a>
        </article>
        <article>
            <a href="menus#Dessert">
                <img src="medias/menu/background-image-menus/dessert.jpg">
                <span>DESSERT</span>
            </a>
        </article>
    </div>
</section>
<section class="a-propos" id="a-propos">
    <div>
        <h2>À PROPOS</h2>
        <p>Bienvenue chez Pub G6, un établissement emblématique qui a su séduire les gourmets depuis sa fondation il y a 20 ans. Niché au cœur de notre charmante ville, notre restaurant propose une expérience culinaire unique, alliant tradition et innovation. Chaque plat est préparé avec des ingrédients frais et locaux, reflétant notre engagement envers la qualité et l'authenticité.
        </p>
    </div>
</section>
<section class="rendez-vous">
    <div>
        <h2>RENDEZ-VOUS GOURMETS</h2>
        <p>Au fil des années, Pub G6 est devenu un lieu de rencontre incontournable pour les amoureux de la bonne cuisine. Notre équipe passionnée et talentueuse, dirigée par notre chef renommé, met un point d'honneur à offrir un service chaleureux et attentif. Que vous veniez pour un dîner romantique, une réunion entre amis ou un événement spécial, notre atmosphère conviviale et élégante vous accueillera toujours avec plaisir.
        </p>
    </div>
</section>
<section class="contact" id="contact">
    <div class="infolettre">
        <h2>RESTEZ À L'AFFÛT</h2>
        <p>& soyez avisé des nouveautés au menu</p>

        <!-- Section - Message d'erreur -->
        <?php if (isset($_GET["renseignements_infolettre"])) : ?>
            <p class="alert alert-warning alert-dismissible fade show mt-3">
                <span class="material-icons">
                    warning
                </span>
                Un nom et un courriel est nécessaire.
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["courriel_infolettre"])) : ?>
            <p class="alert alert-danger alert-dismissible fade show mt-3">
                <span class="material-icons">
                    error
                </span>
                Ce courriel est déjà associé à un compte inscrit à l'infolettre!
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_infolettre"])) : ?>
            <p class="alert alert-danger alert-dismissible fade show mt-3">
                <span class="material-icons">
                    error
                </span>
                Une erreur est survenue lors de l'inscription à l'infolettre. Réessayer plustard.
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_infolettre"])) : ?>
            <p class="alert alert-success alert-dismissible fade show mt-3">
                <span class="material-icons">
                    check_circle
                </span>
                Inscription à l'infolettre réussite!
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </p>
        <?php endif; ?>
        <!-- Fin section message d'erreur -->

        <form action="infolettre-enregistrer" method="POST">
            <input type="text" name="nom" placeholder="Nom">
            <input type="email" name="courriel" placeholder="Courriel">
            <input type="submit" value="S'abonner">
        </form>
    </div>
    <div class="separateur"></div>
    <div class="commentaire">
        <h3>Ce que disent les gens</h3>
        <div class="message">
            <p><strong>&lt;</strong></p>
            <p><?= $commentaire->texte ?></p>
            <!-- <p>Même si les prix ne sont pas les plus bas, Pub G6 est une référence dans la qualité du service et de leur mets. Je recommande!</p> -->
            <p><strong>&gt;</strong></p>
        </div>
        <div class="conteneur-commentaire">
            <div class="note">
                <?php if ($commentaire->note === 4.5) : ?>
                    <img src="medias/note/4-etoiles-et-demi.png" alt="note du client">
                <?php else : ?>
                    <img src="medias/note/<?= $commentaire->note ?>-etoiles.png" alt="note du client">
                <?php endif; ?>
            </div>
            <div class="pagination">
                <!-- Faire en sorte que les boutons radios marchent avec le commentaire sélectionner -->
                <?php for ($i = 0; $i < $nombre; $i++) : ?>
                    <input type="radio" name="page" class="bouton-radio" <?= (($i + 1) == $commentaire->id) ? 'checked' : ""; ?>>
                <?php endfor; ?>
            </div>
        </div>
    </div>
</section>
<section class="renseignement">
    <div>
        <h2>Évolution Festive</h2>
        <p>Nous sommes fiers de notre héritage et de notre évolution constante. En célébrant deux décennies de succès, nous continuons à innover et à réinventer nos menus pour surprendre et ravir nos clients fidèles. Venez découvrir pourquoi le Pub G6 est une véritable institution culinaire, où chaque visite est une fête pour les sens.</p>
    </div>
</section>
<?php include("views/components/foot.php"); ?>