@extends('layouts.frontLayout.front-layout')
@section('content') 
<div class="site-main  main-container no-sidebar">
  <div class="section-037">
    <div class="container">
      <div class="rage-popupvideo style-01 mt-3 pt-2">
        <div class="row">
          <ol class="breadcrumb">
            <li><a href="{{ url('/') }}">Home</a></li>
            <li class="active">feedback</li>
          </ol>
        </div>
        <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>HB-3, Phase -VI, Focal Point , Ludhiana, Punjab<br>
                  P: 91-161-5095461, 5095458 F: +91-161-2672517</p>
                <h4 class="az_custom_heading">For any information or questions</h4>
                <p><a href="#">i</a>nfo@honeybears.co.in</p>
              </div>
              <div class="col-md-6">
                <div role="form" class="wpcf7">
				 @if(isset($_GET['s']))
				  <div class="alert alert-success alert-dismissible"><button type="button" class="close" data-dismiss="alert">&times;</button>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="wpcf7-form-control wpcf7-submit" type="submit">
                    </p>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@stop
@section('javascript')
@parent
<script type="text/javascript" src="{{ asset('js/ajax_jquery.min.js')}}"></script>
<script type="text/javascript">
    window.history.pushState("", "", "/feedback");
    //Guest Checkout
    $("#SaveContact").submit(function(e){
        e.preventDefault();
        $('.PleaseWaitDiv').show();
        var formdata = $("#SaveContact").serialize();
        $.ajax({
            url: "/save-feedback",
            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