From 6545c8dfd2942abce1a4d550faa05b49876e185e Mon Sep 17 00:00:00 2001
From: Felix Koch <felixkoch.it@gmail.com>
Date: Mon, 5 Aug 2024 20:52:16 +0200
Subject: [PATCH] implement modal

---
 .../student_index_evaluate_or_drop.html          | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/evap/student/templates/student_index_evaluate_or_drop.html b/evap/student/templates/student_index_evaluate_or_drop.html
index 9f705fbba..cf10d29a8 100644
--- a/evap/student/templates/student_index_evaluate_or_drop.html
+++ b/evap/student/templates/student_index_evaluate_or_drop.html
@@ -1,5 +1,13 @@
-<a class="btn btn-sm btn-primary btn-row-hover" href="{% url 'student:vote' evaluation.id %}">{% translate 'Evaluate' %}</a>
-<!-- TODO@felix: confirmation modal  -->
-<a class="btn btn-sm btn-secondary" title="{% translate 'I dropped this course' %}" data-bs-toggle="tooltip" data-bs-placement="top" href="{% url 'student:drop' evaluation.id %}">
-    <span class="fas fa-user-xmark"></span>
+<a class="btn btn-sm btn-primary btn-row-hover" href="{% url 'student:vote' evaluation.id %}">
+    {% translate 'Evaluate' %}
 </a>
+<confirmation-modal>
+    <span slot="title">{% translate 'Did you drop this course?' %}</span>
+    <span slot="question">{% translate 'If you mark this course as dropped, you can still give feedback, but ...' %}</span>
+    <!-- TODO@Felix: explanatory text -->
+    <a class="btn btn-danger ms-2" slot="submit-group" href="{% url 'student:drop' evaluation.id %}">{% translate 'I dropped this course' %}</a>
+    <button slot="show-button" class="btn btn-sm btn-secondary" title="{% translate 'I dropped this course' %}"
+            data-bs-toggle="tooltip" data-bs-placement="top">
+        <span class="fas fa-user-xmark"></span>
+    </button>
+</confirmation-modal>