@extends('layouts.frontLayout.front-layout')
@section('content')
<div class="site-main  main-container no-sidebar">
  <div class="section-037">
    <div class="breadcrumbs-wrapper text-uppercase">
      <div class="container">
         <div class="breadcrumbs">
          <a href="{{ url('/') }}" title="Back to the home page">Home</a>
          <a href="{{ url('/contact-us') }}"><span>|</span><span class="fw-bold">Contact</span></a>
    </div>
      </div>
   </div>
    <div class="container">
      <div class="rage-popupvideo style-01 mt-3 pt-2">
        <div class="row">
        <div class="row">
          <div class="col-md-12 col-xl-10 col-lg-12">
            <div class="row">
              <div class="col-md-6">
               <!-- <h4 class="az_custom_heading">GET IN TOUCH</h4>
             
               <p> Red King Knit (INDIA)<br>
                    32 B Deep Vihar Bahadar Ke Road<br>
                    Ludhiana, Punjab<br>
                    141008.<br> 
                </p>  -->
                <h4 class="az_custom_heading mb-2">For any information or questions</h4>
                <p><a href="mainto::care@honeybearworld.com"></a></p>
              </div>
              <div class="col-md-6">
                <div role="form" class="wpcf7">
				 @if(isset($_GET['s']))
				  <div class="alert alert-success alert-dismissible">Your infomation has been submitted successfully.<br>We will get back to you soon.<span></span></div>
				 @endif 
                   <form class="wpcf7-form" id="SaveContact" action="javascript:;" method="post">@csrf
                  
                    <p>
                      <label> Name *<br>
                        <span class="wpcf7-form-control-wrap your-name">
                        <input name="name" id="con-name" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" type="text">
                        </span> </label>
						<p class="err text-center" id="Contact-name" style="display: none;"></p>   
                    </p>
                    <p>
                      <label> Email *<br>
                        <span class="wpcf7-form-control-wrap your-email">
                        <input name="email" id="con-email" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" type="text">
                        </span> </label>
						 <p class="err text-center" id="Contact-email" style="display: none;"></p>   
                    </p>
					<p>
                      <label> Mobile *<br>
                        <span class="wpcf7-form-control-wrap your-email">
                        <input name="mobile" id="con-mobile" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" type="text">
                        </span> </label>
						 <p class="err text-center" id="Contact-mobile" style="display: none;"></p>   
                    </p>
                    <p>
                      <label> Your Message *<br>
                        <span class="wpcf7-form-control-wrap your-message">
                        <textarea name="message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea"></textarea>
                        </span> </label>
						<p class="err text-center" id="Contact-message" style="display: none;"></p>    
                    </p>
                    <p>
                      <input value="Send"  class="btn button-cart rounded-0" type="submit">
                    </p><br>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<script type="text/javascript" src="{{ asset('js/ajax_jquery.min.js')}}"></script>
<script type="text/javascript">
    window.history.pushState("", "", "/contact-us");
    //Guest Checkout
    $("#SaveContact").submit(function(e){
        e.preventDefault();
        $('.PleaseWaitDiv').show();
        var formdata = $("#SaveContact").serialize();
        $.ajax({
            url: "/save-contact",
            type:'POST',
            data: formdata,
            success: function(data) {
                $('.PleaseWaitDiv').hide();
                if(!data.status){
                    if(data.type=="validation"){
						var err_no = 0;
                        $.each(data.errors, function (i, error) {
							err_no = err_no + 1;
                            $('#Contact-'+i).attr('style', 'color:red');
                            $('#Contact-'+i).html(error);
							if(err_no  == 1) { $('#con-'+i).focus(); }
                            setTimeout(function () {
                                $('#Contact-'+i).css({
                                    'display': 'none'
                                });
                            }, 5000);
                        });
                    }
                }else{
                    window.location.href= data.url;
                }
            }
        });
    });
</script>
@stop
@section('javascript')
@parent
@stop