<?php if ( ! defined('ABSPATH')) exit; ?>

</div>	
	</div> 	
</div>
<!-- Right Chat-->
<nav id="pegarvalorcht" class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right side-chat">
	<div class="header">
            <h3>Chat</h3>             
            <button style="float:right; margin-top: -23px; " type="button" class="btn btn-primary  btn-xs" ><i class="fa fa-cogs"></i></button>
            
    <?php $this->isonline($_SESSION['userdata']['user_id']); ?>
  </div>
  <div class="sub-header" href="#">
    <div class="icon"><i class="fa fa-user"></i></div> <p>Usuários</p>
  </div>
  <div class="content">
    <p class="title">Usuarios</p>
    <ul class="nav nav-pills nav-stacked contacts">
        <?php foreach ($this->userschat() as $user_chat): 
            $numero = $this->contarconversas($_SESSION['userdata']['user_id'],$user_chat['user_id']);
            ?>
        <?php
        if($_SESSION['userdata']['user_id'] != $user_chat['user_id']){
        $inicio = $user_chat['is_online'];$fim = date('Y-m-d H:i:s');$inicio = DateTime::createFromFormat('Y-m-d H:i:s', $inicio);
        $fim = DateTime::createFromFormat('Y-m-d H:i:s', $fim);
        $intervalo = $inicio->diff($fim);
        $minutos = $intervalo->format('%I');$horas = $intervalo->format('%H');$dias = $intervalo->format('%D');$meses = $intervalo->format('%M');$anos = $intervalo->format('%Y');?>
        <?php if($minutos < 5 && $horas < 1  && $dias < 1  && $meses < 1 &&  $anos < 1){ ?>        
        
        <li class="online">
            <a href="javascript:void(0)" onclick="javascript:chatWith('<?=$user_chat['user_id']?>')">
                <i class="fa fa-circle-o"></i> 
                <?=$user_chat['user_name']?>
                
                <?php if($numero > 0){ ?>
                <span class="badge badge-warning badge_<?=$user_chat['user_id']?>" style=" float: right;"><?php  $this->contarconversas($_SESSION['userdata']['user_id'],$user_chat['user_id']); ?> </span>
                <?php } else {?> <span class="badge badge-warning badge_<?=$user_chat['user_id']?>" style=" float: right;"></span> <?php } ?>
            </a>
        </li>
        <?php }
        else if($minutos > 5 && $minutos < 10 && $horas < 1  && $dias < 1  && $meses < 1 &&  $anos < 1){ ?>
        <li class="busy">
            <a href="javascript:void(0)" onclick="javascript:chatWith('<?=$user_chat['user_id']?>')">
                <i class="fa fa-circle-o"></i> 
                <?=$user_chat['user_name']?>
                <?php if($numero > 0){ ?>
                <span class="badge badge-warning badge_<?=$user_chat['user_id']?>" style=" float: right;"><?php  $this->contarconversas($_SESSION['userdata']['user_id'],$user_chat['user_id']); ?></span>
                <?php } else {?> <span class="badge badge-warning badge_<?=$user_chat['user_id']?>" style=" float: right;"></span> <?php } ?>
            </a>
        </li>
       <?php } elseif($minutos > 10 && $minutos < 20 && $horas < 1  && $dias < 1  && $meses < 1 &&  $anos < 1){?>
        <li class="outside">
            <a href="javascript:void(0)" onclick="javascript:chatWith('<?=$user_chat['user_id']?>')">
                <i class="fa fa-circle-o"></i> 
                <?=$user_chat['user_name']?>
                <?php if($numero > 0){ ?>
                <span class="badge badge-warning badge_<?=$user_chat['user_id']?>" style=" float: right;"><?php  $this->contarconversas($_SESSION['userdata']['user_id'],$user_chat['user_id']); ?></span>
                <?php } else {?> <span class="badge badge-warning badge_<?=$user_chat['user_id']?>" style=" float: right;"></span> <?php } ?>
            </a>
        </li>
       <?php } else{ ?>
        <li>
            <a href="javascript:void(0)" onclick="javascript:chatWith('<?=$user_chat['user_id']?>')">
               <i class="fa fa-circle-o"></i> 
               <?=$user_chat['user_name']?> 
               <?php if($this->contarconversas($_SESSION['userdata']['user_id'],$user_chat['user_id']) > 0){ ?>
               <span class="badge badge-warning badge_<?=$user_chat['user_id']?>" style=" float: right;"><?php  $this->contarconversas($_SESSION['userdata']['user_id'],$user_chat['user_id']); ?></span>
               <?php } else {?> <span class="badge badge-warning badge_<?=$user_chat['user_id']?>" style=" float: right;"></span> <?php } ?>
            </a> 
        </li>
        <?php } }endforeach; ?>
    </ul>    
  </div>
  <div id="chat-box">
    <div class="header headerc">
      <span></span>      
      
      <a class="relatorio" href="" style=" display: inline; margin-left: 10px;" > <i class="fa fa-file"></i></a>
      <a class="close closexat" onclick="closee()"><i class="fa fa-times"></i></a>
    </div>
      <div class="messages " style=" overflow-y: auto; overflow-x: hidden;">
          
      <div class="content">          
        <ul class="conversation chatconver" id="conversa"></ul>
      </div>
    </div>
    <div class="chat-input">
      <div class="input-group textareaconversa">
        <input type="text" class="form-control" placeholder="Enter a message...">
        <span class="input-group-btn">
        <button type="button" class="btn btn-primary">Enviar</button>
        </span>
      </div>
    </div>
  </div>
