1#@!#!123s

: / home / u193541357 / domains / senitap.com / public_html / resources / views / frontend /
Filename : contact.blade.php
back
@extends('frontend.layouts.main')

@section('title') {{ $title }} @stop
@section('heading') {{ $title }} @stop

@section('content')
	<header>
	  	<div class="container header-hero">
		    <div class="row">
		      <div class="col-lg-6">
		        <div class="contenet-hero">
		          <h5>We love to talk</h5>
		          <h1>Contact</h1>
		        </div>
		      </div>
		    </div>
	  	</div>
	</header>

	<div class="wrapper mb-50">
	  	<div class="root-contact">
		    <div class="container-fluid ">
		      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d59089.14686774464!2d70.60153175820312!3d22.237359000000005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3959cd135230d485%3A0x2e0d3d69b0b242d1!2sSenitap%20Private%20Limited!5e0!3m2!1sen!2sin!4v1680885423058!5m2!1sen!2sin" width="100%" height="650" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
		    </div>

		    <div class="container section-margin">
		      <div class="row">
		        <div class="col-lg-6">
		          <div class="box-info-contact">
		            <h3>Let's talk about your Requirment. </h3>
		            <p>We're here to help answer any questions you might have.
		              We look forward to hearing from you </p>
		            <ul>
		              <li>
		                <span>India Ph.</span>
		                <a href="tel:91974081670">+91 97408 12670</a>
		              </li>
		              <li>
		                <span>Nepal Ph.</span>
		                <a href="tel:+97721543410">+977 2154 3410</a>
		              </li>
		              <li>
		                <span>Email</span>
		                <a href="mailto:info@senitap.com">info@senitap.com</a>
		              </li>
		              <li>
		                <span>Reach Us</span>
		                <a href="https://goo.gl/maps/RmkkfxTMHpiXgDAi6" target="_blank">Click to Reach Us</a>
		              </li>
		            </ul>
		          </div>
		        </div>

		        <div class="col-lg-6">
		          <div class="form-box">
		            <h3>Talk With Our Executive</h3>
		            <form id="contact-form" class="form" action="{{ route('frontend.store_contact_us') }}" data-toggle="validator">
		            	@csrf
		              <div class="messages"></div>
		              <div class="input__wrap controls">
		                <div class="form-group">
		                  <div class="entry">
		                    <label>What's your name?</label>
		                    <input id="form_name" type="text" name="name" placeholder="Type your name"/>
		                  </div>
		                  <div class="help-block with-errors" id="contact_name"></div>
		                </div>

		                <div class="form-group">
		                  <div class="entry">
		                    <label>What's your email address?</label>
		                    <input id="form_email" type="email" name="email" placeholder="Type your Email Address"/>
		                  </div>
		                  <div class="help-block with-errors" id="contact_email"></div>
		                </div>
		                
		                <div class="form-group">
		                  <div class="entry">
		                    <label>What's your Phone Number?</label>
		                    <input id="form_phone" type="tel" name="phone" placeholder="Type your Phone Number"/>
		                  </div>
		                  <div class="help-block with-errors" id="contact_phone"></div>
		                </div>

		                <div class="form-group">
		                  <div class="entry">
		                    <label>What's up?</label>
		                    <textarea id="form_message" class="form-control" name="message" placeholder="Tell us about you and the world"></textarea>
		                  </div>
		                  <div class="help-block with-errors" id="contact_message"></div>
		                </div>

		                <div class="image-zoom" data-dsn="parallax">
		                  <button type="button" id="saveContact">Send Message</button>
		                </div>
		              </div>
		            </form>
		          </div>
		        </div>
		      </div>
		    </div>
	  	</div>

	  	<!--<section class="contact-up section-margin section-padding">-->
		  <!--  <div class="container">-->
		  <!--    <div class="c-wapp">-->
		  <!--      <a href="{{ route('frontend.index') }}">-->
		  <!--        <span class="hiring">-->
		  <!--          Home-->
		  <!--        </span>-->
		  <!--        <span class="career">-->
		  <!--          Take Me There-->
		  <!--        </span>-->
		  <!--      </a>-->
		  <!--    </div>-->
		  <!--  </div>-->
	  	<!--</section>-->
	</div>
@endsection
@section('jquery')
<script type="text/javascript">
     $(document).on('click', '#saveContact', function(e) {
          e.preventDefault();
          var formData = new FormData($('#contact-form')[0]);

          $.ajax({
               url: "{{ route('frontend.store_contact_us') }}",
               method: 'POST',
               data: formData,
               dataType: "json",
               contentType: false,
               processData: false,
               success: function(response) {
                    if (response.code == 200) {
                        $(".with-errors").html('');
                        // $(".showMessage").removeClass('d-none');
                        // $('#contactForm')[0].reset();
                        // setTimeout(function () {
                        //     $(".showMessage").addClass('d-none');
                        // }, 2000);
                        location.reload();
                    } else {
                        $(".with-errors").html('');
                        $.each(response.error, function(key, value) {
                            $("#contact_" + key).html(value);
                        });
                    }
              },
          });
     });
</script>
@endsection