Replace native confirm() dialogs with styled confirm modals.

Add shared confirm-dialog component, Alpine ladillConfirm store, and swap browser confirms for consistent bottom-sheet modals across user, admin, and hosting flows. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-07 21:10:47 +00:00
parent f3066e5b6c
commit 3bcab953f9
14 changed files with 318 additions and 32 deletions
@@ -43,7 +43,16 @@
            </div>
            <form method="POST" action="{{ route('events.attendees.share-programme', $qrCode) }}"
                  x-data="{ busy: false }"
-                  @submit="if (!confirm('Send the programme outline to all confirmed attendees by email and SMS?')) { $event.preventDefault(); return; } busy = true;"
+                  @submit="async ($event) => {
+                      if (busy) return;
+                      if (! await $store.ladillConfirm.ask({
+                          title: 'Send programme?',
+                          message: 'Send the programme outline to all confirmed attendees by email and SMS?',
+                          confirmLabel: 'Send',
+                          variant: 'primary',
+                      })) { $event.preventDefault(); return; }
+                      busy = true;
+                  }" 
                  class="shrink-0">
                @csrf
                <button type="submit" :disabled="busy"