@extends("en.layouts.innertheme")
@section("pagetitle","Contact Us | Lulua Alhibar Company")
@section("breadcrumbheading","CONTACT US")
@section("breadcrumburl","Contact Us")
@section("pagecontent")
<!-- Contact Info Section -->
<section class="contact-info-section">
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="title-box">
				<div class="title">GET IN TOUCH</div>
				<h2>Feel free to contact us to solve any problem!</h2>
				<div class="text">For genereal enquires you can touch with our front desk supporting team <br> at <a href="mailto:info@lulua-alhibar.com">info@lulua-alhibar.com</a> or call on <a href="tel:077-006-15557">077-006-15557</a></div>
			</div>
			
			<div class="row clearfix">
			
				<!-- Info Column -->
				<div class="info-column col-lg-4 col-md-6 col-sm-12">
					<div class="inner-column">
						<div class="content">
							<div class="icon-box"><span class="flaticon-pin"></span></div>
							<ul>
								<li><strong>Address</strong></li>
								<li>Yassin Khreibet - Basra - Iraq </li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Info Column -->
				<div class="info-column col-lg-4 col-md-6 col-sm-12">
					<div class="inner-column">
						<div class="content">
							<div class="icon-box"><span class="flaticon-phone-call"></span></div>
							<ul>
								<li><strong>Phone</strong></li>
								<li>077-006-15557 </li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Info Column -->
				<div class="info-column col-lg-4 col-md-6 col-sm-12">
					<div class="inner-column">
						<div class="content">
							<div class="icon-box"><span class="flaticon-email-1"></span></div>
							<ul>
								<li><strong>E-Mail</strong></li>
								<li>info@lulua-alhibar.com</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Contact Info Section -->
    <!-- Map Section -->
	<section class="contact-map-section">
		<div class="auto-container">
			<!-- Map Boxed -->
			<div class="map-boxed">
				<!--Map Outer-->
				<div class="map-outer">
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3436.7955567996873!2d47.770164799999996!3d30.5268196!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3fc498c9bea5a833%3A0x2eb1241ea756418e!2z2LTYsdmD2Kkg2KfZhNit2KjYp9ixINmE2YTYrtiv2YXYp9iqINin2YTZgdmG2YrYqSDZiNin2YTYqtmC2YbZitipINin2YTZhdit2K_ZiNiv2Kk!5e0!3m2!1sar!2siq!4v1673344526285!5m2!1sar!2siq" allowfullscreen=""></iframe>
				</div>
			</div>
		</div>
	</section>
	<!-- End Map Section -->
    <!-- Appointment Section -->
	<section class="appointment-section style-two">
		<div class="image-layer" style="background-image: url({{ URL::asset('images/background/4.jpg') }})"></div>
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="sec-title light centered">
				<div class="title">CONTACT US</div>
				<h2>Send Us a Message</h2>
			</div>
			<div class="inner-container">
				<div class="row clearfix">
					
					<!-- Image Column -->
					<div class="image-column col-lg-6 col-md-12 col-sm-12">
						<div class="inner-column wow slideInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="image">
								<img src="{{ URL::asset('images/resource/appointment.jpg') }}" alt="" />
							</div>
						</div>
					</div>
					
					<!-- Form Column -->
					<div class="form-column col-lg-6 col-md-12 col-sm-12">
						<div class="inner-column">
							<h4>You Don't Hesitate To Contact <br> With Us, Now Say Hello......</h4>
							<!-- Appointment Form -->
							<div class="appointment-form">
								<form method="post" action="{{ route('save') }}">
									@csrf
									<div class="row clearfix">
										<div class="col-lg-6 col-md-6 col-sm-12 form-group">
											<input type="text" name="name" class ="@if ($errors->has('name')) border-input @endif" placeholder="@if ($errors->has('name')) {{ $errors->first('name') }} @else Enter Name @endif" required="">
											<span class="icon fa fa-user"></span>
										</div>
										
										<div class="col-lg-6 col-md-6 col-sm-12 form-group">
											<input type="email" name="email" class ="@if ($errors->has('email')) border-input @endif" placeholder="@if ($errors->has('email')) {{ $errors->first('email') }} @else Email @endif" required="">
											<span class="icon fa fa-envelope"></span>
										</div>

										<div class="col-lg-6 col-md-6 col-sm-12 form-group">
											<input type="tel" name="phone" class ="@if ($errors->has('phone')) border-input @endif" placeholder="@if ($errors->has('phone')) {{ $errors->first('phone') }} @else Phone Number @endif" required="">
											<span class="icon fa fa-phone"></span>
										</div>

										<div class="col-lg-6 col-md-6 col-sm-12 form-group">
											<input type="text" name="subject" class ="@if ($errors->has('subject')) border-input @endif" placeholder="@if ($errors->has('subject')) {{ $errors->first('subject') }} @else Subject @endif" required="">
											<span class="icon fa fa-home"></span>
										</div>

										<div class="col-lg-12 col-md-12 col-sm-12 form-group">
											<textarea name="content" class="@if ($errors->has('content')) border-input @endif" placeholder="@if ($errors->has('content')) {{ $errors->first('content') }} @else Message @endif"></textarea>
										</div>

										<div class="col-lg-12 col-md-12 col-sm-12 form-group">
											<button class="theme-btn btn-style-three" type="submit" name="submit-form"><span class="txt">Send Massage</span></button>
										</div>
										@if(session()->has('message'))<div class="alert alert-success" id="alert-success">{{ session()->get('message') }}</div>@endif
									</div>
								</form>
							</div>
							
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</section>
    @endsection