
<link rel="stylesheet" href='<{xoAppUrl}>modules/contact/assets/css/contact.css' type="text/css" >

<{if $recaptcha|default:false}>
<script src='https://www.google.com/recaptcha/api.js'></script>
<{/if}>



    <section id="contact" class="contact">
      <div class="container" data-aos="fade-up" data-aos-delay="100">
	  
        <div class="row gy-4">
          <div class="col-lg-6">
            <div class="info-item  d-flex flex-column justify-content-center align-items-center">
              <i class="bi bi-map"></i>
              <h3>Our Address</h3>
              <p><{$contact_default}></p>
            </div>
          </div><!-- End Info Item -->

          <div class="col-lg-3 col-md-6">
            <div class="info-item d-flex flex-column justify-content-center align-items-center">
              <i class="bi bi-envelope"></i>
              <h3>Email Us</h3>
              <p><{$info}></p>
            </div>
          </div><!-- End Info Item -->

          <div class="col-lg-3 col-md-6">
            <div class="info-item  d-flex flex-column justify-content-center align-items-center">
              <i class="bi bi-telephone"></i>
              <h3>Call Us</h3>
              <p>+1 5589 55488 55</p>
            </div>
          </div><!-- End Info Item -->

        </div>






    <div class="row gy-4 mt-1">
		<{if $map|default:false}>
          <div class="col-lg-6 ">
		<{$map|default:''}>
          </div>
		<{/if}>
		<div class="col-lg-6">
			<form name="save" class="php-email-form" action="<{xoAppUrl}>modules/contact/send.php" onsubmit="return xoopsFormValidate_save();" method="post" enctype="multipart/form-data">
				<{securityToken}><{*//mb*}>
				<div class="row gy-4">
				  <div class="col-lg-6 form-group">
					<input type="text" class="form-control" id="name" name="contact_name" placeholder="<{$lng_username_info|default:''}>">
				  </div>
				  <div class="col-lg-6 form-group">
					<input type="text" class="form-control" id="email" name="contact_mail" placeholder="<{$lng_email_info|default:''}>">
				  </div>
				</div>
				  <div class="form-group">
					<input type="text" class="form-control" id="subet" name="contact_subject" placeholder="<{$lng_subject_info|default:''}>">
				  </div>
				  <div class="form-group">
					  <textarea name="contact_message" id="contact_message" class="form-control" rows="3" placeholder="<{$lng_message_info|default:''}>"></textarea>
				  </div>

				<input type="hidden" name="op" id="op" value="save">
				  <input type="hidden" name="contact_id" id="contact_id" value="">
				  <input type="hidden" name="contact_uid" id="contact_uid" value="<{$contact_uid|default:''}>">

				  <{if $recaptcha|default:false}>
				  <div class="g-recaptcha" data-sitekey="<{$recaptchakey}>"></div>
				  <{/if}>
				  <div class="center">
					<input type="submit" class="btn btn-warning center" name="submit" id="submit" value="<{$lng_submit|default:''}>" title="<{$lng_submit|default:''}>" style="margin: 10px 0;" >
				</div>
			</form>
		</div>
	</div>
    </div>
    </section>

<style>
#name {
  width: 100%;
}
#email {
  width: 100%;
}
#subet {
  width: 100%;
}
#submit {
  background: #feb900;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
}

</style>
<!-- Start Form Validation JavaScript //-->
<script type='text/javascript'>

<!--//
function xoopsFormValidate_save() { var myform = window.document.save; 
if (myform.contact_name.value == "") { window.alert("<{$lng_username_info|default:''}>"); myform.contact_name.focus(); return false; }

if (myform.contact_mail.value == "") { window.alert("<{$lng_email_info|default:''}>"); myform.contact_mail.focus(); return false; }

if (myform.contact_subject.value == "") { window.alert("<{$lng_subject_info|default:''}>"); myform.contact_subject.focus(); return false; }

if (myform.contact_message.value == "") { window.alert("<{$lng_message_info|default:''}>"); myform.contact_message.focus(); return false; }
return true;
}
//-->
</script>
