var imID = window.location.pathname.substr(window.location.pathname.indexOf('/',1)+4);

$('.chat-form').submit(function(e){
  e.preventDefault();
  var input = $(this).find('.dialog__input');
  var message = input.val();
  sendMSG(message,'operator',input);
});

function sendMSG(message,user,input){
	$.ajax({
	    type: 'POST',
	    url: '/api/v1.0/dialog/add',
	    headers: {
	    	'_id': imID,
	    	'message': message
	     },
	    success: function(data){
	    	newMSG(message,user);
	    	input.val('');
	    },
	    error: function(data){
			setTimeout(sendMSG,3000);
	    }
	});
}

var mute = false;
$('.mute').click(function(e){
    e.preventDefault();
    mute = mute? false : true;
    $(this).text(mute? 'unmute' : 'mute');
});
$('.clear').click(function(e){
    e.preventDefault();
    $('.chat-view__msg').remove();
});
function newMSG(msg,name,classes,time){
    var chatView = $('.chat-view');
    if(!time) time = (new Date()).toLocaleTimeString();
    if(!classes) classes = '';
    else classes = ' '+classes;
    $('.dialog__form').before('<div class="dialog__msg'+classes+'"><div class="dialog__name">'+name+'</div><div class="dialog__time">'+time+'</div><div class="dialog__text">'+msg+'</div></div>');
    chatView.scrollTop(chatView.scrollHeight);
}

(function getMSG(){
    $.ajax({
        type: 'POST',
        url: '/api/v1.0/dialog/get',
        headers: { '_id': imID },
        dataType: "json",
        success: function(data){
            for(var i = 0; i < data.length; i++){
                newMSG(data[i]['message'],data[i]['user'],'',data[i]['time']);
            }
            getMSG();
        },
        error: function(data){
        	setTimeout(getMSG,3000);
        }
    });
})();