<?php
	session_start();
	//VALIDACION DE SESION
	if($_SESSION['id_user_admin'] == ""){
		header('Location: log.php' );
	}
	include("models/connect.php");
	include("models/functions.php");
	include("models/arrays.php");

	$pagina = $_GET["pg"];
	
	//PAGINA VACIA
	if($pagina == ""){
		$pagina = "home";
	}

?>


<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Administrador ACROSS T2D</title>
    
    <link rel="stylesheet" href="css/bootstrap.css" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.js" crossorigin="anonymous"></script>
    <script src="js/bootstrap.js" crossorigin="anonymous"></script>
    <script src="js/papaparse.js"></script>

</head>

<body>

	<noscript>
    <div class="alert alert-success" role="alert">
        Para utilizar las funcionalidades completas de este sitio es necesario tener
        JavaScript habilitado. Aquí están las <a href="https://www.enable-javascript.com/es/">
        instrucciones para habilitar JavaScript en tu navegador web</a>.
    </div>
	</noscript>



	<?php include("views/layouts/modal.php"); ?>

		
	<div class="container-fluid">
		<div class="row">
			<?php include("views/layouts/lateral.php"); ?>
			<div class="col-md-9 col-xl-10">
				<?php include("views/".$pagina.".php"); ?>
			</div>
		</div>
	</div>
    
    <div id="xscript"></div>




 
<style>

.btn-left{
	margin-right:10px;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 270px;
    max-width: 270px;
	min-height: 100vh;
    color: #000000;
	background-color:#ffffff;
}

#sidebar.active {
    margin-left: -250px;
}

body {
	font-family: 'Montserrat', sans-serif;
	background: <?php echo $cfondo; ?>;
	color: <?php echo $cfuente; ?>;
	font-size: 12px;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.list-group-item{
	background-color:<?php echo $cmenu; ?>;
}

.list-group-item:hover{
	background-color:rgba(0,0,0,0.3);
}

svg{
	margin-right:8px;
}

.titulos{
	color: <?php echo $cseparador; ?>; 
	font-size: 15px; 
	font-weight: 600;
}

h5{
	color:<?php echo $ctitulos; ?>;
}



@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
		display:none;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

</style>
    

<script>
$(document).ready(function () {

    $('#sidebarCollapse').on('click', function () {
        $('#sidebar').toggleClass('active');
    });

});
</script>

</body>

</html>