@extends('frontend.layouts.default')
@section('content')
<!-- <section class="header-section">
  <div class="container">
    <h2 class="section-title mb-0">Contact Us</h2>
  </div>
</section> -->
<section class="header-section form-section">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-6">
        <div class="contact-content text-center">
          <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><a style="pointer-events:none;color: #1F60E7;">info@kayscience.com</a></h2>
        </div>
      </div>
      <div class="col-lg-4 d-none">
        <form class="contact-form" id="contactForm" action="{{ url('contactSubmit') }}" method="POST">
          {{ csrf_field() }}
          <div class="row">
            <div class="col-md-12">
              <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-submit" type="submit">Submit</button>
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>
@endsection
@push('inner-scripts')
<script>