<?php
/**
 * Theme footer template
 *
 * @package GoAskAuntie
 * @since 1.0.0
 */

namespace BasicWP;

$logo_url = get_theme_file_uri( '/static/img/logo.png' );
?>

	</main>

	<footer role="contentinfo" class="min-h-[640px] bg-transparent w-full flex flex-col justify-evenly bg-navy mt-60">
		<!-- Colored stripe bar -->
		<div>
			<div class="h-8 w-full bg-red"></div>
			<div class="h-4 w-full bg-teal-light"></div>
			<div class="h-8 w-full bg-purple"></div>
			<div class="h-4 w-full bg-teal-light"></div>
			<div class="h-8 w-full bg-teal"></div>
			<div class="h-4 w-full bg-teal-light"></div>
		</div>

		<!-- Footer content -->
		<div class="flex md:flex-row flex-col mx-auto h-auto justify-around w-full items-center md:items-end px-4 flex-1 self-end mb-16 bg-navy">
			<div class="flex md:flex-row flex-col md:gap-8 items-center md:items-end">
				<img src="<?php echo esc_url( $logo_url ); ?>" alt="Go Ask Auntie logo" class="object-contain block h-64 py-4 md:p-0 m-0">
				<div class="text-xl">
					<p class="text-teal-light font-bold">Ka Ni Kanichihk Mino Pimatisiwin<br>Sexual Wellness Lodge</p>
					<p class="text-white">102 - 765 Main Street<br>
					Winnipeg, Manitoba<br>
					R2W 3N5</p>
				</div>
			</div>
			<div class="text-white text-base">
				<p>&copy; <?php echo gmdate( 'Y' ); ?> Go Ask Auntie, All rights reserved.</p>
			</div>
		</div>

		<!-- Vincent Design credit -->
		<div class="bg-navy pb-2">
			<p class="text-white text-xs md:text-lg text-center">Web Design & Development by <a href="https://www.vincentdesign.ca" class="text-white">Vincent Design</a></p>
		</div>
	</footer>

	<!-- Mobile nav toggle script -->
	<script>
		function mobileNav() {
			jQuery("#myLinks").slideToggle("fast", "linear", function () {
				if (jQuery("#nav-icon").hasClass("fa-bars")) {
					jQuery("#nav-icon").addClass("fa-times").removeClass("fa-bars");
				} else {
					jQuery("#nav-icon").addClass("fa-bars").removeClass("fa-times");
				}
			});
		}
	</script>

	<?php wp_footer(); ?>
</body>
</html>