WIP: Implement frontend

templates/_partials/_ajax_modal.html.twig

@@ -0,0 +1,22 @@
+<div id="ajax-modal"
+     class="fixed inset-0 w-full h-full z-50 hidden"
+     {{ stimulus_controller('ajax-modal') }}
+>
+    <div class="absolute inset-0 w-full h-full bg-black/80" {{ stimulus_action('ajax-modal', 'hide', 'click') }}></div>
+    <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 shadow w-full max-w-xl">
+        <div class="bg-white p-8">
+            <div class="flex justify-between pb-4">
+                <div class="text-lg font-medium" {{ stimulus_target('ajax-modal', 'title') }}></div>
+                <button type="button"
+                        class="inline-block"
+                        {{ stimulus_action('ajax-modal', 'hide') }}>
+                    {{ icon('close', 'w-6 h-6')}}
+                </button>
+            </div>
+            <div class="hidden" {{ stimulus_target('ajax-modal', 'content') }}></div>
+            <div {{ stimulus_target('ajax-modal', 'spinner') }}>
+                {% include '_partials/_spinner.html.twig' with { 'class': 'w-8 h-8 mx-auto'} %}
+            </div>
+        </div>
+    </div>
+</div>