@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>
        <form id="contactf" action="{{ route('contact.request.submit') }}" method="post">
          @csrf
          <div class="row">
            <div class="col-md-12">
              @if($errors->first('error'))
              <span class="text-danger">{{ $errors->first('error') }}</span>
              @elseif($errors->first('success'))              
              <span class="text-success">{{ $errors->first('success') }}</span>
              @endif
            </div>
            <div class="col-12 col-md-12 form-group">
                <select name="contact_type" class="form-control" >
                    @foreach($contactType as $key => $value)
                      <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @if($errors->first('contact_type'))
                <span class="text-danger">{{ $errors->first('contact_type') }}</span>
                @endif
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-md-6 form-group">
              <input type="text" name="name" required="request" value="{{ old('name',(\Auth::check() ? \Auth::user()->name : '')) }}" class="form-control" placeholder="Name">
              @if($errors->first('name'))
              <span class="text-danger">{{ $errors->first('name') }}</span>
              @endif
            </div>
            <div class="col-12 col-md-6 form-group">
              <input type="email" name="email" required="request"  value="{{ old('email',(\Auth::check() ? \Auth::user()->email : '')) }}" class="form-control" placeholder="Email">
              @if($errors->first('email'))
              <span class="text-danger">{{ $errors->first('email') }}</span>
              @endif
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-md-6 form-group">
              <input type="text" name="phone" class="form-control" value="{{ old('phone',(\Auth::check() ? \Auth::user()->phone : '')) }}" placeholder="Phone">
              @if($errors->first('phone'))
              <span class="text-danger">{{ $errors->first('phone') }}</span>
              @endif
            </div>
            <div class="col-12 col-md-6 form-group">
              <input type="text" name="subject" class="form-control" value="{{ old('subject') }}" placeholder="Subject">
              @if($errors->first('subject'))
              <span class="text-danger">{{ $errors->first('subject') }}</span>
              @endif
            </div>
          </div>
          <div class="row">
            <div class="col form-group">
              <textarea class="form-control" name="message" id="" rows="3" placeholder="Message">{{ old('message') }}</textarea>
              @if($errors->first('message'))
              <span class="text-danger">{{ $errors->first('message') }}</span>
              @endif
            </div>
          </div>
          <div class="text-center">
         <!--   
          <button  class="g-recaptcha btn-3" 
        data-sitekey="6LeRFSYpAAAAALApaiEzTnpUb80s0lslPIRhHKH8" 
        data-callback='onSubmit' 
        data-action='submit' type="submit">Send Message</button>
      -->
          </div>
        </form>
      </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