{# Get logo #}
{% set logo = craft.assets()
    .volume('icons')
    .title('Logo')
    .one()
%}

{# Get global contact details #}
{% set businessDetails = globalBusinessDetails %}

<footer class="font-acumin font-light text-xl">
	<div class="grid gap-16 px-7 pt-24 pb-14 md:grid-cols-2 md:px-[5.75rem] lg:px-28 xl:grid-cols-3 xl:px-36 xxl:grid-cols-footer">
		<div>
			<img class="md:-translate-x-16 mb-8" src="{{ logo.getUrl() }}" alt="{{ logo.altText }}"/>
			<span class="inline-block w-60">{{ globalFooter.footerText }}</span>
		</div>
		<div class="md:row-start-2 xxl:row-start-auto">
			<h2 class="font-normal text-footer-title mb-4">Pages</h2>

			{% set privacyPolicy = craft.entries().section("privacyPolicy").one() %}
			{% set termsAndConditions = craft.entries().section("termsAndConditions").one() %}

			<ul class="space-y-1">
				<li class="group">
					<a class="group-hover:underline" href="/{{ privacyPolicy.uri }}">Privacy Policy</a>
				</li>
				<li class="group">
					<a class="group-hover:underline" href="/{{ termsAndConditions.uri }}">Terms & Conditions</a>
				</li>
			</ul>
		</div>
		<div>
			<h2 class="font-normal text-footer-title mb-4">Contact Us</h2>
			<ul>
				<li class="group">
					<a class="group-hover:underline" href="tel:{{ businessDetails.phoneNumber }}">{{ businessDetails.phoneNumber }}</a>
				</li>
				<li class="group">
					<a class="group-hover:underline" href="mailto:{{ businessDetails.emailAddress }}">{{ businessDetails.emailAddress }}</a>
				</li>
			</ul>
		</div>
		<div>
			<h2 class="font-normal text-footer-title mb-4">Find Us</h2>
			<p>{{ businessDetails.addressLineOne }}</p>
			<p>{{ "#{businessDetails.suburb} #{businessDetails.postcode},"  }}</p>
			<p>{{ businessDetails.country }}</p>
		</div>
		<div class="newsletter-form">
			<h2 class="font-normal text-footer-title mb-4">Newsletter</h2>
			{% set form = craft.formie.forms({ handle: 'newsletter' }).one() %}
			{{ craft.formie.renderForm(form) }}
		</div>
		<div class="xxl:col-span-full xxl:justify-self-center">
			{% include "partials/_socialLinks" %}
		</div>
	</div>
	<div class="border-t border-t-[#707070] flex flex-col gap-5 items-center mb-7 mx-auto pt-8 text-lg w-11/12">
		<span>&copy; Mopanui Studios & Homes Ltd 2022</span>
		<a class="hover:underline" href="https://thehustle.nz" target="_blank" title="Visit The Hustle website">Website by The Hustle.</a>
	</div>
</footer>