<div class="map-container relative">
{% include '@theme/common/map.html.twig' %}
<div class="container py-12 relative z-10 pointer-events-none">
<div class="row pointer-events-none">
<div class="xl:col-8 lg:col-7 pointer-events-none"></div>
<div class="xl:col-4 lg:col-5 lg:mt-0 pointer-events-auto">
<h2 class="lg:hidden text-center text-green">Contact Us</h2>
<div class="bg-primary rounded-3xl p-8 shadowed">
{% if error %}
<p class="error-message !mb-6">{{errorMessage}}</p>
{% endif %}
{% if success %}
<p class="success-message !mb-6">Thank you for your enquiry.</p>
{% else %}
<form method="post" id="enquiry_form">
{{ form_widget(form) }}
<button type="submit" class="btn btn-form g-recaptcha mb-8" data-sitekey="{{ recaptcha_public }}" data-callback='onSubmit'>Send</button>
<p class="text-sm text-white">By submitting your details, you agree for one of our team to contact you.</p>
{{ form_end(form) }}
{% endif %}
</div>
</div>
</div>
</div>
</div>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
function onSubmit(token) {
document.getElementById("enquiry_form").submit();
}
</script>