<%- include('includes/head.ejs', {Title: 'Campagne BDE'}) %>
<link rel="stylesheet" type="text/css" href="css/hotLine.css">
<script src="js/soumettrePost.js" defer></script>
<head>
<body>
<%- include('includes/header') %>
<main>
<img src="img/93611.jpg" alt="fond" id="background-video">
<div id="hiddenDiv">
<h1>
soumettre sa résolution
</h1>
<form method="POST" enctype="multipart/form-data">
<div>
<label for="image">Mettre l'image : </label>
<input type="file" id="image" name="image">
</div>
<div>
<label for="description">Ajouter une description</label>
<input type="text" name="description" id="description">
</div>
<button>soumettre la résolution</button>
</form>
</div>
<div id="first_div">
<div>
<h1>
Demandes
</h1>
<p>
Ici vous pouvez demandez à un espion aguerri de vous livrer des crêpes. Aussi, vous pouvez tentez de valider la chasse au trésor du jour ! Pour cela il suffit d'envoyer une photo du ticket avec l'endroit où vous l'avez trouvé.
</p>
</div>
<div id="secondDiv">
<h2>
Podium
</h2>
<% let thereIsUsers = false %>
<% usersData.forEach(user => { %>
<% if (user.point) { %>
<% thereIsUsers = true %>
<h3>
<%= user.nom_dutilisateur %>
</h3>
<p>
A : <%= user.point %> points
</p>
<% } %>
<% }) %>
<% if (!thereIsUsers) {%>
<p>
Il n'y a pas encore de participant
</p>
<% } %>
</div>
<div id="secondDiv">
<h2>
Commander
</h2>
<form action="/commandeCrepe" method="POST">
<ul>
<li>
<label for="garniture">Sur votre crepe</label>
<input type="radio" name="garniture" value="nutella"> nutella
<input type="radio" name="garniture" value="confiture"> confiture
<input type="radio" name="garniture" value="sucre"> sucre
</li>
<li>
<label for="commentaire">Commentaire</label>
<input type="text" name="commentaire" id="commentaire">
</li>
</ul>
<button>
submit
</button>
</form>
<h2>
Commandes
</h2>
<% let toutesLesCommandesSontTerminees = true; %>
<% commandeData.forEach(commande => { %>
<% if (!commande.isFinish) { %>
<% toutesLesCommandesSontTerminees = false; %>
<h3>
<%= commande.nom %> <%= commande.prenom %>
</h3>
<p>
<%= commande.commentaire %>
<%= commande.garniture %>
</p>
<% } %>
<% }) %>
<% if (toutesLesCommandesSontTerminees) { %>
<h3>
Pas encore de commande
</h3>
<% } %>
</div>
<div id="thirdDiv">
<h2>
Chasse au trésor
</h2>
<p>
Retrouve ici toutes les énigmes. Celles en vert sont déjà resolues alors dépéchez vous de résoudre les autres !
</p>
<% postData.forEach(post => { %>
<% if (post.isFinish) {%>
<div id="postFinish">
<h2><%= post.titre %></h2>
<p>
<%= post.commentairePost %>
</p>
<p>
Récompense : <%= post.recompense %>
</p>
<p>
statut : Accepté
</p>
</div>
<% } else {%>
<div id="postNotFinish">
<h2><%= post.titre %></h2>
<p>
Déscription : <%= post.commentaire %>
</p>
<p>
Récompense : <%= post.recompense %>
</p>
<p>
statut : en attente
</p>
<button id="but<%= post._id %>" data-post-id="<%= post._id %>">
Soummettre sa resolution
</button>
</div>
<% } %>
<% }); %>
</div>
</div>
</main>
</body>