<script lang="ts">
	import { resolve } from '$app/paths';

	const currentYear = new Date().getFullYear();
</script>

<footer class="bg-base-200 text-base-content border-base-300 mt-16 border-t">
	<div class="container mx-auto px-4 py-8">
		<div class="grid grid-cols-1 gap-8 text-center md:grid-cols-3 md:text-left">
			<div>
				<h3 class="text-primary mb-4 text-lg font-bold">SGSE</h3>
				<p class="mx-auto max-w-xs text-sm opacity-75 md:mx-0">
					Sistema de Gestão de Secretaria<br />
					Simplificando processos e conectando pessoas.
				</p>
			</div>

			<div>
				<h3 class="mb-4 text-lg font-bold">Links Úteis</h3>
				<ul class="space-y-2 text-sm opacity-75">
					<li>
						<a
							href="https://www.pe.gov.br/"
							target="_blank"
							class="hover:text-primary transition-colors">Portal do Governo</a
						>
					</li>
					<li>
						<a href={resolve('/privacidade')} class="hover:text-primary transition-colors"
							>Política de Privacidade</a
						>
					</li>
					<li>
						<a href={resolve('/abrir-chamado')} class="hover:text-primary transition-colors"
							>Suporte</a
						>
					</li>
				</ul>
			</div>

			<div>
				<h3 class="mb-4 text-lg font-bold">Contato</h3>
				<p class="text-sm opacity-75">
					Secretaria de Educação<br />
					Recife - PE
				</p>
			</div>
		</div>

		<div class="divider mt-8 mb-4"></div>

		<div class="flex flex-col items-center justify-between text-sm opacity-60 md:flex-row">
			<p>&copy; {currentYear} Governo de Pernambuco. Todos os direitos reservados.</p>
			<p class="mt-2 md:mt-0">Desenvolvido com tecnologia de ponta.</p>
		</div>
	</div>
</footer>
