@extends('layouts.frontend')

  @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>Contact Us</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-8">
    <div class="about-left">
     <h2>Contact Details</h2>
     <p>If you have any questions about what we offer for consumers or for business, you can always email us or call us via the below details. We’ll reply within 24 hours.
     </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">Visit our office</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">Mail Us at</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">Call us on</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">We are social</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 class="col-lg-4">
  <div class="opening-hours vc_opening-hours">
    <h3>LEAVE YOUR MESSAGE</h3>
    <p>If you have any questions about the services we provide simply use the form below. We try and respond to all queries and comments within 24 hours.</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('postData') }}" 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="Name">
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group">
          <input type="email" class="form-control" name="email" placeholder="Email">
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group">
          <input type="text" class="form-control" name="phone" placeholder="Phone">
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group">
          <textarea class="form-control" name="message" placeholder="Your Message..."></textarea>
        </div>

      </div>
      <div class="col-md-6">
         <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">Submit</button>
        </div></div>
      </div>
    </form>
    </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 -->

@endsection