@if (!empty($page_init['pdpa']) && !empty($page_init['pdpa']['status']) && $page_init['pdpa']['status'] == 1)
    <div id="privacy-policy-popup" class="privacy-popup-overlay">
        <div class="privacy-popup-content">
            <div class="privacy-popup-header">
                <h3>{{ $page_init['pdpa']['local']['name'] ?? ($page_init['pdpa']['name'] ?? '') }}</h3>
                <button type="" id="privacy-close-btn"><i class="icon-x"></i> </button>
            </div>
            <div class="privacy-popup-body">
                {!! $page_init['pdpa']['local']['desc'] ?? ($page_init['pdpa']['desc'] ?? '') !!}
            </div>
            <div class="privacy-popup-footer">
                <a href="{{ $page_init['pdpa']['url'] ?? '#' }}" class="btn btn-outline" id="privacy-detail-btn">
                    <span>{{ __('frontend::text.btn.view_full_policy') }}</span>
                </a>
                <button class="btn" id="privacy-accept-btn">
                    <span>{{ __('frontend::text.btn.accept') }}</span>
                </button>
            </div>
        </div>
    </div>

    <script>
        // Privacy Policy Popup Functionality
        document.addEventListener('DOMContentLoaded', function() {
            const popup = document.getElementById('privacy-policy-popup');
            const acceptBtn = document.getElementById('privacy-accept-btn');
            const closeBtn = document.getElementById('privacy-close-btn');
            const detailBtn = document.getElementById('privacy-detail-btn');

            // Check if user has accepted the privacy policy
            const hasAcceptedPrivacy = localStorage.getItem('privacyPolicyAccepted');

            // Show popup if user hasn't accepted yet
            if (!hasAcceptedPrivacy) {
                // return;
                // Show popup after 1 second
                setTimeout(() => {
                    popup.style.display = 'flex';
                    document.body.style.overflow = 'hidden'; // Prevent scrolling
                }, 1000);
            }

            // Accept button functionality
            acceptBtn.addEventListener('click', function() {
                const policyId = {{ $page_init['pdpa']['id'] ?? 0 }};
                const token = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') ?? '';
                const lang = document.querySelector('meta[name="lang"]')?.getAttribute('content') ?? '{{ app()->getLocale() }}';

                const payload = new URLSearchParams();
                payload.append('status', policyId);

                fetch('{{ route('api.pdpa.save') }}', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded',
                            'X-Requested-With': 'XMLHttpRequest',
                            'X-CSRF-TOKEN': token,
                            'Accept-Language': lang,
                            'Accept': 'application/json'
                        },
                        body: payload.toString(),
                    })
                    .then(response => response.json())
                    .then(() => {
                        popup.style.display = 'none';
                        document.body.style.overflow = 'auto';
                        localStorage.setItem('privacyPolicyAccepted', 'true');
                    })
                    .catch((error) => {
                        console.error('Failed to save PDPA acceptance', error);
                    });
            });

            // Close button functionality (close but don't save acceptance)
            closeBtn.addEventListener('click', function() {
                popup.style.display = 'none';
                document.body.style.overflow = 'auto';
                // Not saving to localStorage - popup will show again on next page load
            });

            // Close popup when clicking outside (close but don't save acceptance)
            popup.addEventListener('click', function(e) {
                if (e.target === popup) {
                    popup.style.display = 'none';
                    document.body.style.overflow = 'auto';
                }
            });

            // For development/testing: Uncomment the line below to reset popup state
            // localStorage.removeItem('privacyPolicyAccepted');
        });
    </script>
@endif