@extends('layouts.default')

@section('page_css')
        @include('includes.portal-css')	
@stop
        
 @section('content')
  <!-- Breadcroumbs start -->
  <div class="wshipping-content-block wshipping-breadcroumb inner-bg-1 contact-banner">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-6">
          <h1>Contact Us</h1>
          <a href="{{URL('/')}}" title="Home">Home</a> / Contact Us </div>
        <div class="col-12 col-lg-6 text-right">
          <h4>We freight to all over the world
            The best logistic company, <span>FAST</span> and <span>SAFELY!</span></h4>
        </div>
      </div>
    </div>
  </div>
  <!-- Breadcroumbs end --> 
  <section class="c-padd">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-md-4">
          <div class="box-contect">
              <img src="{{url('frontend/images/contact-icon-1.png')}}" alt="contact" class="img-fluid mb-2" >
              <h4 class="font-weight-bold mb-2">Contact</h4>
              <h6 class="mb-1">Talk To Support</h6>
              <a href="">{{(isset($siteSetting['APP_PHONE_NO']['value']) && !empty($siteSetting['APP_PHONE_NO']['value']) ?$siteSetting['APP_PHONE_NO']['value'] : '')}}</a>
          </div>
        </div>
        <div class="col-md-4 mt-3 mt-sm-0">
          <div class="box-contect">
              <img src="{{url('frontend/images/contact-icon-2.png')}}" alt="location" class="img-fluid mb-2" >
              <h4 class="font-weight-bold mb-2">Location</h4>
              <h6 class="mb-1">Find Where We Are</h6>
              <p>{{(isset($siteSetting['APP_ADDRESS']['value']) && !empty($siteSetting['APP_ADDRESS']['value']) ?$siteSetting['APP_ADDRESS']['value'] : '')}}</p>
          </div>
        </div>
        <div class="col-md-4 mt-3 mt-sm-0">
          <div class="box-contect">
              <img src="{{url('frontend/images/contact-icon-3.png')}}" alt="meet us" class="img-fluid mb-2" >
              <h4 class="font-weight-bold mb-2">Meet Us</h4>
              <h6 class="mb-1">Available Hours To Meet</h6>
              <p>{{(isset($siteSetting['APP_TIME']['value']) && !empty($siteSetting['APP_TIME']['value']) ? $siteSetting['APP_TIME']['value'] : '')}}</p>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-12 col-md-12 courier-type-social">
          <ul class="social-icon">
            <li>
              <a target="_blank" href="{{(isset($siteSetting['APP_FB_LINK']['value']) && !empty($siteSetting['APP_FB_LINK']['value'])? $siteSetting['APP_FB_LINK']['value'] : '#' ) }}"><i class="fab fa-facebook-f"></i></a>    
            </li>
            <li>
              <a target="_blank" href="{{(isset($siteSetting['APP_GOOGLE_LINK']['value']) && !empty($siteSetting['APP_GOOGLE_LINK']['value']) ? $siteSetting['APP_GOOGLE_LINK']['value'] : '#' )}}"><i class="fab fa-google"></i></a>
            </li>
            <li>
              <a target="_blank" href="{{(isset($siteSetting['APP_LINKEDIN_LINK']['value']) && !empty($siteSetting['APP_LINKEDIN_LINK']['value']) ? $siteSetting['APP_LINKEDIN_LINK']['value'] : '#')}}"><i class="fab fa-linkedin-in"></i></a>
            </li>
            <li>
              <a target="_blank" href="{{(isset($siteSetting['APP_YOUTUBE_LINK']['value']) && !empty($siteSetting['APP_YOUTUBE_LINK']['value']) ? $siteSetting['APP_YOUTUBE_LINK']['value'] : '#')}}"><i class="fab fa-youtube"></i></a>
            </li>
            <li>
              <a target="_blank" href="{{(isset($siteSetting['APP_INSTAGRAM_LINK']['value']) && !empty($siteSetting['APP_INSTAGRAM_LINK']['value']) ? $siteSetting['APP_INSTAGRAM_LINK']['value'] : '#')}}"><i class="fab fa-instagram"></i></a>
            </li>
          </ul>        
          
        </div>
      </div>
    </div>
  </section>



  <section class="faq-section-2 c-padd">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8">
        <h3 class="font-weight-700 tx-title-blue mb-5 text-center">Drop us a message for any query</h3>

      </div>
    </div>
  </div>
</section>

  <section class="maps">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2885.590504154665!2d-79.58760858422207!3d43.67748565887743!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3995840842c7%3A0x6d2ea91e393a40c9!2s75%20International%20Blvd%2C%20Etobicoke%2C%20ON%20M9W%206L9%2C%20Canada!5e0!3m2!1sen!2sin!4v1583994692802!5m2!1sen!2sin" width="100%" height="500" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
  </section>

       <!-- <img src="{{ url('customerportal/images/contact.png') }}" class="img-fluid"> -->
  
  
  
   
@section('javascript')
  @include('includes.portal-script') 
  <script src="https://www.google.com/recaptcha/api.js"></script>	
  <script type="text/javascript">

   function onSubmit(token) {
     document.getElementById("contactf").submit();
   }
    $(document).read
  </script>
@stop
@endsection