File: /storage/v4513/ivenusnew/public_html/wp-content/themes/astra/page-templates/find-store-delhi.php
<?php
/* Template Name: Find A Store Delhi */
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>
<?php
global $post;
$page_title = $post->post_title;
$indianStates = [
'DL' => 'Delhi'
];
$state_list = array(
'DL' => array('Delhi')
);
$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);
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">
<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">
<h1 class="mb-4 find-a-store_font">Apple Premium Store Delhi</h1>
<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 == "DL") {
echo "Delhi";
} else {
echo $key;
}
?>
</a>
</h5>
</div>
<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;
$city_val = "Delhi";
foreach ($value as $city_val) {
if (in_array('Delhi', $address_arr['city'])) { ?>
<div class="card">
<div class="card-header" aria-expanded="true"
id="heading-<?php echo $s; ?>-<?php echo $c; ?>">
<h5 class="mb-0">
<a class="collapsed" role="button" data-toggle="collapse"
href="/find-a-store/apple-store-delhi/" aria-expanded="true"
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 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>
</div>
<?php
$c++;
}
} ?>
</div>
</div>
</div>
<?php $s++;
}
} ?>
</div>
</div>
<div id="accordion">
<div class="card">
<div class="card-header mb-2" id="heading-<?php echo $s; ?>">
<h5 class="mb-0">
<a role="button" style="font-size:16px;" data-toggle="collapse"
href="#collapse-<?php echo $s; ?>" aria-expanded="true"
aria-controls="collapse-<?php echo $s; ?>">
<?php
$key = "HR";
if ($key == "HR") {
echo "Haryana";
} else {
echo $key;
}
?>
</a>
</h5>
</div>
<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; ?>">
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-haryana/">Haryana</a>
</h5>
</div>
</div>
</div>
</div>
</div>
<?php $s++;?>
</div>
</div>
<div id="accordion">
<div class="card">
<div class="card-header mb-2" id="heading-<?php echo $s; ?>">
<h5 class="mb-0">
<a role="button" style="font-size:16px;" data-toggle="collapse" href="#collapse-<?php echo $s; ?>" aria-expanded="true" aria-controls="collapse-<?php echo $s; ?>">
<?php
$key ="GJ";
if($key == "GJ") {
echo "Gujarat";
}else{
echo $key;
}
?>
</a>
</h5>
</div>
<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; ?>">
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-ahmedabad/">Ahmedabad</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header" >
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-bhavnagar/">Bhavnagar </a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-anand/">Anand</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-bardoli/">Bardoli</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-in-bharuch/">Bharuch</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-gandhidham/">Gandhidham</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-gandhinagar/">Gandhinagar</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-jamnagar/">Jamnagar</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-navsari/">Navsari</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-rajkot/">Rajkot</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-surat/">Surat</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-vadodara/">Vadodara</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-valsad/">Valsad</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button" href="/find-a-store/apple-store-vapi/">Vapi</a>
</h5>
</div>
</div>
</div>
</div>
</div>
<?php $s++; ?>
</div>
</div>
<div id="accordion">
<div class="card">
<div class="card-header mb-2" id="heading-<?php echo $s; ?>">
<h5 class="mb-0">
<a role="button" style="font-size:16px;" data-toggle="collapse" href="#collapse-<?php echo $s; ?>" aria-expanded="true" aria-controls="collapse-<?php echo $s; ?>">
<?php
$key = "MH";
if ($key == "MH") {
echo "Maharashtra";
} else {
echo $key;
}
?>
</a>
</h5>
</div>
<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; ?>">
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-mumbai/">Mumbai</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-nashik/">Nashik</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-pune/">Pune</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-sangli/">Sangli</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-in-solapur/">Solapur</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-in-kolhapur/">Kolhapur</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-latur/">Latur</a>
</h5>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-karad/">Karad</a>
</h5>
</div>
</div>
</div>
</div>
</div>
<?php $s++; ?>
</div>
</div>
<div id="accordion">
<div class="card">
<div class="card-header mb-2" id="heading-<?php echo $s; ?>">
<h5 class="mb-0">
<a role="button" style="font-size:16px;" data-toggle="collapse"
href="#collapse-<?php echo $s; ?>" aria-expanded="true"
aria-controls="collapse-<?php echo $s; ?>">
<?php
$key = "MP";
if ($key == "MP") {
echo "Madhya Pradesh";
} else {
echo $key;
}
?>
</a>
</h5>
</div>
<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; ?>">
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<a class="collapsed" role="button"
href="/find-a-store/apple-store-indore/">Indore</a>
</h5>
</div>
</div>
</div>
</div>
</div>
<?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 == 'DL') {
$state = 'Delhi';
}
if ($country == 'IN') {
$country = 'India';
}
// $final_address = $addr1 . ', ' . $addr2 . ', ' . $city . ', ' . $state . ', ' . $country . ' ' . $postcode;
$final_address = $addr1 . ', ' . $addr2 . ', ' . $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);
$google_map = get_field('google_map', $post->ID);
$team_image = get_field('team_image', $post->ID);
?>
<?php if ($phone_number == "9999698356" || $phone_number == "9999698351" || $phone_number == "9999698371" || $phone_number == "9999698372" || $phone_number == "9999698361" || $phone_number == "9891344448" || $phone_number == "8419002300" || $phone_number == "8448115913") { ?>
<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>
<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 if (!empty($timings)) { ?>
<div class="time data"><i class="fa-regular fa-clock"></i>
<?php echo $timings; ?>
</div>
<?php } ?>
<?php if (!empty($email_id)) { ?>
<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 ml-auto">
<!--<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="<?php if(!empty($google_map)){ echo $google_map; }else{ ?>https://www.google.com/maps/search/?api=1&query=<?php echo $post->post_title; ?><?php echo $final_address; ?><?php } ?>"
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 } ?>
<?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");
});
</script>