File: /storage/v4513/ivenusin/public_html/wp-content/themes/ivenus/page-templates/find-store-anand.php
<?php
/* Template Name: Find A Store Anand */
get_header();
global $post;
$page_title = $post->post_title;
$indianStates = [
'GJ' => 'Gujarat'];
$state_list = array(
'GJ' => array('Anand')
);
$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-3">
<h1 class="mb-4">Apple Authorized Store Anand</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 == "GJ") {
echo "Gujarat";
} elseif ($key == "MH") {
echo "Maharastra";
}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 = "Ahmedabad";
foreach($value as $city_val) {
if(in_array('Ahmedabad',$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="#collapse-<?php echo $s; ?>-<?php echo $c; ?>" 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>
<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-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-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-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>
<?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 ="MH";
if($key == "MH") {
echo "Maharastra";
}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>
</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);
?>
<?php if ($phone_number == "9712000903" ) {?>
<div class="col-lg-9 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="fal fa-map-marked"></i> <p><?php echo $final_address; ?></p></div>
<div class="phone data"><i class="fal 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="fal fa-clock"></i> <p><?php echo $timings; ?></p></div>
<?php } ?>
<?php if(!empty($email_id)) { ?>
<div class="email data"><i class="fal 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="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 } ?>
<?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>