@extends('main')
@section('content')
<main>
    <!-- breadcrumb-area -->
    <!-- <section class="breadcrumb-area d-flex align-items-center" style="background-image: url({{ asset('frontend/img/testimonial/test-bg.jpg') }});">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 offset-xl-3 col-lg-8 offset-lg-2">
                    <div class="breadcrumb-wrap text-center">
                        <div class="breadcrumb-title mb-30">
                            <h2>Subscribe</h2>                                    
                        </div>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Subscribe</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <section id="blog" class="blog-area p-relative pt-95 pb-90 fix">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-xl-8 col-lg-10">
            <div class="section-title text-center mb-80">
              <h2>Subscribe</h2>
              <img src="{{ asset('frontend/img/bg/t-c-line.png') }}" />
            </div>
          </div>
        </div>
        <form id="contact-form">
          <div class="row col-10 m-auto">
          
          <div class="col-lg-12">                               
              <div class="contact-field p-relative c-subject mb-20">                                   
                  <input type="email" placeholder="Write your Email here" id="email">
              </div>
          </div>							
          <div class="col-lg-12">
             
              <div class="slider-btn">  
                  <button class="btn ss-btn" type="submit" data-animation="fadeInRight">Subscribe Now</button>                                        
              </div>                             
          </div>
      </div>
  </form>
      </div>
    </section>
</main>
@endsection
@push('scripts')
<script>
        
  $("#contact-form").on("submit",function(e){
      e.preventDefault();
      var email = $("#email").val();
    
      if(email != ''){
        $.ajaxSetup({
          "headers": {'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')}
        });
        $.ajax({
            url: '/newsletter',
            type: 'POST',
            data: {
                email
            },
            success: function(response) {
                $("#email").val('');
                alert("done");
            
            },
            error: function(response) {
                alert("not done");
            }
        });
      }else{
        alert("Please enter values to continue! ");
      }
  })
</script>
@endpush