@if( $account && $account->accounts_status && $account->accounts_fcm_apiKey )

   <!-- The core Firebase JS SDK is always required and must be listed first -->
        <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-app.js"></script>

    <!-- Add Firebase products that you want to use -->
    {{-- <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-auth.js"></script> --}}

    {{-- <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-database.js"></script> --}}

    <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-messaging.js"></script>
    <script>
        // Your web app's Firebase configuration
        var firebaseConfig = {
            apiKey: "{{$account->accounts_fcm_apiKey ? $account->accounts_fcm_apiKey : ''}}",
            authDomain:  "{{$account->accounts_fcm_authDomain ? $account->accounts_fcm_authDomain : ''}}",
            databaseURL:  "{{$account->accounts_fcm_databaseURL ? $account->accounts_fcm_databaseURL : ''}}",
            projectId:  "{{$account->accounts_fcm_projectId ? $account->accounts_fcm_projectId :''}}",
            storageBucket: "{{$account->accounts_fcm_storageBucket ? $account->accounts_fcm_storageBucket : ''}}",
            messagingSenderId:  "{{$account->accounts_fcm_messagingSenderId ? $account->accounts_fcm_messagingSenderId : ''}}",
            appId:  "{{$account->accounts_fcm_appId ? $account->accounts_fcm_appId : ''}}"
        };
        // Initialize Firebase
        firebase.initializeApp(firebaseConfig);

        Notification.requestPermission();

        function askNotificationPermission() {
            // function to actually ask the permissions
            function handlePermission(permission) {
            // Whatever the user answers, we make sure Chrome stores the information
            if(!('permission' in Notification)) {
                Notification.permission = permission;
            }
            // console.log(Notification.permission);
            // set the button to shown or hidden, depending on what the user answers
            if(Notification.permission === 'denied' || Notification.permission === 'default') {
            //   notificationBtn.style.display = 'block';
            } else {
            //   notificationBtn.style.display = 'none';
            }
            }

            // Let's check if the browser supports notifications
            if (!('Notification' in window)) {
            // console.log("This browser does not support notifications.");
            } else {
            if(checkNotificationPromise()) {
                Notification.requestPermission()
                .then((permission) => {
                handlePermission(permission);
                })
            } else {
                Notification.requestPermission(function(permission) {
                handlePermission(permission);
                });
            }
            }
        }

        function checkNotificationPromise() {
            try {
                Notification.requestPermission().then();
            } catch(e) {
                return false;
            }

            return true;
        }

        askNotificationPermission()
        if (firebase.messaging.isSupported()){
            const messaging = firebase.messaging();
            messaging
            .requestPermission()
            .then(function () {

                // console.log("Notification permission granted.");
                // get the token in the form of promise
                return messaging.getToken()
            })
            .then(function(token) {
                    // console.log("token is : " + token);
                if(token){
                    device_token = document.querySelector('#device_token')
                    if(device_token != undefined){
                        device_token.value = token ;
                    }
                    // $.ajax({
                    //     url: "