From 20e18720e8992db25bdc4daf523ac6976166eebd Mon Sep 17 00:00:00 2001
From: Nada Alami <nadaalami2002@gmail.com>
Date: Sat, 12 Feb 2022 18:26:24 -0500
Subject: [PATCH] =?UTF-8?q?Ajout=20du=20Modal=20(AKA=20button=20du=20feedb?=
 =?UTF-8?q?ack=20de=20la=20journ=C3=A9e)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/calendar/index.html.twig | 47 ++++++++++++++++++++++--------
 1 file changed, 35 insertions(+), 12 deletions(-)

diff --git a/templates/calendar/index.html.twig b/templates/calendar/index.html.twig
index 2d608a23..69613017 100644
--- a/templates/calendar/index.html.twig
+++ b/templates/calendar/index.html.twig
@@ -10,19 +10,42 @@
 {% block body %}
 
 	<body>
-		<div class="card">
-			<div class="card-header">
-				Feedback de la journée
-			</div>
-			<div class="card-body">
-				Est ce que vous avez respectez vos engagements ?
-				<button class="btn btn-success">Oui</button>
-				<button class="btn btn-danger">Non</button>
-			</div>
-		</div>
+		{# <div class="card">
+							<div class="card-header">
+								Feedback de la journée
+							</div>
+							<div class="card-body">
+								Est ce que vous avez respectez vos engagements ?
+								<button class="btn btn-success">Oui</button>
+								<button class="btn btn-danger">Non</button>
+							</div>
+						</div> #}
+		<!-- Button trigger modal -->
+<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#exampleModal">
+  Daily feedback
+</button>
+
+<!-- Modal -->
+<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Daily Feedback</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        Did you manage to complete all the tasks for today?
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No, I haven't</button>
+        <button type="button" class="btn btn-primary">Yes, I have!</button>
+      </div>
+    </div>
+  </div>
+</div>
 		{# <div id="calendar" style"height: 800px;"></div> #}
-		<button id="prevBtn" class="btn btn-secondary">Prev</button>
-		<button id="nextBtn" class="btn btn-primary">Next</button>
+		<button id="prevBtn" class="btn btn-primary">Prev</button>
+		<button id="nextBtn" class="btn btn-danger">Next</button>
 		<div id="calendarList"></div>
 	</body>
 
-- 
GitLab