@extends("ar.layouts.innertheme")
@section("pagetitle","Contact Us | Lulua Alhibar Company")
@section("breadcrumbheading","تواصل معنا الان")
@section("breadcrumburl","تواصل معنا الان")
@section("pagecontent")
<!-- Contact Info Section -->
<section class="contact-info-section">
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="title-box">
				<div class="title">ابقى على تواصل</div>
				<h2>لا تتردد في الاتصال بنا لحل أي مشكلة</h2>
			</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>يُعَنوِن</strong></li>
								<li>ياسين خريبط - البصرة - العراق </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>رقم التليفون</strong></li>
								<li>5557-061-0770 </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>بريد إلكتروني</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">تواصل معنا الان</div>
				<h2>أرسل لنا رسالة</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>أنت لا تتردد في الاتصال
معنا الآن قل مرحبا</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 أدخل الاسم @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 بريد إلكتروني @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 رقم التليفون @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 موضوع @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 رسالة @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">أرسل رسالة</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