WIP: Implement frontend

templates/_partials/_confirmation_modal.html.twig

@@ -0,0 +1,28 @@
+<div id="confirmation-modal"
+     class="fixed top-0 left-0 z-50 inset-0 hidden"
+     {{ stimulus_controller('confirmation-modal') }}
+>
+    <div class="absolute top-0 left-0 inset-0 bg-black/80" {{ stimulus_action('confirmation-modal', 'hide', 'click') }}></div>
+    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white p-8 shadow w-full max-w-3xl rounded">
+        <div class="flex justify-between border-b border-gray-200 pb-2 mb-4">
+            <div class="flex items-center space-x-2">
+                {{ icon('alert', 'w-8 h-8') }}
+                <span class="text-lg font-medium" {{ stimulus_target('confirmation-modal', 'title') }}></span>
+            </div>
+            <button class="inline-block" {{ stimulus_action('confirmation-modal', 'hide') }}>
+                {{ icon('close', 'w-8 h-8') }}
+            </button>
+        </div>
+        <form method="post" {{ stimulus_target('confirmation-modal', 'form') }}>
+            <div {{ stimulus_target('confirmation-modal', 'content') }}></div>
+            <div class="mt-6 flex justify-between">
+                <button type="submit" class="btn btn--warning">
+                    Ja
+                </button>
+                <button type="button" class="btn btn--secondary" {{ stimulus_action('confirmation-modal', 'hide') }}>
+                    Abbrechen
+                </button>
+            </div>
+        </form>
+    </div>
+</div>