File: /storage/v4513/ivenusnew/public_html/wp-content/themes/astra/test.php
<?php
/* Template Name: dubai */
get_header();
?>
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->
<!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> -->
<!-- new added -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> -->
<!-- end added -->
<?php
global $post;
$page_title = $post->post_title;
$indianStates = [
'GJ' => 'Gujarat'
];
$state_list = array(
'GJ' => array(
'Ahmedabad', 'Amreli District', 'Anand', 'Banaskantha', 'Bharuch', 'Bhavnagar', 'Dahod', 'Dang', 'Gandhinagar', 'Gandhidham', 'Jamnagar', 'Junagadh', 'Kutch', 'Kheda', 'Mehsana', 'Narmada', 'Navsari', 'Patan', 'Panchmahal', 'Porbandar', 'Rajkot', 'Sabarkantha', 'Surendranagar', 'Surat', 'Vadodara', 'Valsad', 'Vapi'
)
);
$states_names_arr = array_keys($state_list);
global $post;
$sargs = array(
'posts_per_page' => -1,
'post_type' => 'wc_pickup_location',
'orderby' => 'menu_order',
'post_status' => 'publish'
);
$squery = new WP_Query($sargs);
if ($squery->have_posts()) {
while ($squery->have_posts()) : $squery->the_post();
$sc_queried_object = get_queried_object();
$meta = get_post_meta($post->ID);
$address_arr['store_name'][] = $post->post_title;
$address_arr['store_slug'][] = $post->post_name;
$address_arr['country'][] = $meta['_pickup_location_address_country'][0];
$address_arr['state'][] = $meta['_pickup_location_address_state'][0];
$address_arr['city'][] = $meta['_pickup_location_address_city'][0];
$address_arr['allcity'][] = $meta['_pickup_location_address_city'][0];
$location_override_geocoding = $meta['_pickup_location_override_geocoding'][0];
$addr1 = $meta['_pickup_location_address_address_1'][0];
$addr2 = $meta['_pickup_location_address_address_2'][0];
$city = $meta['_pickup_location_address_city'][0];
$state = $meta['_pickup_location_address_state'][0];
$country = $meta['_pickup_location_address_country'][0];
$postcode = $meta['_pickup_location_address_postcode'][0];
$final_address = $addr1 . ',' . $addr2 . ',' . $city . ',' . $state . ',' . $country . '-' . $postcode;
$address_arr['final_addr'][] = $final_address;
$map_address = str_replace(" ", "+", $final_address);
/*if(isset($location_override_geocoding)) {
if($location_override_geocoding == 'yes') {
$lat = $meta['_pickup_location_latitude'][0];
$long = $meta['_pickup_location_longitude'][0];
$address_arr['lat'][] = floatval($lat);
$address_arr['long'][] = floatval($long);
} else {
$json = file_get_contents("https://maps.google.com/maps/api/geocode/json?address=".$map_address."&key=AIzaSyDb-eEBgnRCrjero0g5PywtZMZIeTfmERQ");
$json = json_decode($json);
$lat = $json->{'results'}[0]->{'geometry'}->{'location'}->{'lat'};
$long = $json->{'results'}[0]->{'geometry'}->{'location'}->{'lng'};
$address_arr['lat'][] = $lat;
$address_arr['long'][] = $long;
}
} else {
$json = file_get_contents("https://maps.google.com/maps/api/geocode/json?address=".$map_address."&key=AIzaSyDb-eEBgnRCrjero0g5PywtZMZIeTfmERQ");
$json = json_decode($json);
$lat = $json->{'results'}[0]->{'geometry'}->{'location'}->{'lat'};
$long = $json->{'results'}[0]->{'geometry'}->{'location'}->{'lng'};
$address_arr['lat'][] = $lat;
$address_arr['long'][] = $long;
}*/
endwhile;
wp_reset_postdata();
}
$address_arr['state'] = array_unique($address_arr['state']);
$address_arr['city'] = array_unique($address_arr['city']);
?>
<main class="main ">
<nav aria-label="breadcrumb" class="breadcrumb-nav">
<div class="container d-flex align-items-center mt-4">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo SITE_URL; ?>">Home</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php echo 'Find A Store'; ?></li>
</ol>
</div><!-- End .container -->
</nav>
<div class="page-content">
<div class="cart store-locator">
<div class="container">
<div class="row">
<div class="col-lg-4">
<h4 class="mb-4">iVenus Stores</h4>
<div id="accordion">
<div class="card">
<?php
$s = 1;
foreach ($state_list as $key => $value) {
if (in_array($key, $address_arr['state'])) { ?>
<div class="card-header" id="heading-<?php echo $s; ?>">
<h5 class="mb-0">
<a role="button" data-toggle="collapse" href="#collapse-<?php echo $s; ?>" aria-expanded="true" aria-controls="collapse-<?php echo $s; ?>">
<?php
if ($key == "GJ") {
echo "Gujarat";
}
?>
</a>
</h5>
</div>
<?php if ($key == "MH") { ?>
<div id="collapse-<?php echo $s; ?>" class="collapse" data-parent="#accordion" aria-labelledby="heading-<?php echo $s; ?>">
<div class="card-body">
<div id="accordion-<?php echo $s; ?>">
<?php
$c = 1;
foreach ($value as $city_val) {
if (in_array($city_val, $address_arr['city'])) { ?>
<div class="card">
<div class="card-header" id="heading-<?php echo $s; ?>-<?php echo $c; ?>">
<h5 class="mb-0">
<a class="collapsed" role="button" data-toggle="collapse" href="#collapse-<?php echo $s; ?>-<?php echo $c; ?>" aria-expanded="false" aria-controls="collapse-<?php echo $s; ?>-<?php echo $c; ?>">
<?php echo $city_val; ?>
</a>
</h5>
</div>
<div id="collapse-<?php echo $s; ?>-<?php echo $c; ?>" class="citycollapse collapse" data-parent="#accordion-<?php echo $s; ?>" aria-labelledby="heading-<?php echo $s; ?>-<?php echo $c; ?>">
<div class="card-body">
<div id="accordion-<?php echo $s; ?>-<?php echo $c; ?>">
<?php
$a = 0;
foreach ($address_arr['store_name'] as $store_name) {
if ($address_arr['allcity'][$a] == $city_val) { ?>
<div class="card">
<div class="card-header">
<h5 class="">
<a class="storeanchor" id="<?php echo $address_arr['store_slug'][$a]; ?>" href="javascript:void(0);"><?php echo $store_name; ?></a>
</h5>
</div>
</div>
<?php
}
$a++;
} ?>
</div>
</div>
</div>
</div>
<?php
$c++;
}
} ?>
</div>
</div>
</div>
<?php } else { ?>
<div id="collapse-<?php echo $s; ?>" class="collapse show" data-parent="#accordion" aria-labelledby="heading-<?php echo $s; ?>">
<div class="card-body">
<div id="accordion-<?php echo $s; ?>">
<?php
$c = 1;
foreach ($value as $city_val) {
if (in_array($city_val, $address_arr['city'])) { ?>
<div class="card">
<div class="card-header" id="heading-<?php echo $s; ?>-<?php echo $c; ?>">
<h5 class="mb-0">
<a class="collapsed" role="button" data-toggle="collapse" href="#collapse-<?php echo $s; ?>-<?php echo $c; ?>" aria-expanded="false" aria-controls="collapse-<?php echo $s; ?>-<?php echo $c; ?>">
<?php echo $city_val; ?>
</a>
</h5>
</div>
<?php if ($city_val == 'Ahmedabad') { ?>
<div id="collapse-<?php echo $s; ?>-<?php echo $c; ?>" class="citycollapse collapse show" data-parent="#accordion-<?php echo $s; ?>" aria-labelledby="heading-<?php echo $s; ?>-<?php echo $c; ?>">
<div class="card-body">
<div id="accordion-<?php echo $s; ?>-<?php echo $c; ?>">
<?php
$a = 0;
foreach ($address_arr['store_name'] as $store_name) {
if ($address_arr['allcity'][$a] == $city_val) { ?>
<div class="card">
<div class="card-header">
<h5 class="">
<a class="storeanchor" id="<?php echo $address_arr['store_slug'][$a]; ?>" href="javascript:void(0);"><?php echo $store_name; ?></a>
</h5>
</div>
</div>
<?php
}
$a++;
} ?>
</div>
</div>
</div>
<?php } else { ?>
<div id="collapse-<?php echo $s; ?>-<?php echo $c; ?>" class="citycollapse collapse" data-parent="#accordion-<?php echo $s; ?>" aria-labelledby="heading-<?php echo $s; ?>-<?php echo $c; ?>">
<div class="card-body">
<div id="accordion-<?php echo $s; ?>-<?php echo $c; ?>">
<?php
$a = 0;
foreach ($address_arr['store_name'] as $store_name) {
if ($address_arr['allcity'][$a] == $city_val) { ?>
<div class="card">
<div class="card-header">
<h5 class="">
<a class="storeanchor" id="<?php echo $address_arr['store_slug'][$a]; ?>" href="javascript:void(0);"><?php echo $store_name; ?></a>
</h5>
</div>
</div>
<?php
}
$a++;
} ?>
</div>
</div>
</div>
<?php } ?>
</div>
<?php
$c++;
}
} ?>
</div>
</div>
</div>
<?php } ?>
<?php
$s++;
}
} ?>
</div>
</div>
</div>
<?php
if ($squery->have_posts()) {
$f = 0;
$final_address = '';
while ($squery->have_posts()) : $squery->the_post();
$sc_queried_object = get_queried_object();
$meta = get_post_meta($post->ID);
/*echo '<pre>';
print_r($meta);
echo '</pre>';
*/
$phone_number = $meta['_pickup_location_phone'][0];
$email_id = $meta['_pickup_location_email_recipients'][0];
$addr1 = $meta['_pickup_location_address_address_1'][0];
$addr2 = $meta['_pickup_location_address_address_2'][0];
$city = $meta['_pickup_location_address_city'][0];
$state = $meta['_pickup_location_address_state'][0];
$country = $meta['_pickup_location_address_country'][0];
$postcode = $meta['_pickup_location_address_postcode'][0];
$booking_form_id = $meta['_pickup_location_booking_form_id'][0];
if ($state == 'GJ') {
$state = 'Gujarat';
}
if ($country == 'IN') {
$country = 'India';
}
$final_address = $addr1 . ', ' . $addr2 . ', ' . $city . ', ' . $state . ', ' . $country . ' ' . $postcode;
$timings = $post->post_content;
$location_override_geocoding = $meta['_pickup_location_override_geocoding'][0];
$address_arr['store_name'][] = $post->post_title;
$map_address = str_replace(" ", "+", $final_address);
$map_address = urlencode(mb_convert_encoding($final_address, 'UTF-8'));
$store_image = get_field('store_image', $post->ID);
//print_r($store_image);
$team_image = get_field('team_image', $post->ID);
?>
<div class="col-lg-8 map_parent_div" id="<?php echo $post->post_name; ?>_div" style="display: none;">
<style>
#storeImg,
#teamImg {
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
#storeImg:hover,
#teamImg:hover {
opacity: 0.7;
}
/* The Modal (background) */
.modal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 1;
/* Sit on top */
padding-top: 100px;
/* Location of the box */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: rgb(0, 0, 0);
/* Fallback color */
background-color: rgba(0, 0, 0, 0.9);
/* Black w/ opacity */
}
/* Modal Content (image) */
.modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
/* Caption of Modal Image */
#caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
/* Add Animation */
.modal-content,
#caption {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(0)
}
to {
-webkit-transform: scale(1)
}
}
@keyframes zoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
/* The Close Button */
.close1,
.close2 {
position: absolute;
top: 75px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.close1:hover,
.close1:focus,
.close2:hover,
.close2:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
.modal-content {
width: 100%;
}
}
</style>
<div class="map-section">
<?php if (!empty($team_image['url']) && !empty($store_image['url'])) { ?>
<div class="row">
<div class="col-sm-6 store-img-div mb-4 mb-md-0">
<img id="storeImg" src="<?php echo $store_image['url']; ?>">
<div id="storeImgModal" class="modal">
<span class="close1">×</span>
<img class="modal-content" id="storeimg01">
</div>
</div>
<div class="col-sm-6 team-img-div mb-4 mb-md-0">
<img id="teamImg" src="<?php echo $team_image['url']; ?>">
<div id="teamImgModal" class="modal">
<span class="close2">×</span>
<img class="modal-content" id="teamimg01">
</div>
</div>
<script>
// Get the modal
var modal = document.getElementById("storeImgModal");
// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("storeImg");
var modalImg = document.getElementById("storeimg01");
img.onclick = function() {
modal.style.display = "block";
modalImg.src = this.src;
}
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close1")[0];
console.log(span);
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// Get the modal
var teamModal = document.getElementById("teamImgModal");
// Get the image and insert it inside the modal - use its "alt" text as a caption
var teamImg = document.getElementById("teamImg");
var teamModalImg = document.getElementById("teamimg01");
teamImg.onclick = function() {
teamModal.style.display = "block";
teamModalImg.src = this.src;
}
// Get the <span> element that closes the modal
var teamSpan = document.getElementsByClassName("close2")[0];
// When the user clicks on <span> (x), close the modal
teamSpan.onclick = function() {
teamModal.style.display = "none";
}
</script>
</div>
<?php } else { ?>
<div id="map<?php echo $f; ?>" class="location-map" style="height: 300px; width:100%;">
<iframe src="https://www.google.com/maps?q=<?php echo $final_address; ?>&output=embed" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</div>
<?php } ?>
</div>
<div class="store-details" style="margin-top: 20px;">
<div class="row">
<div class="col-sm-7">
<h5 class="mb-3"><?php echo $post->post_title; ?></h5>
<div class="address data"><i class="fa-solid fa-map-location-dot"></i>
<p><?php echo $final_address; ?></p>
</div>
<?php if ($phone_number == "+91 99786 00196") { ?>
<div class="phone data"><i class="fa-solid fa-phone"></i>
<p><a href="tel:<?php echo $phone_number; ?>"><?php echo $phone_number; ?></a></p>
<?php $phone_number1 = "+91 77100 12805"; ?>
<i class="fa-solid fa-phone"></i>
<p><a href="tel:<?php echo $phone_number1; ?>"><?php echo $phone_number1; ?></a></p>
</div>
<?php } else { ?>
<div class="phone data"><i class="fa-solid fa-phone"></i>
<p><a href="tel:<?php echo $phone_number; ?>"><?php echo $phone_number; ?></a></p>
</div>
<?php } ?>
<?php if (!empty($email_id)) { ?>
<?php if (!empty($timings)) { ?>
<div class="time data"><i class="fa-regular fa-clock"></i>
<?php echo $timings; ?>
</div>
<?php } ?>
<div class="email data"><i class="fa-regular fa-envelope"></i>
<p><a href="mailto:<?php echo $email_id; ?>"><?php echo $email_id; ?></a></p>
</div>
<?php } ?>
</div>
<div class="col-sm-4">
<!--<a href="https://www.google.com/maps/search/?api=1&query=<?php echo $lat; ?>,<?php echo $long; ?>&query_place_id=<?php echo $place_id; ?>" target="_blank" class="store-action">Get Direction</a>-->
<a href="https://www.google.com/maps/search/?api=1&query=<?php echo $post->post_title; ?><?php echo $final_address; ?>" target="_blank" class="store-action">Get Direction</a>
<?php if (isset($_GET['product'])) { ?>
<a href="<?php echo SITE_URL . '/product/' . $_GET['product']; ?>" class="store-action">Buy Online</a>
<?php } ?>
<?php if (!empty($booking_form_id)) { ?>
<a href="<?php echo SITE_URL; ?>/book-an-appointment/?booking_form=<?php echo $booking_form_id ?>" class="store-action" target="_blank">Book an appointment</a>
<?php } ?>
<!--<a href="#book-form" class="store-action" data-toggle="modal">Book an appointment</a>-->
<a href="tel:<?php echo $phone_number; ?>" class="store-action">Call now</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
var show_anchor = '<?php echo $post->post_name; ?>';
var show_div = '<?php echo $post->post_name; ?>' + '_div';
$("#" + show_anchor).click(function() {
$("a.storeanchor").first().removeClass("active");
$("a.storeanchor").each(function() {
$(this).removeClass("active");
});
$("#" + show_anchor).addClass("active");
$('.map_parent_div').each(function() {
$(this).hide();
});
$("#" + show_div).show();
});
});
</script>
<?php
$f++;
endwhile;
wp_reset_postdata();
}
?>
</div>
<div class="row">
<div class="col-md-12">
<?php if (have_posts()) : while (have_posts()) : the_post();
the_content();
endwhile;
else : ?>
<p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</main>
<?php get_footer(); ?>
<script type="text/javascript">
jQuery(document).ready(function($) {
$("a.storeanchor").first().addClass("active");
var first_store_div = $("a.storeanchor").first().attr('id');
$("#" + first_store_div + "_div").show();
//$(".citycollapse").first().addClass("show");
});
/*var lat_arr = JSON.parse("<?php echo json_encode($address_arr['lat']); ?>");
var long_arr = JSON.parse("<?php echo json_encode($address_arr['long']); ?>");
var store_arr = JSON.parse('<?php echo json_encode($address_arr["store_name"]); ?>');
function initialize() {
for(var i = 0; i<=lat_arr.length ; i++) {
var myLatlng = new google.maps.LatLng(lat_arr[i], long_arr[i]);
var myOptions = {
zoom: 17,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"+i), myOptions);
//console.log(store_arr[i]);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: store_arr[i]
});
var contentString = '<div id="content">'+store_arr[i]+'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
infowindow.open(map,marker);
}
}
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://maps.google.com/maps/api/js?key=AIzaSyDb-eEBgnRCrjero0g5PywtZMZIeTfmERQ&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript; */
</script>