@auth
@can('chat.index')
@php
    $sysSettings = getSettings();
    $firebaseSettings = $sysSettings['firebase'] ?? [];
    $adminId = (string) getAdminId();
@endphp

@pushonce('scripts', 'firebase-app-script')
<script src="{{ asset('js/firebase/firebase-app-compat.js') }}"></script>
@endpushonce
@pushonce('scripts', 'firebase-firestore-script')
<script src="{{ asset('js/firebase/firebase-firestore-compat.js') }}"></script>
@endpushonce

@push('scripts')

<script>
(function($) {
    "use strict";

    // Initialize Firebase if not initialized
    if (typeof firebase !== 'undefined' && !firebase.apps.length) {
        const firebaseConfig = {
            apiKey: "{{ $firebaseSettings['firebase_api_key'] ?? env('FIREBASE_API_KEY') }}",
            authDomain: "{{ $firebaseSettings['firebase_auth_domain'] ?? env('FIREBASE_AUTH_DOMAIN') }}",
            projectId: "{{ $firebaseSettings['firebase_project_id'] ?? env('FIREBASE_PROJECT_ID') }}",
            databaseURL: "{{ $firebaseSettings['firebase_database_url'] ?? env('FIREBASE_DATABASE_URL') }}",
            storageBucket: "{{ $firebaseSettings['firebase_storage_bucket'] ?? env('FIREBASE_STORAGE_BUCKET') }}",
            messagingSenderId: "{{ $firebaseSettings['firebase_messaging_sender_id'] ?? env('FIREBASE_MESSAGING_SENDER_ID') }}",
            appId: "{{ $firebaseSettings['firebase_app_id'] ?? env('FIREBASE_APP_ID') }}",
            measurementId: "{{ $firebaseSettings['firebase_measurement_id'] ?? env('FIREBASE_MEASUREMENT_ID') }}"
        };
        firebase.initializeApp(firebaseConfig);
    }

    if (typeof firebase === 'undefined' || !firebase.apps.length) return;

    const db = firebase.firestore();
    const adminId = "{{ $adminId }}";
    let isInitialLoad = true;

    // Request Notification permission when user interacts with page
    if ("Notification" in window && Notification.permission === "default") {
        $(document).one('click keydown', function() {
            Notification.requestPermission();
        });
    }

    // Real-time listener for admin chat documents
    db.collection('chats')
        .where('participants', 'array-contains', adminId)
        .onSnapshot(function(snapshot) {
            let totalUnread = 0;
            let chatsList = [];

            snapshot.forEach(function(doc) {
                const data = doc.data();
                const unread = (data.unreadCount && data.unreadCount[adminId]) ? parseInt(data.unreadCount[adminId]) : 0;
                totalUnread += unread;

                if (data.lastMessage) {
                    chatsList.push({
                        chatId: doc.id,
                        lastMessage: data.lastMessage,
                        unread: unread
                    });
                }
            });

            // Update badge count
            const $badge = $('#chat-notification-count');
            if (totalUnread > 0) {
                $badge.text(totalUnread).show();
            } else {
                $badge.hide();
            }

            // Detect new incoming messages and trigger Web Browser Notification
            snapshot.docChanges().forEach(function(change) {
                if (change.type === 'added' || change.type === 'modified') {
                    const data = change.doc.data();
                    const lastMsg = data.lastMessage;

                    if (lastMsg && String(lastMsg.senderId) !== adminId && !isInitialLoad) {
                        const senderName = lastMsg.senderName || "Driver / Rider";
                        const messageText = lastMsg.message || "Sent an attachment/image";

                        // Trigger Web Browser Desktop Notification
                        if ("Notification" in window && Notification.permission === "granted") {
                            try {
                                const notification = new Notification("New Message from " + senderName, {
                                    body: messageText,
                                    icon: "{{ asset('images/logo.png') }}",
                                    tag: "chat-msg-" + change.doc.id
                                });

                                notification.onclick = function() {
                                    window.focus();
                                    window.location.href = "{{ route('admin.chat.index') }}";
                                };
                            } catch (e) {
                                console.error("Notification trigger error:", e);
                            }
                        }

                        // Play subtle notification sound if available
                        try {
                            const audio = new Audio("{{ asset('sounds/notification.mp3') }}");
                            audio.play().catch(function() {});
                        } catch(e) {}
                    }
                }
            });

            isInitialLoad = false;
        }, function(error) {
            console.error("Firebase global chat listener error:", error);
        });

})(jQuery);
</script>
@endpush
@endcan
@endauth