@extends('layouts.front')

@section('content')

    <!-- End Page Title -->
	<section class="page-title">
        <div class="auto-container">
			<h2>Contact Us</h2>
			<ul class="bread-crumb clearfix">
				<li><a href="{{ route('user.home') }}">Home</a></li>
				<li>Pages</li>
				<li>Contact Us</li>
			</ul>
        </div>
    </section>
    
    <!-- Contact Page Section -->
    <div class="contact-page-section">
    	<div class="auto-container">
        	<div class="row clearfix">
			
				<!-- Info Column -->
				
				<!-- Map Column -->
				<div class="map-column col-lg-12 col-md-12 col-sm-12">
					<div class="inner-column">
						<!--Map Outer-->
						<div class="map-outer">
						    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3606.7930302209857!2d55.448871999999994!3d25.311156899999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f5fc48dbb91dd%3A0x51eb63437fd8e430!2sAl%20Burj%20Al%20Thaki%20Furniture%20LLC!5e0!3m2!1sen!2sin!4v1732293798214!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
							<!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d805184.6331292129!2d144.49266890254142!3d-37.97123689954809!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad646b5d2ba4df7%3A0x4045675218ccd90!2sMelbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2s!4v1574408946759!5m2!1sen!2s" allowfullscreen=""></iframe>-->
						</div>
					</div>
				</div>
			</div>
			
			<!-- Contact Boxed -->
			<div class="contact-boxed">
				<!-- Title Box -->
				
				<div class="row clearfix">
				    <div class="col-lg-6 col-md-6 col-sm-6">
    					<div class="inner-column">
    					
    						<!-- Info Box -->
    						<div class="info-box">
    							<div class="box-inner d-flex align-items-center">
    								<div class="icon flaticon-email-1"></div>
    								<div class="content">
    									<strong>Mail address</strong>
    									<a href="mailto:abatfurniture@gmail.com">abatfurniture@gmail.com</a><br>
    									<!--<a href="tel:+998757478492">+998757478492</a>-->
    								</div>
    							</div>
    						</div>
    						
    						<!-- Info Box -->
    						<div class="info-box">
    							<div class="box-inner d-flex align-items-center">
    								<div class="icon flaticon-map"></div>
    								<div class="content">
    									<strong>Office address</strong>
    									<div class="text">Shop 2, Building no 615, New Muwaillah, Sharjah</div>
    								</div>
    							</div>
    						</div>
    						
    						<!-- Info Box -->
    						<div class="info-box">
    							<div class="box-inner d-flex align-items-center">
    								<div class="icon flaticon-call"></div>
    								<div class="content">
    									<strong>Phone Number</strong>
    									<a href="tel:+971 56 740 6953">+971 56 740 6953</a><br>
    									<a href="tel:+9987574">+971 54 701 7953</a>
    								</div>
    							</div>
    						</div>
    						
    					</div>
    				</div>
    				
    				<div class="col-lg-6 col-md-6 col-sm-6">
    				    <!-- Contact Form -->
        				<div class="contact-form">
        				    <div class="title-box">
            					<h3>Connect With You</h3>
            					<div class="text"></div>
            				</div>
        					<form method="post" action="sendmail.php">
        					    @csrf
        						<div class="row clearfix">
        							
        							<div class="col-lg-6 col-md-6 col-sm-12 form-group">
        								<input type="text" name="name" placeholder="Enter Your name*" required="">
        							</div>
        							
        							<div class="col-lg-6 col-md-6 col-sm-12 form-group">
        								<input type="text" name="email" placeholder="Enter Email Address*" required="">
        							</div>
        							
        							
        							<div class="col-lg-6 col-md-6 col-sm-12 form-group">
        								<input type="text" name="phone" placeholder="Enter Phone Number" required="">
        							</div>
        							
        							<div class="col-lg-12 col-md-12 col-sm-12 form-group">
        								<textarea class="" name="message" placeholder="Enter Your Messege here" rows="5"></textarea>
        							</div>
        							
        							<div class="col-lg-12 col-md-12 col-sm-12 form-group">
        								<div class="buttons-box">
        									<button class="theme-btn btn-style-one" name="submit" type="submit">
        										post a comment
        									</button>
        								</div>
        							</div>
        							
        						</div>
        					</form>
        				</div>
        				<!-- End Contact Form -->
    				</div>
				</div>
				
			</div>
			<!-- End Contact Boxed -->
			
		</div>
	</div>
	<!-- End Contact Page Section -->

@endsection