From 9ea80f39fe34e3559c61f6af42e1ebdcf8fe257b 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

---
 .../templates/student_index_evaluate_or_drop.html | 15 +++++++++++----
 1 file changed, 11 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..23c8ac834 100644
--- a/evap/student/templates/student_index_evaluate_or_drop.html
+++ b/evap/student/templates/student_index_evaluate_or_drop.html
@@ -1,5 +1,12 @@
-<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>