@extends('ar.layouts.layout')
@section('contant')
	<section class="page-title">
            <div class="pattern-layer-one"></div>
            <div class="auto-container">
                <h2>اتصل بنا</h2>
                <ul class="page-breadcrumb">
                    <li><a href="{{route('home-ar')}}">الرئيسية</a></li>
                    <li>اتصل بنا</li>
                </ul>
            </div>
        </section>
    <!--End Page Title-->

	<!-- Contact Info Section -->
	<section class="contact-info-section">
		<div class="auto-container">
			<!-- Sec Title -->
			<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>{{ \App\Models\Settings::where('id', 29)->first()->value_ar }}</strong></li>
								<li>{{ \App\Models\Settings::where('id', 30)->first()->value_ar }}</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>{{ \App\Models\Settings::where('id', 31)->first()->value_ar }}</strong></li>
								<li>{{ \App\Models\Settings::where('id', 32)->first()->value_ar }}</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>{{ \App\Models\Settings::where('id', 33)->first()->value_ar }}</strong></li>
								<li>{{ \App\Models\Settings::where('id', 34)->first()->value_ar }}</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="{{ \App\Models\Settings::where('id', 19)->first()->value_ar }}"
						width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"
						referrerpolicy="no-referrer-when-downgrade" class="form-control"></iframe>
				</div>
			</div>
		</div>
	</section>
	<!-- End Map Section -->

	<!-- Contact Map Section -->
	<section class="contact-map-section">
		<div class="auto-container">
			<!-- Sec Title -->

			<!-- Contact Form -->
			<div class="contact-form">

						<!-- Contact Form -->
			 <form id="contactForm" action="{{asset('assets/php/form-process.php')}}">
					<div class="row clearfix">

						<div class="form-group col-lg-6 col-md-6 col-sm-12">
							<label>الاسم *</label>
							<input type="text" name="name" id="name" placeholder="" required>
						</div>

						<div class="form-group col-lg-6 col-md-6 col-sm-12">
							<label>الايميل *</label>
							<input type="text" name="email" id="email" placeholder="" required>
						</div>

						<div class="form-group col-lg-6 col-md-6 col-sm-12">
							<label>رقم الهاتف *</label>
							<input type="text" name="phone_number" id="phone_number" placeholder="" required>
						</div>

						<div class="form-group col-lg-6 col-md-6 col-sm-12">
							<label>عنوان الرساله</label>
							<input type="text" name="msg_subject" id="msg_subject" placeholder="" required>
						</div>

						<div class="form-group col-lg-12 col-md-12 col-sm-12">
							<label>رسالتك *</label>
							<textarea name="message" id="message" placeholder=""></textarea>
						</div>

						<div class="form-group text-center col-lg-12 col-md-12 col-sm-12">
							<button class="theme-btn btn-style-three" type="submit" name="submit-form"><span class="txt">{{ \App\Models\Settings::where('id', 35)->first()->value_ar }}</span></button>
					 <div id="msgSubmit" class="h3 text-center hidden"></div>
                        </div>

					</div>
				</form>
			</div>
			<!-- End Contact Form -->

		</div>
	</section>
	<!-- End Contact Map Section -->

@endsection