<?php include 'header.php'; ?>

    <!-- Start main-content -->
	<section class="page-title" style="background-image: url(images/background/page-title-bg.png);">
		<div class="auto-container">
			<div class="title-outer">
				<h1 class="title">Contact Us</h1>
			</div>
		</div>
	</section>
	<!-- end main-content -->

	<!--Contact Details Start-->
	<section class="contact-details">
		<div class="container ">
			<div class="row">
				<div class="col-xl-5 col-lg-6">
					<div class="contact-details__right">
						<div class="sec-title">
							<span class="sub-title">Need any help?</span>
							<h2>Get in touch with us</h2>
						</div>
						<ul class="list-unstyled contact-details__info">
							<li>
								<div class="icon">
									<span class="lnr-icon-phone-plus"></span>
								</div>
								<div class="text">
									<h6>Have any question?</h6>
									<a href="tel: +91 99167 03789">+91 99167 03789</a><br>
									<a href="tel: +91 99869 81888">+91 99869 81888</a><br>
									<a href="tel: +91 81059 89296">+91 81059 89296</a>
								</div>
							</li>
							<li>
								<div class="icon">
									<span class="lnr-icon-envelope1"></span>
								</div>
								<div class="text">
									<h6>Write email</h6>
									<a href="mailto: info@akemilex.co">info@akemilex.co</a>
								</div>
							</li>
							<li>
								<div class="icon">
									<span class="lnr-icon-location"></span>
								</div>
								<div class="text">
									<h6>Visit anytime</h6>
									1st Floor, No.38/8, <br>Bazar Street, Neelasandra,<br> Bangalore - 560047
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-xl-7 col-lg-6">
					<div class="sec-title">
						<span class="sub-title">Send us email</span>
						<h2>Feel free to write</h2>
					</div>
					<!-- Contact Form -->
					<form id="contact_form" name="contact_form" action="form.php" method="post">
						<div class="row">
							<div class="col-sm-6">
								<div class="mb-3">
									<input name="form_name" class="form-control" type="text" placeholder="Enter Name">
								</div>
							</div>
							<div class="col-sm-6">
								<div class="mb-3">
									<input name="form_phone" class="form-control" type="text" placeholder="Enter Phone">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-6">
								<div class="mb-3">
									<input name="form_email" class="form-control required email" type="email" placeholder="Enter Email">
								</div>
							</div>
							<div class="col-sm-6">
								<div class="mb-3">
									<input name="form_subject" class="form-control required" type="text" placeholder="Enter Subject">
								</div>
							</div>
						</div>
						<div class="mb-3">
							<textarea name="form_message" class="form-control required" rows="7" placeholder="Enter Message"></textarea>
						</div>
						<div class="mb-5">
    <input name="form_botcheck" class="form-control" type="hidden" value="" />
    <button type="submit" class="theme-btn btn-style-one">
        <span class="btn-title">Send message </span>
    </button>

    <!-- Message will appear here -->
    <div id="form_result" style="margin-top:10px;"></div>
</div>
					</form>

					<!-- Contact Form Validation-->
				</div>
			</div>
		</div>
	</section>
	<!--Contact Details End-->

	<!-- Map Section-->
	<section class="map-section">
		<iframe  class="map w-100"  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2966.827781746167!2d77.61184567365326!3d12.954838587358985!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae1431905f83af%3A0x3022c379da3af7bb!2s1st%20Floor%2C%20XJ37%2BWQV%2C%2038%2F8%2C%20Bazaar%20St%2C%20Rose%20Garden%2C%20Richard%20Xavier&#39;s%20colony%2C%20Neelasandra%2C%20Bengaluru%2C%20Karnataka%20560047!5e1!3m2!1sen!2sin!4v1770715026730!5m2!1sen!2sin"></iframe>
	</section>
	<!--End Map Section-->
	
	<script>
document.getElementById("contact_form").addEventListener("submit", function(e){
    e.preventDefault();

    var form = this;
    var formData = new FormData(form);

    fetch("form.php", {
        method: "POST",
        body: formData
    })
    .then(response => response.text())
    .then(result => {
        document.getElementById("form_result").innerHTML = result;
        if(result.includes("success")){
            form.reset();
        }
    })
    .catch(() => {
        document.getElementById("form_result").innerHTML =
            '<div id="error">Something went wrong. Please try again.</div>';
    });
});
</script>


<?php include 'footer.php'; ?>