29 lines
1.4 KiB
Twig
29 lines
1.4 KiB
Twig
<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-xl font-bold" {{ 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 items-center justify-between">
|
|
<button type="submit" class="btn">
|
|
Ja
|
|
</button>
|
|
<button type="button" class="btn btn--secondary" {{ stimulus_action('confirmation-modal', 'hide') }}>
|
|
Abbrechen
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|