@extends('frontend.layouts.default')
@section('content')
   <!-- banner section start-->
    <div class="inner-page-banner-strip"> 
<!--         <img src="{{ url('frontend/img/inner-page-background.jpg') }}" alt="...">  -->
    </div>
    <!-- / banner section end -->
    <!-- style="background-image: url(img/student-bg.jpg);" -->
<div class="section custom_bnr banner-top fw-banner">
      <div class="floated-content">
        <div class="container">
          <div class="row custombnr">
            <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                <h2 class="title4">Contact Us</h2>
<!--                <h3 class="title4sub text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut</h3>-->
            </div>
          </div>
        </div>
      </div>
 </div>
<div class="section form-section" style="margin: 40px;" id="">
  <div class="container">
    <div class="col-md-1"></div>
    <div class="col-xs-5">
        <div class="contact-content">
            <img src="{{ url('frontend/img/testimonial-bg.png') }}"alt="" >
            <h3 class="title">Get in touch</h3>
            <p>Want to get in touch?<br>We'd like to hear from you.<br> Here's how you can reach us...</p>
            <h2>info@kayscience.com</h2>
        </div>
    </div>
    <div class="col-xs-5">
    <form class="form-ct" id="contactForm" action="{{ url('contactSubmit') }}" method="POST">
      {{ csrf_field() }}
      <div class="row">
       <div class="col-md-12 form-block">
          <div class="row">
            <div class="col-xs-12">
              <div class="form-group">
                <label>Reason to Contact</label>
                <input type="text" class="form-control" placeholder="Reason to Contact" name="reason" id="reason" value="{{ old('reason')}}">
              </div>
            </div>
            <div class="col-xs-12">
              <div class="form-group">
                <label>Full Name</label>
                <input type="text" class="form-control" placeholder="Full Name" name="name" id="name" value="{{ old('name')}}">
              </div>
            </div>
            <div class="col-xs-12">
              <div class="form-group">
                <label>Email</label>
                <input type="text" class="form-control" placeholder="Email" name="email" id="email" value="{{ old('email')}}">
              </div>
            </div>
            <div class="col-xs-12">
                    <div class="form-group">
                        <textarea type="text" placeholder="Message" rows="5"  name="message" id="message" class="form-control md-textarea" >{{ old('message')}}</textarea>
                        <label for="message">Your message</label>
                    </div>
                </div>
          <div class="col-xs-12">
                <div class="form-group">
              <label for="captcha">Captcha</label>
              {!! NoCaptcha::renderJs() !!}
              {!! NoCaptcha::display() !!}
              @error('g-recaptcha-response')
              <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
              @enderror
              </div>
            </div>
            <div class="col-xs-12 text-center">
              <input type="hidden" name="recaptcha" id="recaptcha">
          
              <button class="btn btn-primary submit pull-center" type="submit">Submit</button>
            </div>
        </div>
        </div>
      </div>
    </form>
      </div>
</div>
</div>
   
  <!-- / featuress-section end -->
  <div class="clearfix"></div>

   <!-- / Subscription-section start 
   @include('frontend/pages/newsletter');-->
     <!-- / Subscription-section start -->
  <!-- Modal -->
  <div class="modal fade vd-modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-body">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <div class="vid">
            <iframe width="100%" height="350" src="//www.youtube.com/embed/M-1S9NmH9O0" allowfullscreen=""></iframe>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- modal end -->
@endsection

@push('inner-scripts')
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://www.google.com/recaptcha/api.js?render={{ config('services.recaptcha.sitekey') }}"></script>

<script>