<?php if (Session::get("tipo_usuario") != "1"){ show_403();} ?>
<?php if ($_SERVER["REQUEST_METHOD"] != "POST"){ show_403();} ?>
<?php import_file(DIR_TEMPLATES."header.php", ["title" => "Editar Categoria de Produto", "active_page" => "categorias"]); ?>
<?php import_file(DIR_MODELS."Model.class.php"); ?>

<?php 

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

	$model = new Model();

	$result = $model->query("
		SELECT * FROM categoria 
		WHERE 
			id_categoria = :id AND 
			status_categoria = 'S'
	", [
		":id" => $id_categoria
	]);

	$dados = $result->fetch();

?>

<h4 class="mb-3">
	<i class="fa-regular fa-edit"></i> Editar Categoria de Produto
</h4>

<div class="content-box">
	<form id="form-categoria">
		<div class="form-row">
			<div class="col-md-6">
				<div class="form-group">
					<label for="nome-categoria">Nome<span class="text-danger">*</span></label>
					<input type="text" name="nome_categoria" id="nome-categoria" class="form-control" value="<?php echo $dados->nome_categoria; ?>" maxlength="120" required>
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-group">
					<label for="icone-categoria">Ícone<span class="text-danger">*</span></label>
					<input type="text" name="icone_categoria" id="icone-categoria" class="form-control" value="<?php echo $dados->icone_categoria; ?>" maxlength="60" placeholder="Exemplo: fa-solid fa-home" required>
					<span class="form-text">Para consultar os icones <a href="https://fontawesome.com/v6/search" target="_blank">Clique aqui</a></span>
				</div>	
			</div>
		</div>
		
		<input type="hidden" name="id_categoria" class="d-none" value="<?php echo encrypt_encode($id_categoria); ?>">

		<button type="submit" class="btn btn-primary">
			<i class="fa-regular fa-save"></i> Salvar
		</button>

		<a href="<?php echo show_link("/categorias/"); ?>" class="btn btn-secondary">
			<i class="fa-regular fa-arrow-left"></i> Voltar
		</a>
	</form>
</div>

<script>
	$("#form-categoria").submit(function(event){
		event.preventDefault();
		var form = $(this);
		$.ajax({
			type: "POST",
			data: form.serialize(),
			url: "<?php echo show_link("/editar-categoria/"); ?>",
			async: true
		}).then(function(response){
			var result = $.parseJSON(response);
			if (result.status == true) {
				$.toast({
					heading: "Aviso",
					text: "Dados Atualizado com Sucesso!",
					icon: "success",
					loader: true
				});
			}
			else{
				$.toast({
					heading: "Aviso",
					text: "Erro ao Atualizar os Dados!",
					icon: "error",
					loader: true
				});
			}
		}, function(error){
			console.log("Erro: "+error);
		});
	});
</script>

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