@extends('backViews.master.layout')

@section('site_title', 'Dashboard - Admin Panel')

@section('content')
    <div class="mb-6">
        @livewire('admin.setup-progress')
    </div>
    @livewire('admin.analytics-dashboard')
@endsection

@push('scripts')
<script>
    @if(session('themes_blocked'))
        Swal.fire({
            icon: 'warning',
            title: 'Themes Access Restricted',
            html: 'You need to add at least <strong>2 brand</strong> and <strong>4 coupon</strong> before accessing themes.<br><br>Current: <strong>{{ session("themes_blocked")["brands"] }}/2 brands</strong>, <strong>{{ session("themes_blocked")["coupons"] }}/4 coupons</strong>',
            confirmButtonText: 'Got it',
            confirmButtonColor: '#9333ea',
            customClass: {
                popup: 'rounded-lg',
                confirmButton: 'rounded-lg px-6 py-2.5'
            }
        });
    @endif

    // Listen for setup completion
    document.addEventListener('livewire:init', () => {
        Livewire.on('setup-completed', () => {
            Swal.fire({
                icon: 'success',
                title: 'Setup Complete!',
                html: 'Congratulations! Your site is now ready.<br><br>You have successfully added <strong>1 brand</strong> and <strong>1 coupon</strong>.<br><br>Your site is now accessible to visitors!',
                confirmButtonText: 'View Site',
                confirmButtonColor: '#9333ea',
                showCancelButton: true,
                cancelButtonText: 'Stay Here',
                customClass: {
                    popup: 'rounded-lg',
                    confirmButton: 'rounded-lg px-6 py-2.5',
                    cancelButton: 'rounded-lg px-6 py-2.5'
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    window.open('/', '_blank');
                }
            });
        });
    });
</script>
@endpush