<?php if (Session::get("tipo_usuario") != "1"){ show_403();} ?>
<?php import_file(DIR_TEMPLATES."header.php", ["title" => "Slides", "active_page" => "slides"]); ?>
<?php import_file(DIR_MODELS."Model.class.php"); ?>

<div class="row align-items-center mb-3">
	<div class="col-6">
		<h4 class="mb-0">
			<i class="fa-regular fa-images"></i> Slides
		</h4>
	</div>
	<div class="col-6 text-right">
		<a href="<?php echo show_link("/cadastro-slide-home-page/"); ?>" class="btn btn-primary">
			<i class="fa-regular fa-plus"></i> Adicionar
		</a>
	</div>
</div>

<div class="content-box">
	<div class="form-row mb-3">
		<div class="col-xl-8 col-lg-8 col-md-6 col-sm-12"></div>
		<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
			<form action="" method="get">
				<div class="input-group">
					<input type="text" name="pesquisa" class="form-control" autocomplete="off" value="<?php echo filter_input(INPUT_GET, "pesquisa", FILTER_SANITIZE_STRING); ?>">
					<div class="input-group-append">
						<button class="btn btn-primary">
							<i class="fa-regular fa-search"></i>
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div class="table-responsive">
		<table class="table table-sm table-hover table-striped">
			<thead class="thead-inverse">
				<tr>
					<th class="align-middle text-left" style="width: 35%;">Imagem</th>
					<th class="align-middle text-left" style="width: 40%;">Link</th>
					<th class="align-middle text-center" style="width: 15%;">Tipo</th>
					<th class="align-middle text-center" style="width: 10%;">Opções</th>
				</tr>
			</thead>
			<tbody>
				<?php 

					$model = new Model();

					$length = 15;

					if (isset($_GET["pag"])) {
						$page = filter_input(INPUT_GET, "pag", FILTER_SANITIZE_NUMBER_INT);
					}
					else{
						$page = 1;
					}

					$search = filter_input(INPUT_GET, "pesquisa", FILTER_SANITIZE_STRING);

					$start = (($length*$page)-$length);

					$result = $model->query("
						SELECT * FROM slide_home_page
						WHERE
							(
								tipo_slide_home_page LIKE :search
							)
						ORDER BY 
							id_slide_home_page ASC
						LIMIT 
							:length OFFSET :start
					", [
						":search" => "%".$search."%", 
						":length" => $length, 
						":start" => $start
					]);

					$n = ($page*$length)-$length + 1;

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

				?>

					<tr>
						<td class="align-middle text-left"><img src="<?php echo show_link($data->imagem_slide_home_page); ?>" style="width: 250px; height: auto;"></td>
						<td class="align-middle text-left"><?php echo $data->link_slide_home_page; ?></td>
						<td class="align-middle text-center"><?php echo $data->tipo_slide_home_page; ?></td>
						<td class="align-middle text-center">
							<div class="d-inline-flex">
								<div class="mx-2">
									<form action="<?php echo show_link("/edita-slide-home-page/"); ?>" method="post">
										<input type="hidden" name="id_slide_home_page" class="d-none" value="<?php echo encrypt_encode($data->id_slide_home_page); ?>">
										<button type="submit" class="btn btn-warning btn-square" data-toggle="tooltip" data-placement="bottom" title="Editar">
											<i class="fa-regular fa-pencil-alt"></i>
										</button>
									</form>
								</div>
							
								<div class="mx-auto">
									<button type="button" class="btn btn-danger btn-square btn-excluir" data-value="<?php echo encrypt_encode($data->id_slide_home_page); ?>" data-toggle="tooltip" data-placement="bottom" title="Excluir">
										<i class="fa-regular fa-trash-alt"></i>
									</button>
								</div>
							</div>
						</td>
					</tr>	
				<?php endforeach; ?>
			</tbody>
		</table>
	</div>

	<ul class="pagination justify-content-center" style="margin-bottom: -15px;">
		<?php 

			$result = $model->query("
				SELECT * FROM slide_home_page
				WHERE
					(
						tipo_slide_home_page LIKE :search
					)
			", [
				":search" => "%".$search."%"
			]);

			$total  = $result->rowCount();

			$total_page = ceil($total/$length);
						   
			if ($page <= $total_page and $page > 1) {
 				echo '<li class="page-item"><a href="?'.(!empty($search) ? "pesquisa=".$search."&" : "").'pag='.($page-1).'" class="page-link"><span aria-hidden="true">&laquo;</span></a> </li>';
			}

			echo ' <li class="page-item active"><p class="page-link">'.$page.'</p></li> ';

			if ($page < $total_page) {	
				echo '<li class="page-item"><a href="?'.(!empty($search) ? "pesquisa=".$search."&" : "").'pag='.($page+1).'" class="page-link"><span aria-hidden="true">&raquo;</span></a></li> ';
			}
			
		?>
	</ul>
</div>


<!-- Modal Mudar Status topico -->
<div class="modal fade" id="modal-mudar-excluir-slide-home-page" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">
					<i class="fa-regular fa-exclamation-triangle"></i> Aviso
				</h5>
			</div>
			<div class="modal-body">
				<p>
					Tem certeza que deseja <strong class='text-danger'>EXCLUIR</strong> esse Slide da Home Page?
				</p>
			</div>
			<div class="modal-footer">
				<form action="<?php echo show_link("/excluir-slide-home-page/"); ?>" method="post">
					<input type="hidden" name="id_slide_home_page" id="input-slide-home-page-id" class="d-none" required>
					<button type="submit" class="btn btn-white">
						<i class="fa-regular fa-check"></i> Sim
					</button>
					<button type="button" class="btn btn-white" data-dismiss="modal">
						<i class="fa-regular fa-times"></i> Não
					</button>
				</form>
			</div>
		</div>
	</div>
</div>

<script>
	$(".btn-excluir").click(function(){
		var id = $(this).data("value");

		$("#input-slide-home-page-id").val(id);
		$("#modal-mudar-excluir-slide-home-page").modal("show");
	});
</script>

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