$(document).ready(function (e){
    
    window.pusher = new Pusher('e20a83259236a3205d70', {
        cluster: 'us2',
        encrypted: true,
        authEndpoint: '/pusher/auth',
        auth: {
            headers: {
                'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
            }
        }
    });
    
    /// se conecta a pusher 
    window['chat-channel'] = window['pusher'].subscribe('chat-channel');
    window['chat-channel'].bind('pusher:subscription_succeeded', function () {
        
        var id = localStorage.getItem("chatIndex");
        
        window['chat-channel'].bind('chat-user-' +id , function (data) {
            console.log(data);
            
            if(data.rol !=1){
                $('#chatContent').append('<div class="direct-chat-msg"><div class="direct-chat-info clearfix"><span class="direct-chat-name pull-left" id="chat">'+data.data.name+'</span></div><img class="direct-chat-img" src="/img/user.png" alt="message user image"><div class="direct-chat-text ">'+data.data.message.message+'</div><div class="direct-chat-info clearfix"><span class="direct-chat-timestamp pull-left">'+data.data.time+'</span></div> </div>');
                $("#text").val("");
                $('#chatContent').scroll();
                $("#chatContent").animate({
                    scrollTop: 1000
                }, 1000);
            }
        });   
    });
    
});