</nav>


<script>
  
  
   
  
</script>




	<script src="<?php echo HOME_URI;?>views/_js/jquery.cookie/jquery.cookie.js"></script>
  <script src="<?php echo HOME_URI;?>views/_js/jquery.pushmenu/js/jPushMenu.js"></script>
	<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.nanoscroller/jquery.nanoscroller.js"></script>
	<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.sparkline/jquery.sparkline.min.js"></script>
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.ui/jquery-ui.js" ></script>
	<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.gritter/js/jquery.gritter.js"></script>
	<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/behaviour/core.js"></script>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
  <script src="<?php echo HOME_URI;?>views/_js/bootstrap/dist/js/bootstrap.min.js"></script>
  
  <script src="<?php echo HOME_URI;?>views/_js/jquery.mCustomScrollbar.concat.min.js"></script>
	
	<script>
		(function($){
			$(window).load(function(){				
				$(".messages").mCustomScrollbar({
					theme:"minimal"
				});				
			});
		})(jQuery);
	</script>

        
        
<!--CHAT -->        
<script type="text/javascript">
$(function(){  
	$("#chatData").focus(); 
  $('<audio id="chatAudio"><source src="<?php echo HOME_URI;?>views/_files/notify.ogg" type="audio/ogg"><source src="<?php echo HOME_URI;?>views/_files/notify.mp3" type="audio/mpeg"><source src="<?php echo HOME_URI;?>views/_files/notify.wav" type="audio/wav"></audio>').appendTo('body');
  
});
</script>
<script type="text/javascript">
function text_to_link(text)
{
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
return text.replace(exp,"<a style='color:#000;text-decoration:none;color:#000000;background-color:; padding:0px; text-decoration:none;' href='$1' target='_blank'>$1</a>");
}
</script>



<script>
var windowFocus = true;
var username;
var chatHeartbeatCount = 0;
var minChatHeartbeat = 1000;
var maxChatHeartbeat = 33000;
var chatHeartbeatTime = minChatHeartbeat;
var originalTitle;
var blinkOrder = 0;

var chatboxFocus = new Array();
var newMessages = new Array();
var newMessagesWin = new Array();
var chatBoxes = new Array();

