@php
    $chatConnection = config('broadcasting.default');
    $chatCfg = config("broadcasting.connections.{$chatConnection}", []);
@endphp
<script src="https://unpkg.com/pusher-js@8.4.0/dist/web/pusher.min.js"></script>
<script>
    (function () {
        window.__chatBroadcastConfig = {
            connection: @json($chatConnection),
            key: @json($chatCfg['key'] ?? null),
            options: @json($chatCfg['options'] ?? []),
        };

        window.initClinicChat = function (channelName, onMessage) {
            var cfg = window.__chatBroadcastConfig;
            if (typeof Pusher === 'undefined' || !cfg.key) {
                return null;
            }

            var csrfToken = document.querySelector('meta[name="csrf-token"]');
            var authOptions = {
                authEndpoint: '/broadcasting/auth',
                auth: { headers: { 'X-CSRF-TOKEN': csrfToken ? csrfToken.content : '' } },
            };

            var pusherOptions = cfg.connection === 'pusher'
                ? Object.assign({ cluster: cfg.options.cluster, forceTLS: true }, authOptions)
                : Object.assign({
                    wsHost: cfg.options.host,
                    wsPort: cfg.options.port,
                    wssPort: cfg.options.port,
                    forceTLS: !!cfg.options.useTLS,
                    enabledTransports: cfg.options.useTLS ? ['wss'] : ['ws'],
                }, authOptions);

            var pusher = new Pusher(cfg.key, pusherOptions);
            var channel = pusher.subscribe('private-' + channelName);
            channel.bind('NewClinicChatMessage', onMessage);

            return pusher;
        };
    })();
</script>