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

<main class="gestion" id="app" v-cloak>

    <div class="gerer">

        <div class="user">
            <h2>Bonjour, Admin</h2>
        </div>

        <?php if (isset($_GET["infos_requises"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                Toutes les informations sont requises
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["mdp_incorrect"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                Le mot de passe n'a pu être confirmé. Réessayez.
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_creation_compte"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                La création du compte a échoué... réessayez plus tard.
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_creation_categorie"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                La création de la categorie a échoué... réessayez plus tard.
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_creation_plat"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                La création du plat a échoué... réessayez plus tard.
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_creation_compte"])) : ?>
            <p class="msg succes">
                <span class="material-icons">
                    check_circle
                </span>
                Le compte a bien été crée !
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_creation_plat"])) : ?>
            <p class="msg succes">
                <span class="material-icons">
                    check_circle
                </span>
                Le plat a bien été crée !
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_creation_categorie"])) : ?>
            <p class="msg succes">
                <span class="material-icons">
                    check_circle
                </span>
                La catégorie a bien été crée !
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["id_inexistant"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                Auncun id d'utilisateur ne correspond.
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_suppression_utilisateur"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                Suppression Impossible de l'utilisateur
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_suppression_plat"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                Impossible de supprimer le plat
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_modification_utilisateur"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                Modification Impossible de l'utilisateur
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_modification_plat"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                Modification Impossible du plat
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["echec_suppression_categorie"])) : ?>
            <p class="msg erreur">
                <span class="material-icons">
                    error
                </span>
                Impossible de supprimer la catégorie
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_suppression_utilisateur"])) : ?>

            <p class="msg succes">
                <span class="material-icons">
                    check_circle
                </span>
                L'utilisateur a été supprimer avec succes!
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_suppression_plat"])) : ?>

            <p class="msg succes">
                <span class="material-icons">
                    check_circle
                </span>
                le plat a été supprimer avec succes!
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_modification_utilisateur"])) : ?>

            <p class="msg succes">
                <span class="material-icons">
                    check_circle
                </span>
                L'utilisateur a été modifier avec succes!
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_modification_plat"])) : ?>

            <p class="msg succes">
                <span class="material-icons">
                    check_circle
                </span>
                Le plat a été modifier avec succes!
            </p>
        <?php endif; ?>

        <?php if (isset($_GET["succes_suppression_categorie"])) : ?>

            <p class="msg succes">
                <span class="material-icons">
                    check_circle
                </span>
                La catégorie a été supprimer avec succes!
            </p>
        <?php endif; ?>

        <div class="boutons">
            <h2 @click="activerMenu()" :style="{backgroundColor: boutonMenu}">Menu</h2>
            <h2 @click="activerCategorie()" :style="{backgroundColor: boutonCategorie}">Categorie</h2>
            <?php if (isset($_SESSION["utilisateur_id"]) && $_SESSION["utilisateur_id"] == 1) : ?>
                <h2 @click="activerEmployes()" :style="{backgroundColor: boutonEmployes}">Employés</h2>
            <?php endif; ?>
        </div>

        <a href="deconnecter">Déconnexion</a>
    </div>
    <div class="listes">
        <h2>{{titrePage}}</h2>
        <div :style="{display: pageMenu}">
            <h3 @click="toggleForm" :style="{backgroundColor: boutonCouleur}">Ajouter un plat</h3>
            <div class="menu">
                <div class="ajout" v-if="montrerForm === 'block'">

                    <form action="plats-enregistrer" method="POST"  enctype="multipart/form-data">
                        <input type="text" name="nom" placeholder="Nom du plat">
                        <textarea name="description" placeholder="description"></textarea>
                        <input type="text" name="prix" placeholder="prix">

                        <div class="option">
                            <label>
                                Catégorie: 
                                <select class="form-select" name="categorie_id">
                                    <?php foreach ($categories as $categorie) : ?>
                                        <option value="<?= $categorie->id ?>">
                                            <?= $categorie->nom ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </label>
                        </div>

                        <div class="selection">
                            <h1>Selectionnez les tags:</h1>
                            <div>
                                <?php foreach ($tags as $tag) : ?>
                                    <label class="container"><?= $tag->nom ?>
                                        <input type="checkbox" name="tags[]" value="<?= $tag->id ?>">
                                        <span class="checkmark"></span>
                                    </label>
                                <?php endforeach; ?>
                            </div>
                        </div>
                        <div class="upload">
                            <input type="file" name="media">
                        </div>
                        <input type="submit" value="Ajouter">
                    </form>
                </div>
                <div class="categorie">
                    <h2 @click="activerEntree()" :style="{backgroundColor: boutonEntree}">Entrées</h2>
                    <h2 @click="activerRepas()" :style="{backgroundColor: boutonRepas}">Plats</h2>
                    <h2 @click="activerDessert()" :style="{backgroundColor: boutonDessert}">Desserts</h2>
                </div>

                <div @click="activerEntree()" :style="{display: carteEntree}" class="page">
                    <?php foreach ($entrees as $entree) : ?>
                        <div class="carte">
                            <div class="image">
                                <img src="<?= $entree->image ?>" alt="">
                            </div>
                            <div class="plats">
                                <div class="nom">
                                    <p><?= $entree->nom ?></p>
                                    <p><?= $entree->prix ?>$</p>
                                </div>
                                <div class="description">
                                    <p><?= $entree->description ?></p>
                                    <div class="tag">
                                        <p><?= $entree->tags ?></p>
                                    </div>
                                </div>
                            </div>
                            <div class="icons">
                                <a href="plats-modifier?id=<?= $entree->id ?>"><i class="bi bi-pencil-square"></i></a>
                                <a href="plats-supprimer?id=<?= $entree->id ?>"><i class="bi bi-trash-fill"></i></a>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>

                <div @click="activerRepas()" :style="{display: carteRepas}" class="page">
                    <?php foreach ($repas as $repa) : ?>
                        <div class="carte">
                            <div class="image">
                                <img src="<?= $repa->image ?>" alt="">
                            </div>
                            <div class="plats">
                                <div class="nom">
                                    <p><?= $repa->nom ?></p>
                                    <p><?= $repa->prix ?>$</p>
                                </div>
                                <div class="description">
                                    <p><?= $repa->description ?></p>
                                    <div class="tag">
                                        <p><?= $repa->tags ?></p>
                                    </div>
                                </div>
                            </div>
                            <div class="icons">
                                <a href="plats-modifier?id=<?= $repa->id ?>"><i class="bi bi-pencil-square"></i></a>
                                <a href="plats-supprimer?id=<?= $repa->id ?>"><i class="bi bi-trash-fill"></i></a>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>

                <div @click="activerDessert()" :style="{display: carteDessert}" class="page">
                    <?php foreach ($desserts as $dessert) : ?>
                        <div class="carte">
                            <div class="image">
                                <img src="<?= $dessert->image ?>" alt="">
                            </div>
                            <div class="plats">
                                <div class="nom">
                                    <p><?= $dessert->nom ?></p>
                                    <p><?= $dessert->prix ?>$</p>
                                </div>
                                <div class="description">
                                    <p><?= $dessert->description ?></p>
                                    <div class="tag">
                                        <p><?= $dessert->tags ?></p>
                                    </div>
                                </div>
                            </div>
                            <div class="icons">
                                <a href="plats-modifier?id=<?= $dessert->id ?>"><i class="bi bi-pencil-square"></i></a>
                                <a href="plats-supprimer?id=<?= $dessert->id ?>"><i class="bi bi-trash-fill"></i></a>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>

        <div :style="{display: pageCategorie}">

            <h3 @click="toggleForm" :style="{backgroundColor: boutonCouleur}">Ajouter une catégorie</h3>

            <div class="pageCategorie">

                <div class="ajout" v-if="montrerForm === 'block'">

                    <form action="categorie-enregistrer" method="POST">
                        <input type="text" name="nom" placeholder="nom catégorie">
                        <input type="submit" value="Ajouter">
                    </form>
                </div>
                <div>
                    <?php foreach ($categories as $categorie) : ?>
                        <div class="carteCategorie">
                            <div class="itemCategorie">
                                <p><?= $categorie->nom ?></p>
                            </div>
                            <div class="icons">
                                <a href="categorie-modifier?id=<?= $categorie->id ?>"><i class="bi bi-pencil-square"></i></a>
                                <a href="categorie-supprimer?id=<?= $categorie->id ?>"><i class="bi bi-trash-fill"></i></a>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>

        <div :style="{display: pageEmployes}">
            <h3 @click="toggleForm" :style="{backgroundColor: boutonCouleur}">Ajouter un compte employé</h3>
            <div class="employes">
                <div class="ajout" v-if="montrerForm === 'block'">
                    <form action="compte-enregistrer" method="POST" enctype="multipart/form-data">
                        <input type="text" name="nom" placeholder="Nom">
                        <input type="text" name="courriel" placeholder="courriel">
                        <input type="password" name="mdp" placeholder="mot de passe">
                        <input type="password" name="confirmer_mdp" placeholder="Confirmer le mot de passe">
                        <input type="submit" value="Créez le compte">
                    </form>
                </div>
                <?php foreach ($users as $user) : ?>
                    <div class="carteEmploye">
                        <div class="compte">
                            <p><?= $user->nom ?></p>
                            <p><?= $user->courriel ?></p>
                        </div>
                        <div class="icons">
                            <a href="compte-modifier?id=<?= $user->id ?>"><i class="bi bi-pencil-square"></i></a>
                            <a href="compte-supprimer?id=<?= $user->id ?>"><i class="bi bi-trash-fill"></i></a>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </div>
</main>

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