{% extends 'layouts/base' %}

{% set businessDetails = globalBusinessDetails %}

{% block content %}
	<div class="outer-container">
		<div class="inner-container">
			<h1 class="max-w-sm my-12 heading-0 md:my-16 md:max-w-xl lg:mt-32 lg:mb-36 xl:max-w-3xl">{{ entry.pageTitle }}</h1>
		</div>
	</div>
	<section class="bg-black-to-gray">
		<div class="outer-container grid grid-cols-1 justify-center text-white xl:grid-cols-2 xl:gap-24">
			<div class="inner-container bg-raisen-black py-36">
				<div class="mx-auto md:w-144">
					<h2 class="mb-20 heading-1">Contact us so we can help with your next project</h2>
					<div class="grid text-xl gap-x-20 gap-y-14 font-poppins md:grid-cols-left-3/5">
						<div>
							<h3 class="mb-3">Find Us</h3>
							<p class="copy">{{ businessDetails.addressLineOne }}</p>
							<p class="copy">{{ "#{businessDetails.suburb} #{businessDetails.postcode},"  }}</p>
							<p class="copy">{{ businessDetails.country }}</p>
						</div>
						<div>
							<h3 class="mb-3">Hours</h3>
							{% for openingHour in businessDetails.openingHours.all() %}
								<p class="copy">{{ openingHour.days }}</p>
								<p class="copy">{{ openingHour.hours }}</p>
							{% endfor %}
						</div>
						<div>
							<h3 class="mb-3">Contact Us</h3>
							<a class="group" href="tel:{{ businessDetails.phoneNumber }}">
								<p class="copy mb-2">
									Phone:&nbsp<span class="group-hover:underline">{{ businessDetails.phoneNumber }}</span>
								</p>
							</a>
							<a class="group" href="mailto:{{ businessDetails.emailAddress }}">
								<p class="copy">
									Email:&nbsp<span class="group-hover:underline">{{ businessDetails.emailAddress }}</span>
								</p>
							</a>
						</div>
						{# Contained in own div #}
						{% include "partials/_socialLinks" %}
					</div>
				</div>
			</div>
			<div class="inner-container bg-phillipine-grey py-36">
				{% set form = craft.formie.forms({ handle: 'contactForm' }).one() %}
				{{ craft.formie.renderForm(form) }}
			</div>
		</div>
	</section>
{% endblock %}