document.addEventListener('DOMContentLoaded', () => { if (window.Livewire && typeof window.Livewire.dispatch === 'function') { setTimeout(() => { Livewire.dispatch('getEmail'); }, 2000); document.addEventListener('closeModal', () => { document.querySelectorAll('dialog[data-modal]').forEach(dialog => { if (typeof dialog.close === 'function') { dialog.close(); console.log(`Closed dialog with data-modal="${dialog.getAttribute('data-modal')}"`); } }); }); } else { console.warn('Livewire is not loaded yet.'); } }); function showToast({ type = 'success', message = '' }) { const container = document.getElementById('toast-container'); const colors = { success: { icon: 'text-green-500 bg-green-100 dark:bg-green-800 dark:text-green-200', svg: ``, }, error: { icon: 'text-red-500 bg-red-100 dark:bg-red-800 dark:text-red-200', svg: ``, } }; const toast = document.createElement('div'); toast.className = `flex items-center w-full max-w-xs p-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800`; toast.setAttribute('role', 'alert'); toast.innerHTML = `
${colors[type].svg}
${message}
`; container.appendChild(toast); setTimeout(() => { toast.remove(); }, 4000); } function handleDispatches(dispatches) { dispatches.forEach(dispatch => { if (dispatch.name === "showAlert") { const params = dispatch.params[0]; showToast(params); } }); } window.addEventListener("showAlert", (event) => { const detail = event.detail[0]; showToast(detail); });