@extends('layouts.frontend.app')
@section('content')
		<!-- Start Page Title Area -->
		<div class="page-title-area bg-13">
			<div class="container">
				<div class="page-title-content">
					<h2>تواصل معنا </h2>

				</div>
			</div>
		</div>
		<!-- End Page Title Area -->

		<!-- Start Contact Area -->
		<section class="main-contact-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-8">
                        <div class="contact-wrap ptb-100">
                            <div class="contact-form">

                                @include('flash::message')
                                <div class="row">
                                    <div class="col-lg-6 col-sm-6">
                                        <form action="{{ route("cont.test") }}" method="POST" accept-charset="UTF-8">
                                            {{ csrf_field() }}
											<div class="form-group">
												<label>الاسم</label>
												<input type="text" name="name" id="name" class="form-control" required data-error="Please enter your name">
												<div class="help-block with-errors"></div>
											</div>
										</div>

										<div class="col-lg-6 col-sm-6">
											<div class="form-group">
												<label>البريد الالكتروني</label>
												<input type="email" name="email" id="email" class="form-control" required data-error="Please enter your email">
												<div class="help-block with-errors"></div>
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>عنوان الرسالة</label>
												<input type="text" name="subject" id="msg_subject" class="form-control" required data-error="Please enter your subject">
												<div class="help-block with-errors"></div>
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>الرسالة</label>
												<textarea name="message" class="form-control" id="message" cols="30" rows="10" required data-error="Write your message"></textarea>
												<div class="help-block with-errors"></div>
											</div>
										</div>

										<div class="col-lg-12 col-md-12">




                                            {{-- {!! Form::submit('Save', ['class' => 'default-btn btn-two']) !!} --}}
                                            <input type="submit" value="ارسال" class="default-btn btn-two">

											<div id="msgSubmit" class="h3 text-center hidden"></div>
											<div class="clearfix"></div>
										</div>
                                    </form>
									</div>
                                </div>
                            </div>
                        </div>
                        @foreach ($settings as $setting)
					<div class="col-lg-4">
						<div class="contact-info ptb-100" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1000'>
							<h3>تواصل معنا في أي وقت</h3>
							{{-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p> --}}

							<ul class="address">
								<li class="location">
									<i class="bx bxs-location-plus"></i>
									<span>العنوان</span>
                                   {{ $setting->address }}



								</li>
								<li>
									<i class="bx bxs-phone-call"></i>
									<span>Phone</span>
									<a href="tel:{{ $setting->phone1 }}">{{ $setting->phone_1 }}</a>
									<a href="tel:{{ $setting->phone2 }}">{{ $setting->phone_2 }}</a>
								</li>
								<li>
									<i class="bx bxs-envelope"></i>
									<span>Email</span>
									<a href="mailto:hello@conzio.com">{{ $setting->email }}</a>
									{{-- <a href="#">skype: Example</a> --}}
								</li>
							</ul>

							<div class="sidebar-follow-us">
								<h3>Follow us:</h3>

								<ul class="social-wrap">
									<li>
										<a href="{{ $setting->twitter }}" target="_blank">
											<i class="bx bxl-twitter"></i>
										</a>
									</li>
									<li>
										<a href="{{ $setting->instgram }}" target="_blank">
											<i class="bx bxl-instagram"></i>
										</a>
									</li>
									<li>
										<a href="{{ $setting->facebook }}" target="_blank">
											<i class="bx bxl-facebook"></i>
										</a>
									</li>
									{{-- <li>
										<a href="#" target="_blank">
											<i class="bx bxl-youtube"></i>
										</a>
									</li> --}}
								</ul>
							</div>
						</div>
                    </div>
                    @endforeach
				</div>
			</div>
		</section>
		<!-- End Contact Area -->

		<!-- Start Map Area -->
		<div class="map-area">
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.15830869428!2d-74.119763973046!3d40.69766374874431!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1595487039539!5m2!1sen!2sbd"></iframe>
		</div>
		<!-- End Map Area -->

        @endsection