22 lines
1.2 KiB
PHP
22 lines
1.2 KiB
PHP
<div class="p-6">
|
|
<div class="w-12 h-12 rounded-full bg-danger/10 text-danger grid place-items-center mb-4">
|
|
<x-heroicon-o-trash class="w-6 h-6" />
|
|
</div>
|
|
<h3 class="font-bold text-base text-ink-1 mb-1">Konto löschen?</h3>
|
|
<p class="text-sm text-ink-2 leading-relaxed mb-4">
|
|
Alle deine Daten werden unwiderruflich gelöscht. Tippe <span class="font-mono font-bold">LÖSCHEN</span> zur Bestätigung.
|
|
</p>
|
|
<input type="text"
|
|
wire:model.live="confirmText"
|
|
class="w-full px-3.5 py-2.5 bg-bg-soft border border-line rounded-lg text-sm mb-5 focus:outline-none focus:ring-2 focus:ring-danger focus:border-transparent">
|
|
<div class="flex gap-2">
|
|
<x-btn wire:click="closeModal" class="flex-1 justify-center">Abbrechen</x-btn>
|
|
<button type="button"
|
|
wire:click="delete"
|
|
@disabled($confirmText !== 'LÖSCHEN')
|
|
class="flex-1 inline-flex items-center justify-center gap-2 px-3.5 py-2 rounded-lg bg-danger text-white text-sm font-semibold hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer transition-all">
|
|
Endgültig löschen
|
|
</button>
|
|
</div>
|
|
</div>
|