document.addEventListener('DOMContentLoaded', function () {
    const logNowButton = document.getElementById('logNowBtn');
    if (logNowButton) {
        logNowButton.addEventListener('click', function (e) {
            e.preventDefault();
            const toastContainer = document.getElementById('toast-container');
            const toastHTML = `
                <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
                    <div class="toast-header">
                        <strong class="me-auto">App Demo</strong>
                        <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                    </div>
                    <div class="toast-body">
                        This is a demo. Full functionality coming soon!
                    </div>
                </div>
            `;
            toastContainer.innerHTML = toastHTML;

            const toastElement = toastContainer.querySelector('.toast');
            const toast = new bootstrap.Toast(toastElement);
            toast.show();
        });
    }
});