<?
require "index_header.php";

$texto_base = getConfig("texto_base");
$social = getDadosList("SELECT * FROM redes_sociais WHERE ativo = '1' ORDER BY posicao ASC, id ASC");
$paginas = getDadosList("SELECT * FROM paginas WHERE ativo = '1' && menu = '1' ORDER BY posicao ASC, pagina ASC");
?>

<body>
	<div id="geral">
		<div id="response"></div>
		<? include_once "mod_popup.php" ?>
		<div class="container-fluid">
			<header class="block">
				<div class="central">
					<h1 class="clube_giga">
						<a href="./" title="Página inicial">
							<span class="clube">Clube</span>
							<span class="giga">GIGA</span>
						</a>
					</h1>
					
					<nav class="menu">
						<ul>
							<li><a href="ofertas/">Ofertas disponíveis</a></li>
							<li><a href="central/">Minha conta</a></li>
							<li><a href="#" class="scroll" data-rol="main">Como funciona</a></li>
							<li><a href="#" class="scroll" data-rol="contato">Fale conosco</a></li>
						</ul>
					</nav>
					
					<div class="login">
					<? if(!$logado){ ?>
						<form action="logar.php" method="post" class="post">
							<input type="tel" name="cpf" class="cpf" placeholder="Digite seu CPF" required>
							<input type="hidden" name="funcao" value="step1">
							<button type="submit">Entrar</button>
							<a href="cadastrar/" class="cadastrar">Cadastrar</a>
						</form>
					<? }else{ ?>
						<a href="#" class="btn btn-danger mb-2 mb-md-0" id="logout">Sair</a>
					<? } ?>
					</div>
					
					<div id="menu_mobile">
						<span class="openmenu"><i class="fa fa-bars"></i></span>
						
						<nav>
							<ul>
								<li><a href="ofertas/">Ofertas disponíveis</a></li>
								<li><a href="central/">Minha conta</a></li>
								<li><a href="#" class="scroll" data-rol="main">Como funciona</a></li>
								<li><a href="#" class="mymodal" data-include="?meio=faq" data-title="Dúvidas frequentes" data-width="600">Dúvidas frequentes</a></li>
								<li><a href="#" class="mymodal" data-include="?meio=regulamento" data-title="Regulamento" data-width="700">Regulamento</a></li>
							<? foreach($paginas as $i => $v){ ?>
								<li><?= paginas_dinamicas($v) ?></li>
							<? } ?>
								<li><a href="#" class="scroll" data-rol="contato">Fale conosco</a></li>
							</ul>
						</nav>
					</div>
				</div>
			</header>
			<main id="conteudo" class="block">
				<?= $meio ?>
			</main>
			<footer class="block">
				<section id="base" class="block">
					<div class="itens">
						<div class="row mb-0">
							<div class="col-sm-6 col-md-4">
								<h5 class="t">Área do cliente</h5>
								<div class="block">
									<p><a href="ofertas/">Ofertas</a></p>
									<p><a href="central/dados/">Meus dados</a></p>
								</div>
							</div>
							<div class="col-sm-6 col-md-4">
								<h5 class="t">Sobre o Clube Giga</h5>
								<div class="block">
									<p><a href="#" class="scroll" data-rol="main">Como funciona</a></p>
									<p><a href="#" class="mymodal" data-include="?meio=faq" data-title="Dúvidas frequentes" data-width="600">Dúvidas frequentes</a></p>
									<p><a href="#" class="mymodal" data-include="?meio=regulamento" data-title="Regulamento" data-width="700">Regulamento</a></p>
								<? foreach($paginas as $i => $v){ ?>
									<p><?= paginas_dinamicas($v) ?></p>
								<? } ?>
									<p><a href="#" class="scroll" data-rol="contato">Fale conosco</a></p>
								</div>
							</div>
							<div class="col-sm-6 col-md-4">
								<h5 class="t">Contato</h5>
								<div class="block mb-4">
									<div class="texto">
										<?= ckeditor($texto_base) ?>
									</div>
								</div>
								<h5 class="t">Site</h5>
								<div class="block">
									<p><a href="//www.lojasgiga.com.br/" target="_blank">lojasgiga.com.br</a></p>
								</div>
							</div>
						</div>
					</div>
				</section>
				
				<section id="ass" class="block text-center">
					<span class="logo"></span>
					<span>Este é um site oficial <strong>lojasgiga.com.br</strong></span>
				</section>
				
				<section id="rodape" class="block text-center">
					<div class="social">
					<? foreach($social as $i => $v){ ?>
						<div class="item" data-bgcolor="<?= $v['cor_fundo'] ?>" data-color="<?= $v['cor_icone'] ?>">
							<?= redes_sociais($v) ?>
						</div>
					<? } ?>
					</div>
				</section>
			</footer>
		</div>
		<a href="//www.premiumart.com.br/" target="_blank" title="premiumART Desenvolvimento Web" id="btDesenvolvimento">premiumART web sistemas</a>
	</div>
	<script src="<?= $root_plugins ?>/assets/js/funcoes.js"></script>
	<script src="<?= $root_plugins ?>/bootstrap/js/bootstrap.min.js"></script>
	<script src="owl-carousel/owl.carousel.min.js"></script>
	<script src="<?= $root_plugins ?>/jquery/mymodal.js"></script>
	<script src="<?= $root_plugins ?>/jquery/jquery.form.min.js"></script>
	<script src="<?= $root_plugins ?>/jquery/jquery.form.inc.js"></script>
	<script src="<?= $root_plugins ?>/jquery/jquery.maskedinput.min.js"></script>
	<script src="<?= $root_plugins ?>/jquery/jquery.validate.js"></script>
	<script>
	$(function(){
		
		$('form.post').each(function(){
			$(this).validate();
		});
		
		startFormInc();
	});
	</script>
	<script src="principal.js?<?= filemtime("principal.js") ?>"></script>
</body>
</html>