$(document).ready(function(){
	originalTitle = document.title;
	setTimeout('chatHeartbeat();',chatHeartbeatTime);

	$([window, document]).blur(function(){
		windowFocus = false;
	}).focus(function(){
		windowFocus = true;
		document.title = originalTitle;
	});
});

function chatWith(chatuser) {

        $('#conversa_'+chatuser).html(''); //limpa a conversa antiga
        $('.badge_'+chatuser).html(''); //remove o contador na lateral do usuario do chat                
        $('.chatconver').attr('id','conversa_'+chatuser);  //identa o box       
        $('.closexat').attr('id',chatuser);  //identa o close
        $('.textareaconversa').html('<input type="text" placeholder="Enter a message..." class="form-control chatboxtextarea text_'+chatuser+'" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+chatuser+'\');"> <span class="input-group-btn"><button type="button" class="btn btn-primary" onclick="enviatexto(\''+chatuser+'\')">Enviar</button></span>');        
        mee = "<?=$_SESSION['userdata']['user_id'] ?>";        
        $("#conversa_"+chatuser).html('<br><br><center><img src="<?php echo HOME_URI;?>views/_images/loader.gif"></center>');
        $.post("<?php echo HOME_URI;?>/chat/pegarvalor/", { me:mee,you: chatuser} , function(data){	
                $("#conversa_"+chatuser).html(data);                                
                $('.messages').mCustomScrollbar("scrollTo","bottom",{timeout:100});
        });
        
        $.post("<?php echo HOME_URI;?>/chat/atualizachat/", { me:mee,you: chatuser} , function(data){
            $('.messages').mCustomScrollbar("scrollTo","bottom",{timeout:100});
            $(".messages").mCustomScrollbar("scrollTo","bottom");
        });
        $('.relatorio').attr('href','<?php echo HOME_URI?>/chat/log/'+chatuser);
        
        //$('.headerc').html(' <button style="float:right; margin-right: 50px;  " type="button" class="btn btn-primary  btn-xs" onclick="alle()"><i class="fa fa-file"></i></button> ');
}


