diff --git a/templates/calendar/index.html.twig b/templates/calendar/index.html.twig index 2d608a238a865c3bb763412cd60a86c9df300c2b..69613017befd5f9918e43c871e4b589542c0e33a 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>