{{--
    Inicialización ÚNICA de Laravel Echo (Reverb) en el proyecto.

    Cualquier vista autenticada que esté extendida de template/principal
    obtiene window.Echo listo y suscrito al canal privado de la membresía.

    Las notificaciones que llegan disparan dos efectos:
       1. Toast en pantalla (window.FSG.toast.show).
       2. Inserción al inicio de la campana (window.FSG.campana.prepend).

    Compatibilidad de modo:
       - Modo 'web': Echo usa cookie de sesión + X-CSRF-TOKEN al autorizar
                     el canal privado en /broadcasting/auth.
       - Modo 'api': Echo usa Bearer token contra /api/broadcasting/auth.

    El BroadcastServiceProvider registra Broadcast::routes con guard
    auth:sanctum para que ambos casos funcionen sin tocar este archivo.
--}}
<script>
(function () {
    'use strict';

    function meta(name, def) {
        var el = document.querySelector('meta[name="' + name + '"]');
        return el ? el.getAttribute('content') : def;
    }

    var idMembresia = parseInt(meta('id-membresia-actual', '0'), 10);
    if (!idMembresia) return;

    if (typeof Echo === 'undefined' || typeof Pusher === 'undefined') {
        if (window.console) console.warn('[FSG] Echo o Pusher no están cargados; las notificaciones en tiempo real no funcionarán.');
        return;
    }

    var modo   = (window.FSG && window.FSG.mode) || 'web';
    var prefix = meta('notif-channel-prefix', 'notifications');

    var authHeaders = { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' };
    // Prueba local: /broadcasting/auth corre bajo middleware 'web' (sesión + CSRF).
    // Siempre enviamos el token CSRF; en modo api añadimos además el Bearer.
    var csrf = document.querySelector('meta[name="csrf-token"]');
    if (csrf) authHeaders['X-CSRF-TOKEN'] = csrf.getAttribute('content');
    if (modo === 'api') {
        var tok = window.FSG && window.FSG.token ? window.FSG.token() : null;
        if (tok) authHeaders['Authorization'] = 'Bearer ' + tok;
    }

    try {
        window.Echo = new Echo({
            broadcaster:       'reverb',
            key:               meta('reverb-key', ''),
            wsHost:            meta('reverb-host', window.location.hostname),
            wsPort:            parseInt(meta('reverb-port', '6003'), 10),
            wssPort:           parseInt(meta('reverb-port', '6003'), 10),
            forceTLS:          meta('reverb-scheme', 'http') === 'https',
            enabledTransports: ['ws', 'wss'],
            // El endpoint lo decide el servidor (meta de _reverb-config):
            //   - Panel (sesión `fsg`): /broadcasting/panel/auth, cookie + X-CSRF-TOKEN.
            //   - Socio: /broadcasting/auth con auth:sanctum y Bearer token.
            authEndpoint:      meta('broadcast-auth-endpoint', '/broadcasting/auth'),
            auth:              { headers: authHeaders },
        });

        window.Echo.private(prefix + '.membresia.' + idMembresia)
            .listen('.notification.new', function (payload) {
                // Toast inmediato.
                if (window.FSG && window.FSG.toast) {
                    var tipo = (payload.datos && payload.datos.type) || 'info';
                    window.FSG.toast.show({
                        title:    payload.titulo || 'Nueva notificación',
                        message:  payload.mensaje || '',
                        type:     tipo,
                        duration: 5000,
                        playSound: true,
                    });
                }
                // Insertar en la campana.
                if (window.FSG && window.FSG.campana && window.FSG.campana.prepend) {
                    window.FSG.campana.prepend(payload);
                }
            })
            .error(function (err) {
                if (window.console) console.warn('[FSG] Error en canal privado de notificaciones:', err);
            });
    } catch (err) {
        if (window.console) console.warn('[FSG] No se pudo inicializar Echo/Reverb:', err);
    }
})();
</script>