function closee() {
    var chatuser = $('.closexat').attr('id');
    $('#conversa_'+chatuser).html('');
}
//faz as consultas
function chatHeartbeat(){
    /**
     * @param {type} user
     * @returns {Boolean}
     * 
     * Aqui é como se fosse o coração do sistema onde ele vai fazer verificações
     * para inserir alguns alerts e verificações.
     */    
    //chat
         $.post("<?php echo HOME_URI;?>/login/verificalock/", {to:''} , function(data){
            if(data == "lock"){
                location.href="<?php echo HOME_URI;?>/login/lock/";
                return false;
            } 
            
        });
	var itemsfound = 0;	
	if (windowFocus == false) {
		var blinkNumber = 0;
		var titleChanged = 0;
		for (x in newMessagesWin) { //alert('');
			if (newMessagesWin[x] == true) {
				++blinkNumber;
				if (blinkNumber >= blinkOrder) {
					document.title = x+' says...';
					titleChanged = 1;
					break;	
				}
			}
		}		
		if (titleChanged == 0) {
			document.title = originalTitle;
			blinkOrder = 0;
		} else {
			++blinkOrder;
		}            
	} else {
            
		for (x in newMessagesWin) {
			newMessagesWin[x] = false;
		}
	}

	for (x in newMessages) {
		if (newMessages[x] == true) {
			if (chatboxFocus[x] == false) {
				//FIXME: add toggle all or none policy, otherwise it looks funny
				$('#chatbox_'+x+' .chatboxhead').toggleClass('chatboxblink');
			}
		}
	}
	
	$.ajax({
	  url: "<?php echo HOME_URI;?>/chat/chatHeartbeat/",
	  cache: false,
	  dataType: "json",
	  success: function(data) {

		$.each(data.items, function(i,item){
			if (item){ // fix strange ie bug

				chatboxtitle = item.f;
			
                                if (item.s == null) {
				//	alert('nulo');
                                        
				}                                
				if (item.s == 1) {
					item.f = username;                                 
				}
				if (item.s == 2) {
                                        var linkdata =text_to_link(item.m);
					$("#chatbox_"+chatboxtitle+" .chatboxcontent").append('<div class="chatboxmessage"><span class="chatboxinfo">'+item.m+'</span></div>');
                                        $("#conversa_"+chatboxtitle).append('<li class="odd"><p>'+linkdata+'</p></li>');                                        
                                        $('.messages').mCustomScrollbar("scrollTo","bottom",{timeout:50});                                        
                                        $('#chatAudio')[0].play();        
                                                                   
				} else {
                                    var linkdata =text_to_link(item.m);
					newMessages[chatboxtitle] = true;
					newMessagesWin[chatboxtitle] = true;
                                        $("#conversa_"+chatboxtitle).append('<li class="odd"><p>'+linkdata+'</p></li>');                                        
                                        $('.messages').mCustomScrollbar("scrollTo","bottom",{timeout:50});
                                        $('#chatAudio')[0].play(); 

                                        
				}				
			}
		});
                
		chatHeartbeatCount++;
		if (itemsfound > 0) {
			chatHeartbeatTime = minChatHeartbeat;
			chatHeartbeatCount = 1;
		} else if (chatHeartbeatCount >= 10) {
			chatHeartbeatTime *= 2;
			chatHeartbeatCount = 1;
			if (chatHeartbeatTime > maxChatHeartbeat) {
				chatHeartbeatTime = maxChatHeartbeat;
			}
		}		                
	}
        });
       
        
        
        $.post("<?php echo HOME_URI;?>/chat/verificar/", {to:''} , function(data){
            if(data == 0){ $('#chat_alerta').html('');}else{
                $('#chat_alerta').html('<span class="bubble">'+data+'</span>');
                $.ajax({
                    url: "<?php echo HOME_URI;?>/chat/verificarr/",
                    cache: false,
                    dataType: "json",
                    success: function(data) {
                    $.each(data.items, function(i,item){                         
                        if(item){                            
                            $('.badge_'+item.f).html(item.s);                            
                        }                            
                    });                 		                
                    }
                });                                 
            }
        });
         
        
       setTimeout('chatHeartbeat();',chatHeartbeatTime);
}
//enviar
function enviatexto(user){       
		message = $('.text_'+user).val();
                $('.text_'+user).val('');
		$('.text_'+user).focus();
		if (message != '') {
			$.post("<?php echo HOME_URI;?>/chat/enviarmsg/", {to: user, message: message} , function(data){
                                var linka =text_to_link(message);
                                $("#conversa_"+user).append('<li class="text-right"><p>'+linka+'</p></li>');
                                $('.messages').mCustomScrollbar("scrollTo","bottom",{timeout:100});
			});
		}
		chatHeartbeatTime = minChatHeartbeat;
		chatHeartbeatCount = 1;
		return false;
}
function checkChatBoxInputKey(event,chatboxtextarea,chatboxtitle) {
	if(event.keyCode == 13 && event.shiftKey == 0)  {
		message = $(chatboxtextarea).val();
		$(chatboxtextarea).val('');
		$(chatboxtextarea).focus();
		
		if (message != '') {
                        $.post("<?php echo HOME_URI;?>/chat/enviarmsg/", {to: chatboxtitle, message: message} , function(data){	
                                var linka =text_to_link(message);
                                $("#conversa_"+chatboxtitle).append('<li class="text-right"><p>'+linka+'</p></li>');
                                $('.messages').mCustomScrollbar("scrollTo","bottom",{timeout:100});
			});
		}
		chatHeartbeatTime = minChatHeartbeat;
		chatHeartbeatCount = 1;
		return false;
	}

	
}

/**
 * Cookie plugin
 *
 * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */
jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};
</script>