@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <center>
                <button id="btn-nft-enable" onclick="initFirebaseMessagingRegistration()" class="btn btn-danger btn-xs btn-flat">Allow for Notification</button>
            </center>
            <div class="card">

                <div class="card-body">
                    {{-- @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif --}}

                    {{-- <form action="{{ route('send.notification') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label>Title</label>
                            <input type="text" class="form-control" name="title">
                        </div>
                        <div class="form-group">
                            <label>Body</label>
                            <textarea class="form-control" name="body"></textarea>
                          </div>
                        <button type="submit" class="btn btn-primary">Send Notification</button>
                    </form> --}}

                </div>
            </div>
        </div>
    </div>
</div>

@endsection


{{-- <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script> --}}
<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase-messaging.js"></script>
{{-- <script src="https://www.gstatic.com/firebasejs/9.0.1/firebase-app.js"></script> --}}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
    var firebaseConfig = {
        apiKey: "AIzaSyCLIJycAc8VyQdVamLawv3kC8fq5Hu1t0k",
        authDomain: "push-notification-67dfb.firebaseapp.com",
        databaseURL: "https://push-notification-67dfb-default-rtdb.firebaseio.com",
        projectId: "push-notification-67dfb",
        storageBucket: "push-notification-67dfb.appspot.com",
        messagingSenderId: "834772752204",
        appId: "1:834772752204:web:44781714a87f65c1e621e9",
        measurementId: "G-SHH2ST4VWG"
    };
    console.log('firebaseConfig', firebaseConfig);
    firebase.initializeApp(firebaseConfig);
    console.log('firebase', firebase);
    const messaging = firebase.messaging();

    function initFirebaseMessagingRegistration() {

            messaging
            .requestPermission()
            .then(function () {
                return messaging.getToken()
            })
            .then(function(token) {
                console.log(token);
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: '/api/v1/fcm/saveFCMToken',
                    type: 'POST',
                    data: {
                        token: token
                    },
                    dataType: 'JSON',
                    success: function (response) {
                        alert('Token saved successfully.');
                    },
                    error: function (err) {
                        console.log('User Chat Token Error'+ err);
                    },
                });
            }).catch(function (err) {
                console.log('User Chat Token Error'+ err);
            });
     }
    messaging.onMessage(function(payload) {
        const noteTitle = payload.notification.title;
        const noteOptions = {
            body: payload.notification.body,
            icon: payload.notification.icon,
        };
        new Notification(noteTitle, noteOptions);
    });
</script>