<?
require "proteger.php";
require_once "../contador_func.php";

extract(recupera($_GET));

$data1 = !empty($data1) ? $data1 : data(newDate($hoje, "- 7 days"));
$data2 = !empty($data2) ? $data2 : data($hoje);

$mes_inicio = date("Y-m")."-01";
$mes_fim = date("Y-m-t");

$contador = getContador(invertedata($data1), invertedata($data2));
$referencias = getReferencias();
$online = getOnline();

$totais = getDados("SELECT SUM(count) visitas, SUM(pageview) pageviews FROM contador");
$totais_mes = getDados("SELECT SUM(count) visitas, SUM(pageview) pageviews FROM contador WHERE data >= '$mes_inicio' && data <= '$mes_fim'");

$datasets = $labels = array();
foreach($contador as $i => $v){
	$labels[] = data($v['data']);
	$datasets['count'][] = (int) $v['count'];
	$datasets['pageview'][] = (int) $v['pageview'];
}

$datasets['out'][] = array(
	"label" => "Visitas",
	"data" => $datasets['count'],
	"backgroundColor" => "#F60"
);

$datasets['out'][] = array(
	"label" => "Pageviews",
	"data" => $datasets['pageview'],
	"backgroundColor" => "#F90"
);

$grafic_labels = json_encode($labels);
$grafic_datasets = json_encode($datasets['out']);
?>
<fieldset>
	<legend>
    	Contador de visitas
    <? if(libera($contador, "exclui")){ ?>
        <div class="pull-right">
        	<a href="#" class="btn btn-sm btn-danger" id="bt-zero"><i class="fa fa-trash"></i> Zerar contador</a>
        </div>
    <? } ?>
    </legend>
	<div class="content">
		<div class="row">
			<div class="col-md-6">
				<div class="cover">
					<div class="table">
						<div class="item text-center no-hover">
							<div class="tb50">
								<p class="muted">Quantidade de visitas em <?= strtoupper(retorna_mes(date("m"))) ?></p>
								<h3><?= $totais_mes['visitas'] ?></h3>
							</div>
							<div class="tb50">
								<p class="muted">Quantidade de pageviews em <?= strtoupper(retorna_mes(date("m"))) ?></p>
								<h3><?= $totais_mes['pageviews'] ?></h3>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="cover">
					<div class="table">
						<div class="item text-center no-hover">
							<div class="tb50">
								<p class="muted">Quantidade total de visitas</p>
								<h3><?= $totais['visitas'] ?></h3>
							</div>
							<div class="tb50">
								<p class="muted">Quantidade total de pageviews</p>
								<h3><?= $totais['pageviews'] ?></h3>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="search">
			<form action="" method="get">
				<input type="hidden" name="meio" value="contador">
				<div class="row">
					<div class="col-md-2">
						<label><strong>Período</strong> <span>Inicial</span></label>
						<input type="text" name="data1" class="form-control data" id="from" value="<?= $data1 ?>">
					</div>
					<div class="col-md-2">
						<label><strong>Período</strong> <span>Final</span></label>
						<input type="text" name="data2" class="form-control data" id="to" value="<?= $data2 ?>">
					</div>
					<div class="col-md-2">
						<br>
						<button type="submit" class="btn btn-block btn-dark"><i class="fa fa-search"></i> Filtrar</button>
					</div>
				</div>
			</form>
		</div>
		<div class="row">
			<div class="col-md-12">
				<canvas id="contador" width="500" height="100"></canvas>
			</div>
		</div>
		<div class="row divider">
			<div class="col-md-12">
				<div class="cover">
					<ul class="table">
						<li class="item header no-hover text-center">
							<div class="tb33">
								<p>Data</p>
							</div>
							<div class="tb33">
								<p>Visitas</p>
							</div>
							<div class="tb33">
								<p>Pageviews</p>
							</div>
						</li>
					<?
					$vst = $pgv = 0;
					foreach($contador as $i => $v){
						$vst += $v['count'];
						$pgv += $v['pageview'];
					?>
						<li class="item text-center">
							<div class="tb33">
								<p><?= data($v['data']) ?></p>
							</div>
							<div class="tb33">
								<p><?= $v['count'] ?></p>
							</div>
							<div class="tb33">
								<p><?= $v['pageview'] ?></p>
							</div>
						</li>
					<? } ?>
						<li class="item bottom no-hover text-center">
							<div class="tb33 no-class"></div>
							<div class="tb33">
								<h5><?= $vst ?></h5>
							</div>
							<div class="tb33">
								<h5><?= $pgv ?></h5>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<h4 class="block mb-3"><span>Referências de acesso geral (<?= count($referencias) ?>)</span></h4>
		<div class="cover">
			<ul class="table">
				<li class="item header no-hover text-center">
					<div class="tb80">
						<p>Referência</p>
					</div>
					<div class="tb20">
						<p>Reincidência</p>
					</div>
				</li>
			<? foreach($referencias as $i => $v){ ?>
				<li class="item">
					<div class="tb80">
						<p><a href="<?= $v['referencia'] ?>" target="_blank"><i class="fa fa-external-link fa-fw"></i> <?= $v['referencia'] ?></a></p>
					</div>
					<div class="tb20 text-center">
						<p><?= $v['rTotal'] ?></p>
					</div>
				</li>
			<? } ?>
			</ul>
		</div>
		<h4 class="block mb-3"><span>Usuários online (<?= count($online) ?>)</span></h4>
		<? if(count($online) >= 1){ ?>
		<div class="cover">
			<ul class="table">
				<li class="item header no-hover text-center">
					<div class="tb80">
						<p>IP</p>
					</div>
					<div class="tb20">
						<p>Última ação</p>
					</div>
				</li>
			<?
			foreach($online as $i => $v){
				$hostname = @gethostbyaddr($v['ip']);
			?>
				<li class="item">
					<div class="tb80">
						<p><?= $v['ip'].separa($hostname, " - (", ")") ?></p>
					</div>
					<div class="tb20 text-center">
						<?= date("H:i:s", $v['time']) ?>
					</div>
				</li>
			<? } ?>
			</ul>
		</div>
		<? } ?>
	</div>
</fieldset>
<script src="<?= PLUGINS ?>charts/Chart.min.js"></script>
<script>
var ctx = document.getElementById("contador");
var myChart = new Chart(ctx, {
    type: 'bar',
	data: {
        labels: <?= $grafic_labels ?>,
        datasets: <?= trim($grafic_datasets) ?>
    },
    options: {
		responsive: true,
		hoverMode: 'label',
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    }
});
<? if($libera){ ?>
$(function(){
	$('#bt-zero').click(function(e){
		e.preventDefault();
		if(confirm('Confirma apagar o contador?\n\nEsta ação não poderá ser desfeita!')){
			$.post('contador_func.php', {funcao:'<?= md5("zerar_contador") ?>'}, function(d){
				$('#response').html(d);
			});
		}
	});
});
<? } ?>
</script>