var me = {};
me.avatar = "https://lh6.googleusercontent.com/-lr2nyjhhjXw/AAAAAAAAAAI/AAAAAAAARmE/MdtfUmC0M4s/photo.jpg?sz=48";
var url = site_url+"client/"; 
var you = {};
you.avatar = "https://a11.t26.net/taringa/avatares/9/1/2/F/7/8/Demon_King1/48x48_5C5.jpg";
 var chatHeartbeatTime=2000;
function formatAMPM(date) {
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var ampm = hours >= 12 ? 'PM' : 'AM';
    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    minutes = minutes < 10 ? '0'+minutes : minutes;
    var strTime = hours + ':' + minutes + ' ' + ampm;
    return strTime;
}            

//-- No use time. It is a javaScript effect.
function insertChat(who, text,to  ,time = 0){

    var who = who ;
    var control = "";
    var date = formatAMPM(new Date());
    var myFormData = new FormData();
    myFormData.append('document', $('#chatFile').prop('files')[0]);
    myFormData.append('message', text );
    myFormData.append('to', to );
    myFormData.append('buyer_documents_id', $("#buyer_documents_id").val()); 
    myFormData.append('type',"file");

    $.ajax({
        url : url+"chat/sendChat",
        data:myFormData ,
          type: "POST",
          async: false,
          cache: false,
          contentType: false,
          processData: false,
          success: function(data) 
          { 
           
                if (who == "me"){
        
                control = '<li style="width:100%">' +
                                '<div class="msj macro">' +
                                //'<div class="chat_avatar"><img class="img-circle" style="width:100%;" src="'+ me.avatar +'" /></div>' +
                                    '<div class="text text-l">' +
                                        '<p>'+ data +'</p>' +
                                        '<p><small>'+date+'</small></p>' +
                                    '</div>' +
                                '</div>' +
                            '</li>';                    
            }else{
                control = '<li style="width:100%;">' +
                                '<div class="msj-rta macro">' +
                                    '<div class="text text-l">' +
                                        '<p>'+data+'</p>' +
                                        '<p><small>'+date+'</small></p>' +
                                    '</div>' +
                                //'<div class="chat_avatar" style="padding:0px 0px 0px 10px !important"><img class="img-circle" style="width:100%;" src="'+you.avatar+'" /></div>' +                                
                          '</li>';
            }
            setTimeout(
            function(){                        
                     $(".chat_countion").append(control);

            }, time);
        },
          dataType:"json",
     });
     
    
    
}

function resetChat(){
    $("ul").empty();
}

$(".mytext").on("keyup", function(e){
    if (e.which == 13){
        var text = $(this).val();
        //alert(text);
        if (text !== "" || $("#chatFile").val() !== "" ){
            to=$('.active_chat').attr('cln-id');
            insertChat("me", text,to);              
            $(this).val('');
            $("#chatFile").val('');
            $("#chatFileSpan").html('');
        }
    }
});

$("#chatFile").on("change", function(e){
    $("#divChatFileName").css("display", "block");
    $("#chatFileSpan").html( e.target.files[0].name );


});

$("#chatFileRemove").on("click", function(e){

    $("#divChatFileName").css("display", "none");
    $("#chatFile").val('');
    $("#chatFileSpan").html('');

});

$(".myfile1").on("change", function(e){
    //alert();
    
    var myFormData = new FormData();
    myFormData.append('file', $(this).prop('files')[0]);
    myFormData.append('to', $('.active_chat').attr('cln-id'));
    myFormData.append('type',"file");

    $.ajax({
        url : url+"sendChat",
        data:myFormData ,
          type: "POST",
          async: false,
          cache: false,
          contentType: false,
          processData: false,
          success: function(data) { 
            
        },
        dataType:"json",
     });
});

function chatHeartbeat()
{
    url1=url+"chat/chatHeartbeat";
    to=$('.active_chat').attr('cln-id');
    $.ajax({
        type: 'post',
        url: url1,
        data:"to="+to+"&buyer_documents_id="+$("#buyer_documents_id").val(),
        dataType: "json",
        success: function(data) { 
            if(data.length)
            {
                control="";
                for(i=0;i<data.length;i++)
                {
                    if(data[i]['to']==to)
                    {
                          control += '<li style="width:100%">' +
                                '<div class="msj macro">' +
                                //'<div class="chat_avatar"><img class="img-circle" style="width:100%;" src="'+ me.avatar +'" /></div>' +
                                    '<div class="text text-l">' +
                                        '<p>'+ data[i]["message"] +'</p>' +
                                        '<p><small>'+data[i]["sentDMY"]+'</small></p>' +
                                    '</div>' +
                                '</div>' +
                            '</li>';   
                    }
                    else
                    {
                        control += '<li style="width:100%;">' +
                        '<div class="msj-rta macro">' +
                            '<div class="text text-l">' +
                                '<p>'+data[i]["message"]+'</p>' +
                                '<p><small>'+data[i]["sentDMY"]+'</small></p>' +
                            '</div>' +
                        //'<div class="chat_avatar" style="padding:0px 0px 0px 10px !important"><img class="img-circle" style="width:100%;" src="'+you.avatar+'" /></div>' +                                
                        '</li>'; 
                    } 
                }
                 $(".chat_countion").append(control);
            }
        }
    });
                    setTimeout('chatHeartbeat();',chatHeartbeatTime);

}
function startchat()
{
    $('.frame').hide();

    url1=url+"chat/startchat";
    to=$('.active_chat').attr('cln-id');
    $.ajax({
        type: 'post',
        url: url1,
        data:"to="+to+"&buyer_documents_id="+$("#buyer_documents_id").val(),
        dataType: "json",
        success: function(data) {
        $('.frame').show(); 
            if(data.length)
            {
                control="";
                for(i=0;i<data.length;i++)
                {
                    if(data[i]['to']==to)
                    {
                          control += '<li style="width:100%">' +
                                '<div class="msj macro">' +
                                //'<div class="chat_avatar"></div>' +
                                    '<div class="text text-l">' +
                                        '<p>'+ data[i]["message"] +'</p>' +
                                        '<p><small>'+data[i]["sentDMY"]+'</small></p>' +
                                    '</div>' +
                                '</div>' +
                            '</li>';   
                    }
                    else
                    {
                        control += '<li style="width:100%;">' +
                        '<div class="msj-rta macro">' +
                            '<div class="text text-l">' +
                                '<p>'+data[i]["message"]+'</p>' +
                                '<p><small>'+data[i]["sentDMY"]+'</small></p>' +
                            '</div>' +
                        //'<div class="chat_avatar" style="padding:0px 0px 0px 10px !important"><img class="img-circle" style="width:100%;" src="'+you.avatar+'" /></div>' +                                
                        '</li>'; 
                    }
                
                }
                 $(".chat_countion").html(control);
                 $('#chat_countion').animate({scrollTop: $("#chat_countion li").last().offset().top},'slow');
            }
        }
    });
                    setTimeout('chatHeartbeat();',chatHeartbeatTime);

}
startchat();


//-- Clear Chat
//resetChat();

//-- Print Messages
/*insertChat("me", "Hello Tom...", 0);  
insertChat("you", "Hi, Pablo", 1500);
insertChat("me", "What would you like to talk about today?", 3500);
insertChat("you", "Tell me a joke",7000);
insertChat("me", "Spaceman: Computer! Computer! Do we bring battery?!", 9500);
insertChat("you", "LOL", 12000);
insertChat("you", "LOL1", 12400);
insertChat("you", "LOL", 12700);*/


//-- NOTE: No use time on insertChat.;