31 lines
1.6 KiB
Twig
31 lines
1.6 KiB
Twig
<div id="htmx-confirmation-modal" class="fixed top-0 left-0 z-50 inset-0" {{ stimulus_controller('modal') }}>
|
|
<div class="absolute top-0 left-0 inset-0 bg-black/80" {{ stimulus_action('modal', 'close', 'click') }}></div>
|
|
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white p-8 w-full max-w-3xl rounded-md">
|
|
<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') }}
|
|
<div class="text-xl font-bold">
|
|
{% block title %}Bist du sicher?{% endblock %}
|
|
</div>
|
|
</div>
|
|
<button type="button" class="inline-block" {{ stimulus_action('modal', 'close') }}>
|
|
{{ icon('close', 'w-8 h-8') }}
|
|
</button>
|
|
</div>
|
|
{% block content %}{% endblock %}
|
|
<div class="mt-6 flex items-center justify-between">
|
|
<button type="button"
|
|
class="button button--warning"
|
|
{% block button_attribute %}
|
|
hx-post="{{ app.request.uri }}"
|
|
hx-vals="{{ { _token: csrf_token(csrf_token_id) }|json_encode|e('html_attr') }}"
|
|
{% endblock %}>
|
|
{% block button_confirm %}Ja{% endblock %}
|
|
</button>
|
|
<button type="button" class="button button--neutral" {{ stimulus_action('modal', 'close') }}>
|
|
{% block button_cancel %}Abbrechen{% endblock %}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|