{% extends 'page_header.html.twig' %}
{% block page_container %}
<!-- map section Start -->
<div class="map pt-10">
<div class="container">
<div class="map-inner">
<iframe height="400" class="rounded w-100" src="https://maps.google.com/maps?width=100%25&height=400&hl=en&q=+(mangal%20bazar)&t=&z=14&ie=UTF8&iwloc=B&output=embed"></iframe>
</div>
</div>
</div>
<!-- map section End -->
<!-- Contact us Section Start -->
<section class="contact-us py-11">
<div class="container">
<div class="contact-us-inner">
<div class="contact-us-title text-center mb-7">
<h5 class="mb-2 "><i class="fa fa-handshake-o pe-2" aria-hidden="true"></i>Keep in touch with us</h5>
<h2 class=" mb-2">How can we <span class="green">help?</span></h2>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="contact-us-info">
<div class="row align-items-center gx-lg-5 gy-4 gy-lg-0">
<div class="col-lg-6">
<div class="contact-info-left">
<div class="info-box mb-4">
<a href="#" class="p-6 border border-2 border-grey rounded-1 d-flex align-items-center bg-white">
<div class="info-icon h2 me-4">
<i class="fa fa-map-marker bg-green rounded-circle text-center white" aria-hidden="true"></i>
</div>
<div class="info-detail">
<h4 class="mb-1">Location</h4>
<p class="m-0 grey">{{ setting('app_address') }}</p>
</div>
</a>
</div>
<div class="info-box mb-4">
<a href="#" class="p-6 border border-2 border-grey rounded-1 d-flex align-items-center bg-white">
<div class="info-icon h2 me-4">
<i class="fa fa-envelope-o bg-green rounded-circle text-center white" aria-hidden="true"></i>
</div>
<div class="info-detail">
<h4 class="mb-1">Email Address</h4>
<p class="m-0 grey"><span >{{ setting('email_address') }}</span></p>
</div>
</a>
</div>
<div class="info-box">
<a href="#" class="p-6 border border-2 border-grey rounded-1 d-flex align-items-center bg-white">
<div class="info-icon h2 me-4">
<i class="fa fa-phone bg-green rounded-circle text-center white" aria-hidden="true"></i>
</div>
<div class="info-detail">
<h4 class="mb-1">Contact NO.</h4>
<p class="m-0 grey">{{ setting('primary_number') }}</p>
<p class="m-0 grey">{{ setting('secondary_number') }}</p>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-6">
{% if app.request.get('status') == 'success' %}
<div class="alert alert-success">
Thanks for the contact. We will respond as soon as possible.
</div>
{% endif %}
{{ render(controller('App\\Controller\\ContactController::contactAction')) }}
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact us Section End -->
{% endblock %}