Extract Ladill Events as a standalone events suite at events.ladill.com.

Full control center for ticketed events, contributions, attendees, badges,
and programmes — not a QR utility clone. Includes SSO shell, import command,
and platform cutover runbook.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/js/app.js

@@ -0,0 +1,188 @@
+import './bootstrap';
+
+import Alpine from 'alpinejs';
+import collapse from '@alpinejs/collapse';
+import QRCodeStyling from 'qr-code-styling';
+window.QRCodeStyling = QRCodeStyling;
+import qrcode from 'qrcode-generator';
+window.qrcode = qrcode;
+
+Alpine.plugin(collapse);
+
+Alpine.data('notificationDropdown', (config = {}) => ({
+    open: false,
+    loading: false,
+    notifications: [],
+    unreadCount: 0,
+    unreadUrl: config.unreadUrl || '/notifications/unread',
+    markReadUrl: config.markReadUrl || '/notifications/__ID__/read',
+    markAllReadUrl: config.markAllReadUrl || '/notifications/mark-all-read',
+    indexUrl: config.indexUrl || '/notifications',
+    csrfToken: config.csrfToken || document.querySelector('meta[name="csrf-token"]')?.content || '',
+
+    init() {
+        this.fetchUnread();
+        setInterval(() => this.fetchUnread(), 60000);
+    },
+
+    async fetchUnread() {
+        try {
+            const res = await fetch(this.unreadUrl, {
+                headers: { Accept: 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
+            });
+            const data = await res.json();
+            this.notifications = data.notifications || [];
+            this.unreadCount = data.unread_count || 0;
+        } catch (e) {
+            console.error('Failed to fetch notifications', e);
+        }
+    },
+
+    toggle() {
+        this.open = !this.open;
+        if (this.open) {
+            this.loading = true;
+            this.fetchUnread().finally(() => { this.loading = false; });
+        }
+    },
+
+    async markRead(id) {
+        const url = this.markReadUrl.replace('__ID__', id);
+        try {
+            await fetch(url, {
+                method: 'POST',
+                headers: {
+                    Accept: 'application/json',
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': this.csrfToken,
+                    'X-Requested-With': 'XMLHttpRequest',
+                },
+            });
+            this.notifications = this.notifications.filter(n => n.id !== id);
+            this.unreadCount = Math.max(0, this.unreadCount - 1);
+        } catch (e) {
+            console.error('Failed to mark notification as read', e);
+        }
+    },
+
+    async markAllRead() {
+        try {
+            await fetch(this.markAllReadUrl, {
+                method: 'POST',
+                headers: {
+                    Accept: 'application/json',
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': this.csrfToken,
+                    'X-Requested-With': 'XMLHttpRequest',
+                },
+            });
+            this.notifications = [];
+            this.unreadCount = 0;
+        } catch (e) {
+            console.error('Failed to mark all notifications as read', e);
+        }
+    },
+
+    getIconBg(icon) {
+        const map = { domain: 'bg-emerald-50', hosting: 'bg-violet-50', email: 'bg-pink-50', billing: 'bg-amber-50', success: 'bg-green-50' };
+        return map[icon] || 'bg-slate-100';
+    },
+
+    getIconColor(icon) {
+        const map = { domain: 'text-emerald-600', hosting: 'text-violet-600', email: 'text-pink-600', billing: 'text-amber-600', success: 'text-green-600' };
+        return map[icon] || 'text-slate-500';
+    },
+}));
+
+// Afia — Ladill in-app AI assistant (slide-over chat). Opened via the topbar AI button
+// which dispatches a window 'afia-open' event. Greeting/suggestions are passed from Blade.
+Alpine.data('afia', (config = {}) => ({
+    open: false,
+    input: '',
+    loading: false,
+    messages: [
+        { role: 'assistant', text: config.greeting || "Hi, I'm Afia 👋 How can I help?" },
+    ],
+    suggestions: config.suggestions || [],
+    init() {
+        window.addEventListener('afia-open', () => {
+            this.open = true;
+            this.$nextTick(() => this.$refs.input && this.$refs.input.focus());
+        });
+    },
+    close() { this.open = false; },
+    useSuggestion(s) { this.input = s; this.send(); },
+    scrollDown() {
+        this.$nextTick(() => { const el = this.$refs.scroll; if (el) el.scrollTop = el.scrollHeight; });
+    },
+    async send() {
+        const text = this.input.trim();
+        if (!text || this.loading) return;
+        const history = this.messages.map((m) => ({ role: m.role, text: m.text }));
+        this.messages.push({ role: 'user', text });
+        this.input = '';
+        this.loading = true;
+        this.scrollDown();
+        try {
+            const res = await fetch(config.chatUrl, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': config.csrf, 'Accept': 'application/json' },
+                body: JSON.stringify({ message: text, history }),
+            });
+            const data = await res.json();
+            this.messages.push({ role: 'assistant', text: data.reply || data.message || 'Sorry, I could not respond.' });
+        } catch (e) {
+            this.messages.push({ role: 'assistant', text: 'Network error — please try again.' });
+        }
+        this.loading = false;
+        this.scrollDown();
+    },
+}));
+
+Alpine.data('topbarSearch', (config = {}) => ({
+    query: '',
+    results: [],
+    open: false,
+    loading: false,
+    active: 0,
+    _abort: null,
+    searchUrl: config.searchUrl || '/search',
+
+    onFocus() {
+        if (this.results.length > 0 || this.query.trim().length >= 2) this.open = true;
+    },
+
+    async search() {
+        const q = this.query.trim();
+        if (q.length < 2) { this.results = []; this.open = false; return; }
+
+        this.loading = true;
+        this.open = true;
+        this.active = 0;
+
+        if (this._abort) this._abort.abort();
+        this._abort = new AbortController();
+
+        try {
+            const res = await fetch(`${this.searchUrl}?q=${encodeURIComponent(q)}`, {
+                signal: this._abort.signal,
+                headers: { Accept: 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
+            });
+            const data = await res.json();
+            this.results = data.results || [];
+        } catch (e) {
+            if (e.name !== 'AbortError') this.results = [];
+        } finally {
+            this.loading = false;
+        }
+    },
+
+    moveDown() { if (this.active < this.results.length - 1) this.active++; },
+    moveUp() { if (this.active > 0) this.active--; },
+    go() {
+        if (this.results[this.active]) window.location.href = this.results[this.active].url;
+    },
+}));
+
+window.Alpine = Alpine;
+Alpine.start();