<?php
	require_once("../../config/conexion.php");
	if(isset($_SESSION["usu_id"])){
?>
<!DOCTYPE html>
<html lang="es">
<head>
	<title>Home | Cadip</title>
    <?php require_once("../Html/Head.php")?>
</head>
<body>

	<div id="page-loader" class="fade show"><span class="spinner"></span></div>

	<div id="page-container" class="page-container fade page-sidebar-fixed page-header-fixed">

        <?php require_once("../Html/Header.php")?>

        <?php require_once("../Html/Sidebar.php")?>

		<div id="content" class="content">

			<h1 class="page-header">Dashboard <small>Resumen General del Sistema</small></h1>

		<div class="row">

					<!-- Total Usuarios -->
					<div class="col-xl-3 col-md-6">
						<div class="widget widget-stats bg-indigo">
							<div class="stats-icon stats-icon-lg"><i class="fa fa-users fa-fw"></i></div>
							<div class="stats-content">
								<div class="stats-title">Total Fichas</div>
								<div class="stats-number" id="lbl_usuarios">0</div>
								<div class="stats-desc">Fichas vigentes en sistema</div>
							</div>
						</div>
					</div>

					<div class="col-xl-3 col-md-6">
						<div class="widget widget-stats bg-success">
							<div class="stats-icon stats-icon-lg"><i class="fa fa-users fa-fw"></i></div>
							<div class="stats-content">
								<div class="stats-title">Colaboradores</div>
								<div class="stats-number" id="lbl_total_equipos">0</div>
								<div class="stats-desc">Colaboradores registrados en sistema</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-md-6">
						<div class="widget widget-stats bg-warning">
							<div class="stats-icon stats-icon-lg"><i class="fa fa-users fa-fw"></i></div>
							<div class="stats-content">
								<div class="stats-title">Total Alumnos</div>
								<div class="stats-number" id="lbl_count_total_alumnos">0</div>
								<div class="stats-desc">Alumnos vigentes en sistema</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-md-6">
                    	<div class="widget widget-stats bg-warning"> <!-- color amarillo -->
                    		<div class="stats-icon stats-icon-lg"><i class="fa fa-dollar-sign fa-fw"></i></div> <!-- ícono $ -->
                    		<div class="stats-content">
                    			<div class="stats-title">Valorización</div>
                    			<div class="stats-number">
                    				<span id="lbl_total_alumnos_valor_mes">0</span>
                    			</div>
                    			<div class="stats-desc">Valorización mes Jardin</div>
                    		</div>
                    	</div>
                    </div>
					<div class="col-xl-3 col-md-6">
						<div class="widget widget-stats bg-lime">
							<div class="stats-icon stats-icon-lg"><i class="fa fa-users fa-fw"></i></div>
							<div class="stats-content">
								<div class="stats-title">Total Pacientes</div>
								<div class="stats-number" id="lbl_count_total_pacientes">0</div>
								<div class="stats-desc">Pacientes vigentes en sistema</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-md-6">
                    	<div class="widget widget-stats bg-lime"> <!-- color amarillo -->
                    		<div class="stats-icon stats-icon-lg"><i class="fa fa-dollar-sign fa-fw"></i></div> <!-- ícono $ -->
                    		<div class="stats-content">
                    			<div class="stats-title">Valorización</div>
                    			<div class="stats-number">
                    				<span id="lbl_equipos_asignados">0</span>
                    			</div>
                    			<div class="stats-desc">Valorización mes Terapias</div>
                    		</div>
                    	</div>
                    </div>
                    <div class="col-xl-3 col-md-6">
                        <div class="widget widget-stats bg-lime"> 
                          <div class="stats-icon stats-icon-lg"><i class="fa fa-dollar-sign fa-fw"></i></div>
                          <div class="stats-content" style="display: flex; justify-content: space-between;">
                        
                            <div style="flex: 1; padding-right: 10px;">
                              <div class="stats-title" style="text-align: left;">Sesiones mes</div>
                              <div class="stats-number" style="font-weight: bold; text-align: left;">
                                <span id="lbl_sessiones_total">0</span>
                              </div>
                            </div>
                        
                            <div style="flex: 1; padding-left: 10px;">
                              <div class="stats-title" style="text-align: right;">Sesiones Pagadas</div>
                              <div class="stats-number" style="font-weight: bold; text-align: right;">
                                <span id="lbl_sessiones_pagas">0</span>
                              </div>
                            </div>
                        
                          </div>
                        
                          <div class="stats-desc" style="clear: both;">Sesiones del mes pagadas</div>
                        </div>

                    </div>
                    <div class="col-xl-3 col-md-6">
                    	<div class="widget widget-stats bg-lime"> <!-- color amarillo -->
                    		<div class="stats-icon stats-icon-lg"><i class="fa fa-dollar-sign fa-fw"></i></div> <!-- ícono $ -->
                    		<div class="stats-content">
                    			<div class="stats-title">Valorización</div>
                    			<div class="stats-number">
                    				<span id="lbl_sessiones_pagas_s">0</span>
                    			</div>
                    			<div class="stats-desc">Valorización Sesiones pagadas del mes</div>
                    		</div>
                    	</div>
                    </div>
				</div>


		</div>

		<a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>

	</div>

    <?php require_once("../Html/Js.php")?>
	<script type="text/javascript" src="home.js"></script>

</body>
</html>
<?php
	}else{
		header("Location:".Conectar::ruta()."index.php");
	}
?>