@include('frontend.newfrontend.layout.header') 

<section class="banner_section position-relative">
<img src="{{url('assets-front-new/images/team_banner.jpg')}}" class="w-100"/>

<div class="container-fluid d-flex align-items-center justify-content-center banner_title_position">
	<div class="row">
		<div class="col-lg-12">
			<div class="inner_banner_title text-center">
<h1 class="text-white">If You Have Any Query Feel<br> Free To Contact Us</span>
</h1>				
			</div>
		</div>
	</div>
</div>
</section>

<section class="about_section vector_bg">
<div class="container">
	<div class="row">
		<div class="col-lg-6">
       <div class="contact_info_box">
        <div class="contact_box mb-4">
         <div class="call_box">
         <img src="{{url('assets-front-new/images/call_icon.svg')}}"/>
            <span>Call Us</span>
          </div>
          <a class="d-block" href="tel:+917428100654">+91 7428100654</a>
       </div>

       <div class="contact_box mb-4">
         <div class="call_box">
         <img src="{{url('assets-front-new/images/email_icon.svg')}}"/>
            <span>Email Us</span>
          </div>
          <a class="d-block" href="mailto:support@dealplexus.com">support@dealplexus.com</a>
       </div>
       <div class="contact_box">
         <div class="call_box">
         <img src="{{url('assets-front-new/images/location_icon.svg')}}"/>
            <span>Visit Us</span>
          </div>
          <p>443, 4th Floor, Tower A2, Spaze iTech Park, Sohna Road, Gurgaon 122001</p>
          <p>115 Christopher Columbus Drive, Jersey City, NJ 07302, United States</p>
       </div>
      </div>

      </div>
      <div class="col-lg-6">
        <div class="contact_form_box">
        <h2 class="page_heading">Drop us a message and we will connect back with you</h2>
        <div class="alert alert-danger print-error-msg" style="display:none;font-size: 16px;">
            <span></span>
        </div>
        <div class="alert alert-success print-success-msg" style="display:none;font-size: 16px;">
          <span></span>
      </div>
        <form action="{{route('contact_us')}}" method="post"  id="contactUsForm">
        <input type="hidden" name="captcha_h" id="captcha_h" value="12345">
        <input type="hidden" id="captcha" class="form-control" name="captcha" maxlength="12" value="12345">

        @csrf
	<!-- Name input -->
	<div class="row">
	<div class="col-md-12">
	<div class="form-outline mb-3">
		<input type="text" id="name" placeholder="Full Name*" class="form-control" name="name" onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')">
	</div>
	</div>
	<!-- Email input -->
		<div class="col-md-6">

	<div class="form-outline mb-3">
		<input type="email" id="email" placeholder="Email address*" class="form-control" name="email">
	</div>
	</div>
		<div class="col-md-6">

	<div class="form-outline mb-3">
		<input type="tel" placeholder="Contact No.*" id="phone" class="form-control" name="phone" maxlength="12" onkeyup="if (/\D/g.test(this.value)) this.value=this.value.replace(/\D/g,'')">
	</div>
	</div>
		<div class="col-md-12">

	<!-- Message input -->
	<div class="form-outline mb-3">
		<textarea class="form-control" id="message" rows="4" placeholder="Message" name="message"></textarea>
	</div>
	</div>

	<div class="col-md-12">

    <div class="form-check mb-2">
  <input class="form-check-input" type="checkbox" checked value="" id="defaultCheck1">
  <label class="form-check-label" for="defaultCheck1">
  Update me on WhatsApp
  </label>
</div>
<div class="form-check mb-3">
  <input class="form-check-input" type="checkbox" value="" id="defaultCheck2">
  <label class="form-check-label" for="defaultCheck2">
  I agree to the <a href="#" class="read_more_btn">Term & conditions & Privacy Policy</a>
  </label>
</div>
</div>

		<div class="col-md-12">
	<!-- Submit button -->
	<button type="button" id="contactus_btn" class="global_btn text-white submit_btn">Submit</button>
	</div>
	</div>
</form>
      </div>
     </div>

</div>
</div>
</section>


<section class="map_section">
<img src="{{url('assets-front-new/images/map.svg')}}" class="w-100"/>
</section>

<script>
		function refresh_captcha()
		{
			$.ajax({
            type:'GET',
            url:"{{ route('refresh_captcha') }}",
            data:{              
              _token: "{{ csrf_token() }}",
            },
            success:function(data){
			  $("#cno").html(data.captcha);
			 $("#captcha_h").val(data.captcha);
            }
          });
			
		}
        $("#contactus_btn").click(function(e){
          e.preventDefault();
          var name = $("#name").val();
          var email = $("#email").val();
          var phone = $("#phone").val();
          var message = $("#message").val();
		  var captcha = $("#captcha").val();
		  var captcha_h = $("#captcha_h").val();
      
          $.ajax({
            type:'POST',
            url:"{{ route('contact_us') }}",
            data:{
              name:name, 
              email:email,
              phone:phone,
              message:message,
              captcha:captcha,
              captcha_h:captcha_h,
              _token: "{{ csrf_token() }}",
            },
            success:function(data){
              if($.isEmptyObject(data.error)){
                $(".print-error-msg").css('display','none');
                $(".print-success-msg").find("span").html(data.success);
                $(".print-success-msg").css('display','block');
                document.getElementById("contactUsForm").reset(); 
              }else{
                printErrorMsg(data.error);
              }
            }
          });
        });

        function printErrorMsg (msg) {
          $(".print-error-msg").find("span").html('');
          $(".print-error-msg").css('display','block');
          $.each( msg, function( key, value ) {
            $(".print-error-msg").find("span").append('<li>'+value+'</li>');
          });
        }
   </script>
@extends('frontend.newfrontend.layout.footer')