<?php

	import_file(DIR_MODELS."Model.class.php");

	$id_loja = (int) encrypt_decode(filter_input(INPUT_GET, "loja", FILTER_SANITIZE_STRING));

	$model = new Model();

	$result = $model->query("
		SELECT * FROM loja 
		LEFT JOIN cidade ON (cidade.id_cidade = loja.id_cidade)
		LEFT JOIN estado ON (estado.id_estado = loja.id_estado)
		WHERE 
			id_loja = :id_loja
	", [
		":id_loja" => $id_loja
	]);

	$data = $result->fetch();

	$link_loja = show_url("/visualizar-loja/?loja=".urlencode(encrypt_encode($id_loja)));

	$pesquisa = filter_input(INPUT_GET, "pesquisa", FILTER_SANITIZE_STRING);
	$id_estado = (int) (isset($_GET["estado"])) ? filter_input(INPUT_GET, "estado", FILTER_SANITIZE_NUMBER_INT) : Session::get("id_estado");
	$id_cidade = (int) (isset($_GET["cidade"])) ? filter_input(INPUT_GET, "cidade", FILTER_SANITIZE_NUMBER_INT) : Session::get("id_cidade");
	$id_categoria = (!empty($_GET["categoria"])) ? (int) filter_input(INPUT_GET, "categoria", FILTER_SANITIZE_NUMBER_INT) : null;
	$pagina = (!empty($_GET["pag"])) ? (int) filter_input(INPUT_GET, "pag", FILTER_SANITIZE_NUMBER_INT) : 1;

?>

<?php 

	import_file(DIR_TEMPLATES."header_website.php", [
		"title" => $data->nome_loja,
		"product_title" => $data->nome_loja,
		"product_image" => show_url($data->banner_loja)
	]);

?>

<style>
	iframe{
		width: 100% !important;
		height: 320px !important;
	}
</style>

<div id="carousel-loja" class="carousel slide carousel-fade mb-4" data-ride="carousel">
	<div class="carousel-inner">
		<?php 

			$result = $model->query("
				SELECT * FROM imagem_loja
				WHERE
					id_loja = :id 
				ORDER BY 
					id_loja ASC
			", [
				":id" => $id_loja
			]);

			$total = $result->rowCount();

			if ($total > 0):
				for ($i=0; $i < $total; $i++):
					$j = $result->fetch();

		?>
					<?php if ($i == 0): ?>
						<div class="carousel-item active">
							<img src="<?php echo show_link($j->diretorio_imagem_loja); ?>" class="carousel-img-custom">
						</div>
					<?php else: ?>
						<div class="carousel-item">
							<img src="<?php echo show_link($j->diretorio_imagem_loja); ?>" class="carousel-img-custom">
						</div>
					<?php endif; ?>
				<?php endfor; ?>
		<?php else: ?>
			<div class="carousel-item active">
				<img src="<?php echo show_link($data->banner_loja); ?>" class="carousel-img-custom">
			</div>
		<?php endif; ?>
	</div>
	<a class="carousel-control-prev" href="#carousel-loja" role="button" data-slide="prev">
		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="carousel-control-next" href="#carousel-loja" role="button" data-slide="next">
		<span class="carousel-control-next-icon" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div>

