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

<?php 

	$id_slide_home_page = (int) encrypt_decode(filter_input(INPUT_POST, "id_slide_home_page", FILTER_SANITIZE_STRING));

	$model = new Model();

	$result = $model->query("
		SELECT * FROM slide_home_page 
		WHERE 
			id_slide_home_page = :id
	", [
		":id" => $id_slide_home_page
	]);

	$dados = $result->fetch();

?>

<h4 class="mb-3">
	<i class="fa-regular fa-edit"></i> Editar Slide
</h4>

<div class="content-box">
	<form action="<?php echo show_link("/editar-slide-home-page/"); ?>" method="post" enctype="multipart/form-data">
		<div class="form-row align-items-center">
			<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
				<div class="form-group">
					<label for="link-slide-home-page">Link<span class="text-danger">*</span></label>
					<input type="text" name="link_slide_home_page" id="link-slide-home-page" class="form-control" value="<?php echo $dados->link_slide_home_page; ?>" required>
				</div>
			</div>

			<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
				<div class="form-group">
					<label for="tipo-slide-home-page">Tipo<span class="text-danger">*</span></label>
					<select name="tipo_slide_home_page" id="tipo-slide-home-page" class="form-control" required>
						<option value="">Selecione um...</option>
						<option value="Cabeçalho">Cabeçalho</option>
						<option value="Rodapé">Rodapé</option>
						<option value="Interno">Interno</option>
					</select>

					<script>
						$(function(){
							$("#tipo-slide-home-page").val("<?php echo $dados->tipo_slide_home_page; ?>");
						});
					</script>
				</div>
			</div>
		</div>

		<div class="form-row align-items-center mb-3">
			<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 text-center text-md-left">
				<img src="<?php echo show_link($dados->imagem_slide_home_page); ?>" id="imagem-escolhida" class="img-fluid img-thumbnail my-2">
			</div>
			<div class="col-xl-9 col-lg-9 col-md-8 col-sm-12">
				<label for="imagem-slide-home-page" id="label-imagem-slide-home-page">Imagem (1200x400)<span class="text-danger">*</span></label>
				<div class="form-group">
					<div class="input-group mb-3">
						<input type="text" id="diretorio-imagem" class="form-control" value="<?php echo $dados->imagem_slide_home_page; ?>"  readonly>
						<div class="input-group-append">
							<button type="button" id="btn-procurar" class="btn btn-secondary">
								<i class="fa-regular fa-folder-open"></i> Procurar
							</button>
						</div>
					</div>
					<input type="file" name="imagem_slide_home_page" id="imagem-slide-home-page" class="d-none" accept="image/*">
				</div>
			</div>
		</div>

		<input type="hidden" name="imagem_velha" class="d-none" value="<?php echo $dados->imagem_slide_home_page; ?>">
		<input type="hidden" name="id_slide_home_page" class="d-none" value="<?php echo encrypt_encode($id_slide_home_page); ?>">

		<button type="submit" class="btn btn-primary">
			<i class="fa-regular fa-save"></i> Salvar
		</button>
		<a href="<?php echo show_link("/slides-home-page/"); ?>" class="btn btn-secondary">
			<i class="fa-regular fa-arrow-left"></i> Voltar
		</a>
	</form>
</div>

<script>
	$("#tipo-slide-home-page").change(function(){
		if ($(this).val() == "Interno") {
			$("#label-imagem-slide-home-page").html('Imagem (900x400)<span class="text-danger">*</span>');
		}
		else{
			$("#label-imagem-slide-home-page").html('Imagem (1200x800)<span class="text-danger">*</span>');
		}
	});

	$("#btn-procurar").click(function(){
		$("#imagem-slide-home-page").click();

		$("#imagem-slide-home-page").change(function(){
			$("#diretorio-imagem").val($(this).prop("files")[0].name);
			imagePreview($(this), $("#imagem-escolhida"));
			$("#imagem-slide-home-page").attr("required", true);
		});
	});
</script>

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