@vite(["resources/js/bootstrap.js"]);

<script>
    window.ReverbConfig = {
        host: "{{ config('reverb.servers.reverb.hostname') }}",
        port: "{{ config('reverb.servers.reverb.port') }}",
        key: "{{ config('reverb.apps.apps.0.key') }}"
    };
</script>

<script>
    //############### 2P WEBSOCKET #######################

    //checar se as filas do usuário pertencem ao canal de WebChat
    $.ajax({
        headers:{
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: "GET",
        url: '/webchat/checkAtendenteTemWebChat/'+$('#id_atendent').val()
    })
    .success(function(response){
        if(response.status == true)
        {
            start_websocket_connection();
        }
    })

    const id_company = {{Auth::user()->cliente_id}}

    let socket = null; // variável global para armazenar a conexão

    function start_websocket_connection() {
        if (socket && socket.readyState === WebSocket.OPEN) {
            console.log('WebSocket já está conectado.');
            return;
        }

        if (socket && socket.readyState === WebSocket.CONNECTING) {
            console.log('WebSocket está conectando...');
            return;
        }

        setTimeout(() => {
            const channelName = `App.User.${id_company}`;
            const socketUrl   =`${location.protocol === 'https:' ? 'wss' : 'ws'}://` +
                                     `${window.ReverbConfig.host}:` +
                                     `${window.ReverbConfig.port}/app/` +
                                     `${window.ReverbConfig.key}` +
                                     `?protocol=7&client=js&version=8.4.0&flash=false`;


            socket = new WebSocket(socketUrl);

            socket.onopen = function () {
                console.log('WebSocket conectado!');

                const subscribeData = {
                    event: "pusher:subscribe",
                    data: {
                        channel: channelName
                    }
                };

                socket.send(JSON.stringify(subscribeData));
            };

            socket.onmessage = function (event) {
                const data = JSON.parse(event.data);

                if (data.event === 'message.sent') {
                    showMessages(data.data);
                } else {
                    console.log('Evento recebido:', data);
                }
            };

            socket.onerror = function (error) {
                console.error('Erro no WebSocket:', error);
            };

            socket.onclose = function () {
                console.warn('WebSocket foi fechado.');
                socket = null; // resetar para permitir nova conexão no futuro
                start_websocket_connection()
            };
        }, 2000);
    }

    // limpar localstorages antigos
    $(document).ready(function(){
        let mensagem_fechou_cliente = localStorage.getItem('mensagem_fechou_cliente');
        if(!mensagem_fechou_cliente) return;
        mensagem_fechou_cliente = JSON.parse(mensagem_fechou_cliente);

        let now = getDate(2); // resgatar data atual
        now = new Date(now);

        for(let i= (mensagem_fechou_cliente.length -1);i >= 0; i--)
        {
            if(isEmpty(mensagem_fechou_cliente[i]['time'])) continue;

            let diff =  now - new Date(mensagem_fechou_cliente[i]['time']); // resgatar diferença em millisegundos
            let seconds = (diff/1000) % 60 // converter para segundos
            let minutes = (diff/1000) / 60 // converter para minutos

            if(minutes >= 60) mensagem_fechou_cliente.splice(i,1);
        }

        localStorage.setItem('mensagem_fechou_cliente', JSON.stringify(mensagem_fechou_cliente));
    });
    //############# FIM WEBSOCKET ######################
</script>