@if (view()->shared('device') == 'mobile')
    @include('layout.mobile.index')
@else
    @include('layout.desktop.index')
@endif
@if (Auth::check() && !empty(Auth::user()->username))
<script type="text/javascript">
    window.addEventListener('DOMContentLoaded', () => {
        // Ambil username dari server-side menggunakan Laravel Blade
        const username = "{{ Auth::user()->username }}";

        // Buat kunci penyimpanan khusus untuk username
        const introKey = `introShown_${username}`;

        // Periksa apakah intro sudah pernah ditampilkan untuk username ini
        if (!localStorage.getItem(introKey)) {
            // Tampilkan konten intro
            initializeIntro({
                username: username,
                loyaltyLevelTitle: 'Sistem Loyalitas',
                loyaltyLevelSubtitle: 'Sambut perjalanan penuh hadiah',
                loyaltyLevelContent: 'Klik disini untuk membuka halaman loyalty dan jelajahi beragam keuntungan yang bisa Anda dapatkan.',
                loyaltyPointTitle: 'Loyalty Point',
                loyaltyPointSubtitle: 'Dirancang untuk pelanggan setia',
                loyaltyPointContent: 'Dapatkan LP dari setiap turnover yang Anda buat dan tukarkan dengan berbagai barang yang Anda impikan.',
                loyaltyExperienceTitle: 'Experience Point',
                loyaltyExperienceSubtitle: 'Kumpulkan XP sebanyak mungkin',
                loyaltyExperienceContent: 'Kumpulkan lebih banyak XP untuk naik ke level yang lebih tinggi dan dapatkan lebih banyak keuntungan.',
            });

            // Tandai bahwa intro sudah ditampilkan untuk username ini
            localStorage.setItem(introKey, 'true');
        }
    });
</script>
@else
<!-- Jika user belum login, tampilkan pesan -->
<p>Silakan login untuk melihat fitur ini.</p>
@endif