@extends('layouts.arabic')

  @section('content')

 
          <section class="gauto-testimonial-area section_70">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="site-heading">
                     <h2>اتصل بنا</h2>
                  </div>
               </div>
            </div>
          
         </div>
      </section>
      <!-- Testimonial Area End -->
       

       
       
      <!-- About Area Start -->
      <section class="gauto-about-area section_70">
         <div class="container">
            <div class="row">
              <div class="col-lg-4">
                 <div class="opening-hours vc_opening-hours">
    <h3>اترك رسالتك</h3>
    <p class="conp">إذا كان لديك أي أسئلة حول الخدمات التي نقدمها ، فما عليك سوى استخدام النموذج أدناه. نحاول الرد على جميع الاستفسارات والتعليقات في غضون 24 ساعة.</p>
    @if ($errors->any())
    <div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
            <li>{{$error}}</li>
        @endforeach
    </ul>
    </div>
    @endif
    @if (Session::has('success'))
        <div class="alert alert-success"> {{ Session::get('success') }} </div>
    @endif
    <form action="{{ route('arabicpostData') }}" method="post" enctype="multipart/form-data">
      @csrf
    <div class="row">
      <div class="col-md-12">
        <div class="form-group">
          <input type="text" class="form-control" name="name" placeholder="اسم">
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group">
          <input type="email" class="form-control" name="email" placeholder="البريد الإلكتروني">
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group">
          <input type="text" class="form-control" name="phone" placeholder="هاتف">
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group">
          <textarea class="form-control" name="message" placeholder="رسالتك.."></textarea>
        </div>
      </div>
      <div class="col-md-12">
       <div class="form-group">
      <div class="g-recaptcha" data-sitekey="6LdINGcaAAAAAMoQYUumXA9dKiwXQlE8vwKda5zK"></div>
      </div>
      </div>
      <div class="col-md-12">
        <div class="load-more">
          <button type="submit" class="gauto-btn">إرسال</button>
        </div></div>
      </div>
    </form>
    </div>
               </div>
               <div class="col-lg-8">
                  <div class="about-left">
                     <h2>بيانات المتصل</h2>
                     <p>إذا كان لديك أي أسئلة حول ما نقدمه للعملاء أو للأعمال التجارية ، فيمكنك دائمًا مراسلتنا عبر البريد الإلكتروني أو الاتصال بنا عبر التفاصيل أدناه. سنقوم بالرد خلال 24 ساعة.
</p>
<div class="row">

                   <div class="col-md-6">
                                <div class="fh-contact-box type-address "><i class="fa fa-map-marker"></i>
                                    <h4 class="box-title">قم بزيارة مكتبنا</h4>
                                    <div class="desc">
                                        <p>3604- As Sanabel Dist. Unit No 1 Jeddah 22434-6675 Kingdom of Saudi Arabiya</p>
                                    </div>
                                </div>
                                <div class="fh-contact-box type-email "><i class="fa fa-envelope-o"></i>
                                    <h4 class="box-title">راسلنا على</h4>
                                    <div class="desc">
                                        <p>inforoadflix@gmail.com
                                        </p>
                                    </div>
                                </div>
                            </div>
                          <div class="col-md-6">
                                <div class="fh-contact-box type-phone "><i class="fa fa-phone "></i>
                                    <h4 class="box-title">اتصل بنا على</h4>
                                    <div class="desc">
                                        <p>00966122889585</p>
                                    </div>
                                </div>
                                <div class="fh-contact-box type-social "><i class="fa fa-share-alt"></i>
                                    <h4 class="box-title">مواقع التواصل الاجتماعي</h4>
                                    <ul class="clearfix">
                                        <li class="facebook">
                                            <a href="#" target="_blank">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="twitter">
                                            <a href="#" target="_blank">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="googleplus">
                                            <a href="#" target="_blank">
                                                <i class="fa fa-instagram"></i>
                                            </a>
                                        </li>
                                       
                                        <li class="linkedin">
                                            <a href="#" target="_blank">
                                                <i class="fa fa-linkedin"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
              </div>
                  </div>
               </div>
               
            </div>
         </div>
      </section>
      <!-- About Area End -->
       
       <script src='https://www.google.com/recaptcha/api.js' async defer ></script>
      <!-- Service Area Start -->
      <section class="gauto-service-area section_70">
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3714.7635275950483!2d39.26651551441364!3d21.399213780405272!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c3cbb277d68443%3A0x9fd40cdef981460a!2sAl%20Sanabel%2C%201%2C%20Jeddah%2022434%C2%A07089%2C%20Saudi%20Arabia!5e0!3m2!1sen!2sin!4v1586767781116!5m2!1sen!2sin" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe> 
     </section>
      <!-- Service Area End -->
       
       
<!-- Service Area End -->

@endsection