<?php
session_start();
?>

<!DOCTYPE html>
<html lang="pt-br">
	<head>
		<title>Central de Atendimento</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<link href="css/plugins/pace/pace.css" rel="stylesheet">
		<link href="css/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href='css/fonts/google/fonte.css' rel="stylesheet" type="text/css">
		<link href="css/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">
		<link href="css/widget.css" rel="stylesheet">
	</head>
	<body>
		<div id="wrapper">
<nav class="navbar-top" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle pull-right" data-toggle="collapse" data-target=".sidebar-collapse">
						<i class="fa fa-bars"></i> Menu
					</button>
					<div class="navbar-brand">					
						<a href="index">
							<img src="img/adapter_bco.svg"   style="width: 70%;">
						</a>
					</div>
				</div>
				<div class="nav-top">
					<!--<ul class="nav navbar-left">
						<li class="tooltip-sidebar-toggle">
							<a href="#" id="sidebar-toggle" data-toggle="tooltip" data-placement="right" title="Ocultar Barra Lateral">	
								<i class="fa fa-bars"></i>
							</a>	
						</li>
					</ul> -->
					<ul class="nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">		
								<i class="fa fa-user"></i>&nbsp&nbsp<?php echo $_SESSION['usuarioNome']; ?>&nbsp&nbsp<i class="fa fa-caret-down"></i>
							</a>		
							<ul class="dropdown-menu dropdown-user">
								<li>
									<a href="">
										<i class="fa fa-user"></i> Dados Pessoais
									</a>
								</li>
								<li>
									<a href="#" data-toggle="modal" data-target="#AlterarSenha">
										<i class="fa fa-gear"></i> Configurações
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a class="logout_open" href="logoff.php">
										<i class="fa fa-sign-out"></i> Sair
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</nav>
		
	
			<div id="page-wrapper">
				<div class="page-content">
					<div class="row">
						<div class="col-lg-12">
							<div class="page-title">
								<ol class="breadcrumb">
									<li class="active">
										<i class="fa fa-home"></i> Home
									</li>
								</ol>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-12">
							<div class="row">
								<div class="col-lg-2 col-sm-6">
									<div class="circle-tile">
										<a href="#">
											<div class="circle-tile-heading blue">
												<i class="fa fa-tasks fa-fw fa-3x"></i>
											</div>
										</a>
										<div class="circle-tile-content blue">
											<div class="circle-tile-description text-faded">
												THREADS IREPORT
											</div>
											<div id="THREADS" class="circle-tile-number text-faded">
												0%
												<span id="sparklineB"></span>
											</div>
											<a href="Funcoes.php?Function=73" class="circle-tile-footer">Mais Informações <i class="fa fa-chevron-circle-right"></i></a>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-sm-6">
									<div class="circle-tile">
										<a href="#">
											<div class="circle-tile-heading purple">
												<i class="fa fa-info-circle fa-fw fa-3x"></i>
											</div>
										</a>
										<div class="circle-tile-content purple">
											<div class="circle-tile-description text-faded">
												REL. PENDENTES
											</div>
											<div id="RELATORIOS_PENDENTES" class="circle-tile-number text-faded">
												0
											</div>
											<a href="Funcoes.php?Function=73" class="circle-tile-footer">Mais Informações <i class="fa fa-chevron-circle-right"></i></a>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-sm-6">
									<div class="circle-tile">
										<a href="#">
											<div class="circle-tile-heading dark-blue">
												<i class="fa fa-users fa-fw fa-3x"></i>
											</div>
										</a>
										<div class="circle-tile-content dark-blue">
											<div class="circle-tile-description text-faded">
												USUÁRIOS
											</div>
											<div id="USUATIOS" class="circle-tile-number text-faded">
												0
											</div>
											<a href="Funcoes.php?Function=62" class="circle-tile-footer">Mais Informações <i class="fa fa-chevron-circle-right"></i></a>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-sm-6">
									<div class="circle-tile">
										<a href="#">
											<div class="circle-tile-heading green">
												<i class="fa fa-comments fa-3x"></i>
											</div>
										</a>
										<div class="circle-tile-content green">
											<div class="text-faded">
												TOTAL DE ATEND.
											</div>
											<div id="ATENDIMENTOS" class="circle-tile-number text-faded">
												0
											</div>
											<a href="Funcoes.php?Function=5&OP=1" class="circle-tile-footer">Mais Informações <i class="fa fa-chevron-circle-right"></i></a>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-sm-6">
									<div class="circle-tile">
										<a href="#">
											<div class="circle-tile-heading orange">
												<i class="fa fa-comments fa-3x"></i>
											</div>
										</a>
										<div class="circle-tile-content orange">
											<div class="circle-tile-description text-faded">
												ATEND. PEND. SETOR
											</div>
											<div id="ATEND_PENDENTES_SETOR" class="circle-tile-number text-faded">
												0
											</div>
											<a href="Funcoes.php?Function=5&OP=11" class="circle-tile-footer">Mais Informações <i class="fa fa-chevron-circle-right"></i></a>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-sm-6">
									<div class="circle-tile">
										<a href="#">
											<div class="circle-tile-heading red">
												<i class="fa fa-comments fa-3x"></i>
											</div>
										</a>
										<div class="circle-tile-content red">
											<div class="circle-tile-description text-faded">
												ATEND. VINCULADOS
											</div>
											<div id="ATENDIMENTOS_VINCULADOS" class="circle-tile-number text-faded">
												0
											</div>
											<a href="Funcoes.php?Function=5&OP=12" class="circle-tile-footer">Mais Informações <i class="fa fa-chevron-circle-right"></i></a>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-md-6">
								<div class="panel panel-primary">
									<div class="panel-heading" style="background-color: rgb(32, 86, 97);">
										<div class="row">
											<div class="col-xs-3">
												<i class="fa fa-tags fa-5x"></i>
											</div>
											<div class="col-xs-9 text-right">
												<div class="huge">01</div>
												<div>Novo Atend.: </div>
											</div>
										</div>
									</div>
									<a href="Funcoes.php?Function=3&OP=1">
										<div class="panel-footer" style="color: rgb(32, 86, 97)">
											<span class="pull-left">Ver Detalhes</span>
											<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
											<div class="clearfix"></div>
										</div>
									</a>
								</div>
							</div>
							<div class="col-lg-3 col-md-6">
								<div class="panel panel-primary">
									<div class="panel-heading" style="background-color: rgb(84, 29, 81);">
										<div class="row">
											<div class="col-xs-3">
												<i class="fa fa-life-ring fa-5x"></i>
											</div>
											<div class="col-xs-9 text-right">
												<div class="huge">02</div>
												<div>Atend. Pendentes: </div>
											</div>
										</div>
									</div>
									<a href="Funcoes.php?Function=5&OP=13">
										<div class="panel-footer" style="color: rgb(84, 29, 81)">
											<span class="pull-left">Ver Detalhes</span>
											<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
											<div class="clearfix"></div>
										</div>
									</a>
								</div>
							</div>
							<div class="col-lg-3 col-md-6">
								<div class="panel panel-primary">
									<div class="panel-heading" style="background-color: rgb(33,162,187);">
										<div class="row">
											<div class="col-xs-3">
												<i class="fa fa-list-alt fa-5x"></i>
											</div>
											<div class="col-xs-9 text-right">
												<div class="huge">03</div>
												<div>Atend Concluídos: </div>
											</div>
										</div>
									</div>
									<a href="Funcoes.php?Function=5&OP=14">
										<div class="panel-footer" style="color: rgb(33,162,187)">
											<span class="pull-left">Ver Detalhes</span>
											<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
											<div class="clearfix"></div>
										</div>
									</a>
								</div>
							</div>
							<div class="col-lg-3 col-md-6">
								<div class="panel panel-primary">
									<div class="panel-heading" style="background-color: rgb(75, 195, 94);">
										<div class="row">
											<div class="col-xs-3">
												<i class="fa fa-graduation-cap fa-5x"></i>
											</div>
											<div class="col-xs-9 text-right">
												<div class="huge">04</div>
												<div>Notas Por Etapa: </div>
											</div>
										</div>
									</div>
									<a href="Funcoes.php?Function=34">
										<div class="panel-footer" style="color: rgb(75, 195, 94)">
											<span class="pull-left">Ver Detalhes</span>
											<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
											<div class="clearfix"></div>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery/jquery-1.8.1.js"></script>
		<script src="js/bootstrap/bootstrap.min.js"></script>
		<script src="js/slimscroll/jquery.slimscroll.min.js"></script>
		<script src="js/hisrc/hisrc.js"></script>
		<script src="js/datatables/jquery.dataTables.js"></script>
		<script src="js/datatables/datatables-bs3.js"></script>
		<script src="js/jquery/jquery.Layout.js"></script>
		<script src="js/jquery/jquery.controler.datatable.js"></script>
	</body>
</html>