{{-- <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script> --}}
{{-- script --}}
<script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>


<script src="{{ asset('js/feather.min.js') }}"></script>

<script src="{{ asset('js/jquery.slimscroll.min.js') }}"></script>

<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/dataTables.bootstrap4.min.js') }}"></script>

<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>

<script src="{{ asset('plugins/apexchart/apexcharts.min.js') }}"></script>
<script src="{{ asset('plugins/apexchart/chart-data.j') }}s"></script>

<script src="{{ asset('plugins/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('plugins/select2/js/custom-select.js') }}"></script>

<script src="{{ asset('js/moment.min.js') }}"></script>
<script src="{{ asset('js/bootstrap-datetimepicker.min.js') }}"></script>

<script src="{{ asset('plugins/sweetalert/sweetalert2.all.min.js') }}"></script>
<script src="{{ asset('plugins/sweetalert/sweetalerts.min.js') }}"></script>


<script src="{{ asset('js/script.js') }}"></script>

<script src="https://js.pusher.com/7.0/pusher.min.js"></script>
{{-- <script src="https://js.pusher.com/beams/1.0/push-notifications-cdn.js"></script> --}}

<script>
    Pusher.logToConsole = true;

    var pusher = new Pusher("{{ env('PUSHER_APP_KEY') }}", {
        cluster: "{{ env('PUSHER_APP_CLUSTER') }}"
    });

    var channel = pusher.subscribe('App.Models.User.{{ auth()->id() }}');
    channel.bind('Illuminate\\Notifications\\Events\\BroadcastNotificationCreated', function(data) {
        let message = data.message;

        // Tampilkan di UI Admin
        let notifContainer = document.getElementById("notif-container");
        let newNotif = document.createElement("div");
        newNotif.innerHTML = `<p>${message}</p>`;
        notifContainer.prepend(newNotif);

        // Mainkan suara notifikasi
        document.getElementById("notifSound").play();
    });
</script>
@stack('scripts')
</body>

</html>