<div class="container">
	<div class="content-box mb-3">
		<div class="form-row align-items-top mb-3">
			<div class="col-md-8">
				<div class="mb-3">
					<h3 class="mb-0">
						<?php echo $data->nome_loja; ?>	
					</h3>

					<?php if (!empty($data->id_cidade) and !empty($data->id_estado)): ?>
						<p class="mt-2 mb-0">
							<i class="fa-solid fa-location-dot"></i> <?php echo "{$data->nome_cidade}, {$data->nome_estado}"; ?>
						</p>
					<?php endif ?>
				</div>
			</div>
			<div class="col-md-4 text-left text-md-right mt-2 mt-md-0">
				<?php if (!empty($data->link_facebook_loja) or !empty($data->link_instagram_loja)): ?>
					<h5 class="mb-2">
						Redes Sociais
					</h5>

					<?php if (!empty($data->link_facebook_loja)): ?>
						<a href="<?php echo $data->link_facebook_loja; ?>" class="btn btn-facebook" target="_blank">
							<i class="fa-brands fa-facebook-f"></i> 
							<span class="d-md-none">
								Facebook
							</span>
						</a>
					<?php endif; ?>

					<?php if (!empty($data->link_instagram_loja)): ?>
						<a href="<?php echo $data->link_instagram_loja; ?>" class="btn btn-instagram" target="_blank">
							<i class="fa-brands fa-instagram"></i> 
							<span class="d-md-none">
								Instagram
							</span>
						</a>
					<?php endif; ?>
				<?php endif; ?>
			</div>
		</div>

		<h5 class="mb-2">
			Horários de Funcionamento
		</h5>

		<div class="mb-3">
			<?php 

				$result = $model->query("
					SELECT * FROM horario_funcionamento
					WHERE
						id_loja = :id_loja
				", [
					":id_loja" => $id_loja
				]);

				foreach ($result->fetchAll() as $i):

			?>
				<div>
					<?php 

						echo $i->dia_semana.": ".(
							($i->aberto_24h == "S") ? (
								"<strong class='text-success'>Aberto 24h</strong>" 
							) : (
								($i->fechado == "S") ? (
									"<strong class='text-danger'>Fechado</strong>" 
								) : (  
									"<strong>".date("H:i", strtotime($i->horario_abertura))." - ".date("H:i", strtotime($i->horario_fechamento))."</strong>"
								)
							)
						);

					?>
				</div>
			<?php endforeach; ?>
		</div>

		<?php if (!empty($data->descricao_loja)): ?>
			<h5 class="mb-2">
				Informações
			</h5>

			<div class="mb-3">
				<?php echo $data->descricao_loja; ?>
			</div>
		<?php endif; ?>

		<?php if (!empty($data->whatsapp_loja) or !empty($data->telefone_loja)): ?>
			<h5 class="mb-2">
				Entre em Contato
			</h5>

			<div class="form-row d-block d-md-none mb-3">
				<?php if (!empty($data->whatsapp_loja)): ?>
					<div class="col-md-6 my-2">
						<a href="<?php echo "https://api.whatsapp.com/send?phone=55".preg_replace("/\W/", "", $data->whatsapp_loja); ?>" class="btn btn-success btn-block" target="_blank">
							<i class="fa-brands fa-whatsapp"></i> Manda Mensagem
						</a>
					</div>
				<?php endif; ?>
				<?php if (!empty($data->telefone_loja)): ?>
					<div class="col-md-6 my-2">
						<a href="<?php echo "tel:".preg_replace("/\W/", "", $data->telefone_loja); ?>" class="btn btn-success btn-block">
							<i class="fa-regular fa-phone"></i> Ligar
						</a>
					</div>
				<?php endif; ?>
			</div>

			<div class="d-none d-md-block mb-3">
				<?php if (!empty($data->whatsapp_loja)): ?>
					<span class="mr-3">
						<a href="<?php echo "https://api.whatsapp.com/send?phone=55".preg_replace("/\W/", "", $data->whatsapp_loja); ?>" class="btn btn-white" target="_blank">
							<i class="fa-brands fa-whatsapp"></i> <?php echo $data->whatsapp_loja; ?>
						</a>
					</span>
				<?php endif; ?>

				<?php if (!empty($data->telefone_loja)): ?>
					<a href="<?php echo "tel:".preg_replace("/\W/", "", $data->telefone_loja); ?>" class="btn btn-white" target="_blank">
						<i class="fa-regular fa-phone"></i> <?php echo $data->telefone_loja; ?>
					</a>
				<?php endif; ?>
			</div>
		<?php endif; ?>
		
		<?php if (!empty($data->iframe_localizador_loja)):  ?>
			<h5 class="mb-2">
				Localização
			</h5>

			<?php echo $data->iframe_localizador_loja; ?>
		<?php endif; ?>

		<h5 class="mb-2">
			Compartilhe essa loja
		</h5>

		<div class="btn-group">
			<a 
				href="<?php echo "https://api.whatsapp.com/send?text=".urlencode("{$data->nome_loja}\n\n{$link_loja}"); ?>" 
				class="btn btn-whatsapp btn-square" 
				target="_blank" 
				data-toggle="tooltip" 
				data-placement="bottom" 
				title="Whatsapp"
			>
				<i class="fa-brands fa-whatsapp"></i>
			</a>

			<a 
				href="<?php echo "https://www.facebook.com/sharer.php?u=".urlencode($link_loja); ?>"
				class="btn btn-facebook btn-square" 
				target="_blank"
				data-toggle="tooltip" 
				data-placement="bottom" 
				title="Facebook"
			>
				<i class="fa-brands fa-facebook-f"></i>
			</a>

			<a 
				href="<?php echo "https://twitter.com/share?url=".urlencode($link_loja); ?>"
				class="btn btn-twitter btn-square" 
				target="_blank"
				data-toggle="tooltip" 
				data-placement="bottom" 
				title="Twitter"
			>
				<i class="fa-brands fa-twitter"></i>
			</a>

			<button 
				type="button" 
				class="btn btn-secondary btn-square"
				onclick="copyText('<?php echo $link_loja; ?>', function(){
					$.toast({
						heading: 'Aviso',
						text: 'Link Copiado!',
						icon: 'success',
						hideAfter: 2000,
						loader: true
					});
				})" 
				data-toggle="tooltip" 
				data-placement="bottom" 
				title="Copiar link"
			>
				<i class="fa-solid fa-link-simple"></i>
			</button>
		</div>
	</div>

	<?php 

		$result = $model->query("
			SELECT * FROM produto
			WHERE 
				status_produto = 'S' AND
				id_usuario = :id_usuario
			ORDER BY 
				RAND()
			LIMIT 8
		", [
			":id_usuario" => $data->id_usuario
		]);

	?>

	<?php if ($result->rowCount() > 0): ?>
		<div class="content-box">
			<h5 class="mb-3">Mais produtos da loja</h5>

			<div id="produto-empresa" class="owl-carousel">
				<?php foreach ($result->fetchAll() as $i): ?>
					<div class="mx-2">
						<div class="card" style="width: 100%; height: 300px;">
							<div 
								class="card-img-top" 
								style="
									width: 100%;
									height: 120px;
									background-image: url('<?php echo show_link($i->imagem_produto); ?>');
									background-repeat: no-repeat;
									background-position: center;
									background-size: cover;
							"></div>
							<div class="card-body border-top" style="padding: 0.75rem;">
								<a href="<?php echo show_link("/produto/?produto=".urlencode(encrypt_encode($i->id_produto))."&pesquisa=".$pesquisa."&categoria=".$categoria."&estado=".$id_estado."&cidade=".$id_cidade."&pag=".$pagina); ?>" class="link-produto" style="text-decoration: none;">
									<div class="card-title" style="min-height: 50px; font-size: 17px;">
										<?php echo compress_string($i->nome_produto, 50); ?>	
									</div>
								</a>
								<div class="card-text">
									<div class="form-row align-items-center">
										<div class="col-12" style="height: 55px;">
											<?php if (!empty($i->porcentagem_desc_cliente)): ?>
												<div class="text-secondary" style="text-decoration: line-through; font-size: 13px;">
													<?php echo money_mask_BR($i->valor_produto); ?>
												</div>
												<div class="text-success" style="font-size: 20px;">
													<strong><?php echo money_mask_BR($i->valor_produto - ($i->valor_produto * pct($i->porcentagem_desc_cliente))); ?></strong>
												</div>
											<?php else: ?>
												<div class="text-success" style="font-size: 20px;">
													<strong><?php echo money_mask_BR($i->valor_produto - ($i->valor_produto * pct($i->porcentagem_desc_cliente))); ?></strong>
												</div>
											<?php endif; ?>
										</div>
										<div class="col text-right mt-2 mb-0" style="height: 30px;">
											<?php if (!empty($i->porcentagem_cashback)): ?>
												<span class="badge badge-info">
													<?php echo "Cashback ".number_format($i->porcentagem_cashback, 2, ",", "")."%"; ?>	
												</span>
											<?php endif; ?>
											<?php if (!empty($i->porcentagem_desc_cliente)): ?>
												<span class="badge badge-success">
													<?php echo "<i class='fa-solid fa-arrow-down'></i> ".number_format($i->porcentagem_desc_cliente, 2, ",", "")."%"; ?>	
												</span>
											<?php endif; ?>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				<?php $n++; ?>
				<?php endforeach; ?>
			</div>

			<div class="text-right">
				<a href="<?php echo show_link("/visualizar-todos-produtos-loja/?".$_SERVER["QUERY_STRING"]); ?>">
					Visualizar todos os produtos
				</a>
			</div>
		</div>

		<script>
			$(function() {
				var produto_destaque = $("#produto-empresa").owlCarousel({
					items: 4, 
					itemsDesktop: [1200,4], 
					itemsDesktopSmall: [900,3], 
					itemsTablet: [600,2],
					itemsMobile: [500,1],
					lazyLoad: true
				});
			});
		</script>
	<?php endif; ?>

	<button type="button" class="btn btn-secondary mt-3" onclick="window.history.go(-1)">
		<i class="fa-solid fa-arrow-left"></i> Voltar
	</button>
</div>

<?php import_file(DIR_TEMPLATES."footer_website.php"); ?>