<?php
/**
 * Default theme — Contact page
 *
 * @contract  Store API v1 — page: contact
 * @see       Store_cart_payload::page_contact()
 * @see       /store/api/v1/pages/contact
 *
 * GLOBALS (always available via Storeapp::view)
 *   $store_setting   array   All store settings key-value map
 *   $client          array   Logged-in customer array; empty array if guest
 *   $home_link       string  Absolute URL to store homepage
 *
 * PAGE VARIABLES
 *   $contact_content   string  Contact page body / instructions (HTML)
 *   $contact_email     string  Store contact email address
 *   $contact_phone     string  Store contact phone number
 *   $contact_address   string  Store physical address
 *   $contact_url       string  Form action URL
 *   $googlerecaptcha   string  Google reCAPTCHA site key (empty if disabled)
 */
?>
<section class="contact-page">
   <div class="container">
      <div class="contact-page-wrapper">
	     <h1><?= __('store.contact_us') ?></h1>
		 <img src="<?= base_url('assets/store/default/img/popline.png'); ?>" class="cn-titlebar" alt="<?= __('store.contact_us') ?>">
		 <p class="cn-para"><?php echo  !empty($content['contact_content']) ? $content['contact_content'] : '' ?></p>
		 
		 <div class="contact-inner-wrapper">
		   <div class="contact-form-wrapper">
		     <div class="contact-character">
		     	<?php $store_contactimage = ($storesettings['contactimage']) ? 
		     											base_url('assets/images/site/'.$storesettings['contactimage']) :
		     											base_url('assets/store/default/img/cn-charact.png'); ?>
			   <img src="<?= $store_contactimage; ?>" class="img-fluid" alt="<?= __('store.contact_us') ?>">
			 </div>
			 <div class="cn-main">
			    <h2><?= __('store.contact_info') ?></h2>
				<div class="cn-info-row">
				  <p><span class="cn-ifno-title"><?= __('store.phone') ?>:</span> <span><?= !empty($storesettings['contact_number']) ? $storesettings['contact_number'] : '+90 555 555 5555';?></span></p>
				  <p><span class="cn-ifno-title"><?= __('store.email') ?>:</span> <span><?= !empty($storesettings['email']) ? $storesettings['email'] : 'lorem@lorem.com';?></span></p>
				  <p><span class="cn-ifno-title"><?= __('store.address') ?>:</span> <span><?= !empty($storesettings['address']) ? $storesettings['address'] : 'Keas 69 Str. 15234, Chalandri Athens, Greece';?></span></p>
				</div>
				<h2><?= __('store.contact_info') ?></h2>
				
				<form class="form-horizontal cn-main-form p-2" action="" method="post">
					<div class="form-row">
					<div class="mb-3">
					<input id="name" value="<?php echo set_value('name'); ?>" name="name" type="text" placeholder="<?= __('store.your_name') ?>" class="form-control">
					<?php 
						if(!empty(form_error('name'))){
							echo '<span class="text-danger">'.form_error('name').'</span>';
						}
					?>
					</div>
					<div class="mb-3">
					<input id="email" value="<?php echo set_value('email'); ?>" name="email" type="text" placeholder="<?= __('store.your_email') ?>" class="form-control">
					<?php 
						if(!empty(form_error('email'))){
							echo '<span class="text-danger">'.form_error('email').'</span>';
						}
					?>
					</div>
					</div>
					<div class="mb-3">
					<input id="phone" value="<?php echo set_value('phone'); ?>" name="phone" type="text" placeholder="<?= __('store.your_phone') ?>" class="form-control">
					<?php 
						if(!empty(form_error('phone'))){
							echo '<span class="text-danger">'.form_error('phone').'</span>';
						}
					?>
					</div>
					<div class="mb-3">
					<textarea class="form-control" id="message" name="message" placeholder="<?= __('store.please_enter_your_message_here') ?>" rows="5"><?php echo set_value('message'); ?></textarea>
					<?php 
						if(!empty(form_error('message'))){
							echo '<span class="text-danger">'.form_error('message').'</span>';
						}
					?>
					</div>
					<div class="checkbox">
				        <label>
				          <input type="checkbox" name="terms" value="1" class="me-2 float-start" style="height: 25px; width: 25px;" checked />
				          <a href="<?= $tnc_link ? $tnc_link : base_url('term-condition') ?>" target="_blank">
				          	<?= __('store.terms_n_conditions') ?>
			          	</a>
				        </label>

				        <?php 
							if(!empty(form_error('terms'))){
								echo '<br><span class="text-danger">'.__('store.please_check_terms').'</span>';
							}
						?>
			      </div>
			      
					<?php if (!empty($googlerecaptcha['store_contact']) && !empty($googlerecaptcha['sitekey'])): ?>
					    <?php
					        $recaptcha_version = $googlerecaptcha['version'] ?? 'v2';
					        $sitekey = $googlerecaptcha['sitekey'];
					    ?>
					    <?php if ($recaptcha_version === 'v2'): ?>
					        <div class="captch mb-3">
					            <script src="https://www.google.com/recaptcha/api.js" async defer></script>
					            <div class="g-recaptcha" data-sitekey="<?= $sitekey ?>"></div>
					        </div>
					    <?php elseif ($recaptcha_version === 'v3'): ?>
					        <script src="https://www.google.com/recaptcha/api.js?render=<?= $sitekey ?>"></script>
					        <script>
					            grecaptcha.ready(function() {
					                grecaptcha.execute('<?= $sitekey ?>', {action: 'store_contact'}).then(function(token) {
					                    var input = document.getElementById('recaptcha_token_store_contact');
					                    if (input) {
					                        input.value = token;
					                    }
					                });
					            });
					        </script>
					        <input type="hidden" name="g-recaptcha-response" id="recaptcha_token_store_contact">
					    <?php endif; ?>
					<?php endif; ?>

					<div class="mb-3">
					<input type="submit" class="btn cn-sbt-btn" value="<?= __('store.submit') ?>">
					</div>
				</form>
			 </div>
		   </div>
		  <div class="contact-map">
		   	<?= !empty($storesettings['contact_us_map']) ? $storesettings['contact_us_map'] :
		   	'<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d55565170.29301636!2d-132.08532758867793!3d31.786060306224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2sph!4v1592929054111!5m2!1sen!2sph";" width="600" height="450" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>'
		   	?>
		   </div>
		 </div>
	  </div>
   </div>
</section>