<?
$css_adicional = "css/principal.css";

$slides = getDadosList("SELECT * FROM slide WHERE ativo = '1' ORDER BY posicao ASC, id DESC");

$sobre_chamada = getConfig("sobre_chamada");
$sobre_fotos = getDadosList("SELECT foto FROM sobre_fotos LIMIT 4");

$como_funciona = getDadosList("SELECT titulo, cor, texto FROM como_funciona WHERE ativo = '1' ORDER BY posicao ASC, id ASC");
$categorias = getDadosList("SELECT titulo, icone, url FROM categorias WHERE ativo = '1' ORDER BY posicao ASC, titulo ASC");
$contato = getDados("SELECT * FROM contato");
?>

<? if(count($slides) >= 1){ ?>
<div id="slider" class="owl-carousel owl-theme">
<? foreach($slides as $i => $v){ ?>
	<div class="item">
		<?= slides($v) ?>
	</div>
<? } ?>
</div>
<? } ?>

<section id="main" class="block">
	<div class="central">
		<div class="row mb-0 text-center">
			<div class="col-md-6 item">
				<article class="sobre block">
					<h3 class="title">O que é o Clube<strong>GIGA</strong>?</h3>
					<p class="w-75 d-inline-block subtitle"><?= quebra($sobre_chamada) ?></p>
					<p><a href="#" class="text-rosa mymodal" data-include="?meio=sobre" data-title="O que é o Clube<strong>GiGA</strong>?" data-width="600">saiba mais</a></p>
					
					<? if(count($sobre_fotos) >= 1){ ?>
						<div class="fotos">
						<? foreach($sobre_fotos as $i => $v){ ?>
							<div class="it text-center">
								<img src="arquivos/sobre/<?= $v['foto'] ?>" alt="Sobre - <?= TITULO ?>" class="img-cover">
							</div>
						<? } ?>
						</div>
					<? } ?>
				</article>
			</div>
			<div class="col-md-6 item divisor">
				<article class="como_funciona block">
					<h3 class="title">Como <strong>funciona</strong>?</h3>
					<p class="w-75 d-inline-block subtitle">A Giga cria um clube de benefícios para você, cliente: o ClubeGiga, com ofertas e promoções exclusivas. </p>
					
					<div class="row steps mb-4">
					<? foreach($como_funciona as $i => $v){ ?>
						<div class="col-sm-6 it">
							<p class="icone" style="background-color: <?= $v['cor'] ?>;"><span><?= $i + 1 ?></span></p>
							<h4 style="color: <?= $v['cor'] ?>;"><?= $v['titulo'] ?></h4>
							<div class="texto">
								<?= ckeditor($v['texto']) ?>
							</div>
						</div>
					<? } ?>
					</div>
					
					<h5>Mais informações:</h5>
					<a href="#" class="botao mymodal" data-include="?meio=faq" data-title="Dúvidas frequentes" data-width="600">Dúvidas frequentes</a>
				</article>
			</div>
		</div>
	</div>
</section>

<section class="block" id="categorias">
	<div class="central">
		<h4 class="mb-4">Tudo o que você precisa está na Giga, a gigante do seu lar!</h4>
		<div class="row mb-0 justify-content-center">
		<? foreach($categorias as $i => $v){ ?>
			<div class="col-sm-6 col-md-3">
				<div class="item">
					<?= categorias($v) ?>
				</div>
			</div>
		<? } ?>
		</div>
	</div>
</section>

<section id="contato" class="block text-center">
	<div class="central">
		<h2 class="titulo">Fale <strong>Conosco</strong></h2>
		<h5 class="subtitulo">Deixe aqui sua mensagem e em breve retornaremos.</h5>
		
		<div class="form">
			<form action="contato_envia.php" method="post" class="post" enctype="multipart/form-data">
				<div class="row text-left">
					<div class="col-md-6 mb-0">
						<div class="block mb-4">
							<p class="label">Nome</p>
							<input type="text" name="nome" required>
						</div>
						<div class="block mb-4">
							<p class="label">Telefone</p>
							<input type="tel" name="telefone" class="telefone" required>
						</div>
						<div class="block mb-4">
							<p class="label">Departamento</p>
							<select name="destinatario" required>
                                <option value=""></option>
                            <?
							$contato_destinatarios = explode("; ", h_decode($contato['destinatarios']));
							$contato_assuntos = explode("; ", $contato['assunto']);
							for($i = 0; $i < count($contato_destinatarios); $i++){
                                    $dest = explode("[->]", $contato_destinatarios[$i]);
                            ?>
                                <option value="<?= base64_encode($dest[1]) ?>"><?= $dest[0] ?></option>
                            <? } ?>
                            </select>
						</div>
						<div class="block mb-4">
							<p class="label">Assunto</p>
							<? if(!empty($contato['assunto'])){ ?>
								<select name="assunto" required>
									<option value=""></option>
								<? foreach($contato_assuntos as $i => $v){ ?>
									<option value="<?= $v ?>"><?= $v ?></option>
								<? } ?>
								</select>
							<? }else{ ?>
								<input type="text" name="assunto" required>
							<? } ?>
						</div>
						<div class="block mb-4">
							<p class="label">E-mail</p>
							<input type="email" name="email" required>
						</div>
					</div>
					<div class="col-md-6">
						<div class="block mb-4">
							<p class="label">Mensagem</p>
							<textarea name="mensagem" rows="10" required>

Quanto dá a SOMA dos três números?

" alt="Digite a soma" style="margin-top: 0px; height: 40px; width: 100%; border: solid 1px #CCC; border-radius: 15px;">