products_seo

products.php

<?php /* Template Name: Products */ ?>

<?php 
	get_header(); 
	$site_url=getSiteURL();
	$StateRelatedProducts=productsRelatedToZipcodeState();
	$product_categories_data = categories(); //defined in functions.php
	$firstCategory=$product_categories_data[0]->name; //get first category name
	$firstCategoryslug=$product_categories_data[0]->slug; //get first category slug
	$display_domainName = getDomainData()->domain_name; //get domain name
	$pagename = get_query_var('pagename'); //get page name
	$pagename = urldecode($pagename); 
	$actual_link = $_SERVER[REQUEST_URI];
	$parts = explode('/', $actual_link);
	$parent_page_cat = $parts[3];
	global $post;
	// echo $post->ID;
	$submenu = wp_list_pages(
		array(
			'child_of' => $post->ID,
			'echo'     => false,
		)
	);
	// var_dump($submenu);
	if($pagename == "products"){  //products page 
		$category_pagename = $firstCategoryslug;
	}
	elseif($submenu){  //if page has children then it is category page name
			$category_pagename = urldecode($pagename);
	}else{     //if it's not products and page doesn't have categories then it is sub_cat page
		$subCat_pagename = urldecode($pagename);
		$category_pagename = urldecode($parent_page_cat); 
	}

	// function productStyleData(){
		$product_style_pod = pods('product_style');
		if($category_pagename){
			$params = array(
				// "where" => "product_category.name='".$category_pagename."'",
				"where" => "product_category.slug='".$category_pagename."'",
				);
		}else{
			$params = array(
				// "where" => "product_category.name='".$product_categories_data[0]->name."'",
				"where" => "product_category.slug='".$firstCategoryslug."'",
				);
		}
		$product_style_pod->find($params,$limit=-1);
		$productstyle_dropdown = $product_style_pod->data();
	// 	return $productstyle_dropdown;
	// }
	// $productstyle_dropdown = productStyleData();
	$roofStyle_data = productRoofStyleData();

?>

<section class="py-60">
	<div class="container">
		<h5 class="dealer-heading text-danger text-center">Explore Our Products</h5>
		<!-- Nav tabs -->
		<!-- Dynamic Categories Start -->
		<?php
		if($category_pagename){
			?>
			<ul class="nav nav-tabs custom-nav-tabs border-bottom-0 mb-5 product_category" role="tablist">
				<?php
				foreach ($product_categories_data as $key => $product_category){
					$product_category_name = $product_category->name;
					$productCategorySlug = $product_category->slug;
					if($category_pagename == $productCategorySlug){   
						?>
						<li class="nav-item">
							<a class="nav-link mx-0 active override-default-anchor" data-toggle="tab" href="#<?php  echo $productCategorySlug ?>" role="tab"><?php echo $product_category_name ?></a>
						</li>
						<?php
					}else{ ?>
						<li class="nav-item">
							<a class="nav-link mx-0 override-default-anchor" data-toggle="tab" href="#<?php echo $productCategorySlug ?>" role="tab"><?php echo $product_category_name ?></a>
						</li>
						<?php
					}
				}?>
			</ul>
				<?php
		}else{
			?>
			<ul class="nav nav-tabs custom-nav-tabs border-bottom-0 mb-5 product_category" role="tablist">
				<?php
				foreach ($product_categories_data as $key => $product_category) {
					$product_category_name = $product_category->name;
					$productCategorySlug = $product_category->slug;
					if($key==0){ 
						?>
						<li class="nav-item active">
							<a class="nav-link mx-0 active override-default-anchor" data-toggle="tab" href="#<?php echo $productCategorySlug ?>" role="tab"><?php echo $product_category_name ?></a>
						</li>
						<?php
					}else{ 
						?>
						<li class="nav-item">
							<a class="nav-link mx-0 override-default-anchor" data-toggle="tab" href="#<?php echo $productCategorySlug ?>" role="tab"><?php echo $product_category_name ?></a>
						</li>
							<?php
					}
				}
				?>
			</ul>
				<?php
		} ?>
		<!-- Dynamic Categories End -->

		<!-- Dynamic SubCategories Start -->
		<?php 
		if($subCat_pagename){?>
			<ul class="nav nav-tabs custom-nav-tabs border-bottom-0 mb-5 product_subcategory_list" role="tablist">
				<li class="nav-item">
					<a class="nav-link mx-0 override-default-anchor" data-toggle="tab" href="#all" role="tab">All</a>
				</li>
				<?php
				foreach ($productstyle_dropdown as $key => $product_sub_category){
					$product_subCategory_name = $product_sub_category->name; //name which is displaying
					$subCategorySlug = $product_sub_category->slug;
					if($subCat_pagename == $subCategorySlug){
						?>
						<li class="nav-item">
							<a class="nav-link mx-0 active override-default-anchor" data-toggle="tab" href="#<?php  echo $subCategorySlug ?>" role="tab"><?php echo $product_subCategory_name ?></a>
						</li>
						<?php 
					}else{ 
						?>
						<li class="nav-item">
							<a class="nav-link mx-0 override-default-anchor" data-toggle="tab" href="#<?php echo $subCategorySlug ?>" role="tab"><?php echo $product_subCategory_name ?></a>
						</li>
						<?php 
					}
				}
				?>
			</ul>
			<?php 
		}else{
			?>
			<ul class="nav nav-tabs custom-nav-tabs border-bottom-0 mb-5 product_subcategory_list" role="tablist">
				<li class="nav-item">
					<a class="nav-link mx-0 active override-default-anchor" data-toggle="tab" href="#all" role="tab">All</a>
				</li>
				<?php 	
				foreach ($productstyle_dropdown as $key => $product_sub_category) {
					$product_subCategory_name = $product_sub_category->name;
					$subCategorySlug = $product_sub_category->slug;
					// $subCategory_name = preg_replace("/[^\w]+/", "-", $product_subCategory_name); //for id purpose adding - for spaces
					?>
						<li class="nav-item">
							<a class="nav-link mx-0 override-default-anchor" data-toggle="tab" href="#<?php echo $subCategorySlug ?>" role="tab"><?php echo $product_subCategory_name ?></a>
						</li>
				<?php } ?>
			</ul>
			<?php
		} 
		?>
		<!-- Dynamic SubCategories End -->

		<?php
		$seo_content_display_pod = pods('seo_content_display');
		$seo_params = array(
		"select" => "*",
		"where" => "category.name = '".$category_pagename."'",
		"orderby"=>"d.id DESC"
		);
		$seo_content_display_pod->find($seo_params,$limit=1);
		$seo_content_data = $seo_content_display_pod->data()[0];
		if(sizeof($seo_content_data) > 0){ ?>
			<p><?php echo $seo_content_data->text_above_products; ?></p>
			<?php 
		} ?>

<!-- Tab panes -->
<div class="tab-content">
	<div class="tab-pane active" id="carport" role="tabpanel">
		<div class="mb-3 toogleFilter_btn cp" id="filterId" style="color:#455860;"><img src="<?php bloginfo('template_url'); ?>/images/icons/icon_filter<?php echo $iconName;?>.svg" class="mr-3" height="19px">Filters</div>
		<div class="row filters mb-5 toogleFilters">
			<?php if($_SESSION['zipcode']){?>
			<div class="col-sm-6 col-md-4 col-lg-2 mb-3 mb-lg-0">
				<select id="productFilter1" class="form-control" name="productFilter" style="background-image: url(<?php bloginfo('template_url'); ?>/images/icons/icon_dropdown.svg);">
					<option value="0" selected>Select Price</option>
					<option value="1">Low to high</option>
					<option value="2">High to low</option>
				</select>
			</div>
			<?php } ?>
			<div class="col-sm-6 col-md-4 col-lg-2 mb-3 mb-lg-0 product-filter2 productfilter">
				<select id="productFilter2" class="form-control" name="productFilter" style="background-image: url(<?php bloginfo('template_url'); ?>/images/icons/icon_dropdown.svg);">
				</select>
			</div>
			
			<div class="col-sm-6 col-md-4 col-lg-2 mb-3 mb-lg-0 productFilter4 productfilter">
				<select id="productFilter4" class="form-control" name="productFilter" style="background-image: url(<?php bloginfo('template_url'); ?>/images/icons/icon_dropdown.svg);">
				</select>
			</div>
			<div class="col-sm-6 col-md-4 col-lg-2 mb-3 mb-lg-0 productFilter5 productfilter">
				<select id="productFilter5" class="form-control" name="productFilter" style="background-image: url(<?php bloginfo('template_url'); ?>/images/icons/icon_dropdown.svg);">
				</select>
			</div>
			<div class="col-sm-6 col-md-4 col-lg-2 mb-3 mb-lg-0 productFilter3 productfilter">
				<select id="productFilter3" class="form-control" name="productFilter" style="background-image: url(<?php bloginfo('template_url'); ?>/images/icons/icon_dropdown.svg);">
				</select>
			</div>
		</div>
		<div id="mediaDiv" class="mt-5">
			<div class="media">
				<span id="roofstyle_image"></span>
				<div class="media-body align-self-center">
					<p id="roofstyle_data"></p>
				</div>
			</div>
		</div>
		
		<div class="row" id="row_data">
		</div>
		<p id="products_notPresent"></p>
	</div>
		<p id="filters_nodata"></p>
	<?php
	foreach ($product_categories_data as $key => $product_category){ ?>
		<div class="tab-pane" id="<?php echo $product_category->slug ?>" role="tabpanel">...</div>
	<?php } ?>
	<div class="tab-pane" id="all" role="tabpanel">...</div>
	<?php
	foreach ($productstyle_dropdown as $key => $product_sub_category) { ?>
		<div class="tab-pane" id="<?php echo $product_sub_category->slug ?>" role="tabpanel">...</div>
	<?php } ?>
</div>
</div> <!-- container -->
</section>

<?php
$seo_content_display_pod = pods('seo_content_display');
$seo_params = array(
"select" => "*",
"where" => "category.name = '".$category_pagename."'",
"orderby"=>"d.id DESC"
);
$seo_content_display_pod->find($seo_params,$limit=1);
$seo_content_data = $seo_content_display_pod->data()[0];
if(sizeof($seo_content_data) > 0){ ?>
	<p><?php echo $seo_content_data->text_below_products; ?></p>
<?php } ?>


<hr class="divider my-0">
<div class="container py-40">
	<p class="text-center mb-5"><?php echo $display_domainName ?> metal structures are engineered to protect your most valuable assets, personal or commercial, for years to come! Our buildings are constructed with the strongest steel materials to provide protection, durability and resistance.</p>
</div>



<script type="text/javascript">
	var url_productStyle =  "<?php echo $subCat_pagename ?>"
	<?php 
		echo "var productDetail_url='".get_page_link( get_page_by_title( 'productDetail' )->ID )."';";
		echo "var product_url='".get_page_link( get_page_by_title('Products')->ID )."';";
	?>
	// console.log(url_productStyle);

	$('ul.product_category a').click(function(){
		var selected_category = $(this).attr('href');
		selected_category = selected_category.replace("#", '').toLowerCase();
		return window.location = product_url+"/"+ selected_category;
	});

	$('ul.product_subcategory_list a').click(function(){
		var selected_subCategory = $(this).attr('href');
		selected_subCategory = selected_subCategory.replace("#", '').toLowerCase();
		 if(selected_subCategory == "all"){
			//  alert(selected_subCategory);
			return window.location = product_url;
		 }
		var category_pagename_js = "<?php echo $category_pagename ?>"
		return window.location = product_url+"/"+category_pagename_js+"/"+selected_subCategory;
		console.log(product_url);
	});

	<?php
		echo "var roofStyle_dropdown=".json_encode($roofStyle_data).";";

		//fetch product_style(subcategories) and store it in variable
		echo "var productstyle_dropdown=".json_encode($productstyle_dropdown).";";

		//if SessionOfZipcode present show related StateProducts Else show all products 
		$queryProductsCondition="";		
		$noProductsMsg = "";
		if($_SESSION['zipcode']){
			if (!empty($StateRelatedProducts)) {
				if($category_pagename){
					$queryProductsCondition = "t.name IN ($StateRelatedProducts) AND category.slug ='".$category_pagename."' " ; //Horizontal,Vertical(related to state LA) products of Carport
				}else{
					$queryProductsCondition =  "t.name IN ($StateRelatedProducts) AND category.slug='".$firstCategoryslug."'" ;//Horizontal,Vertical(related to state LA) products of Agriculture
				}		
			}else{
				$queryProductsCondition = null;
				$noProductsMsg = "<h6 class='text-danger text-center'><b>Sorry. There are no products for"." ".$_SESSION['state']."</b></h6>";
				$_SESSION['noProductsMsg']=$noProductsMsg;
				}
		}else{
			if($category_pagename){
				$queryProductsCondition = "category.slug ='".$category_pagename."' " ; //Horizontal,Vertical(related to state LA) products of Carport
			}else{
				$queryProductsCondition = "category.slug='".$firstCategoryslug."'" ;//Horizontal,Vertical(related to state LA) products of Agriculture
			}
		}

		if($queryProductsCondition){
			$pod = pods('product');
			$params = array(
				"select" => "*, product_roofstyle.name as product_roofstyle_name, prod_thumbnail.ID, category.name as category_name",
				"where" => $queryProductsCondition,  //Horizontal,Vertical(related to state LA) products of Carport
				"orderby" => "d.id"
				);
			$pod->find($params,$limit=-1);
			$pod_data = $pod->data();
			$product_data = [];
			if($pod_data){
				while($pod->fetch()){
					$model_configuration=$pod->display('model_configuration');
					$buildConfig=$pod->field('model_configuration')['config'];
					$model_configuration=$pod->display('model_configuration');
					$buildConfig=$pod->field('model_configuration')['config'];
					$subCatgory_data= $pod->field('product_style');
					$category_data = $pod->field('category_name');
					$product_style = $subCatgory_data['name'];
					$subCategorySlug = $subCatgory_data['slug'];
					$categoryName = $category_data['name'];
					$categorySlug = $category_data['slug'];
					$hash = array(
						"image" => $pod->display('prod_thumbnail'),
						"title" => $pod->display('product_title'),
						"short_description" => $pod->field('product_shortdescription'),
						"product_price" => $pod->field('product_price'),
						"id" => $pod->field('id'),
						"roofstyle" => $pod->field('product_roofstyle_name'),
						"product_code" => $pod->field('product_code'),
						"product_category" => $categoryName,
						"categorySlug" => $categorySlug,
						"product_style" => $product_style,
						"subCategorySlug" => $subCategorySlug,
						"product_id" => $pod->field('id'),
						"model_configuration" => $model_configuration,
						"item_type"=>$pod->field('taxonomy'),
						"height" => $pod->field('height') ,
						"width" => $pod->field('width'),
						"length" => $pod->field('length'),
						"building_config" => $buildConfig
						);

					array_push($product_data,$hash );
				} //Ends While Loop
				// value['building_config'] = $buildConfig;
				// product_data.push(value);
			} //Ends if Category Products  present 	
			if (empty($product_data)) {
				$noProductsMsg = "<h6 class='text-danger text-center'><b>Sorry, there are no products under this category.</b></h6>";	
			}
		} else {
			$product_data = [];
		}

		if($noProductsMsg){
			$_SESSION['noProductsMsg'] = $noProductsMsg;
		}else{
			unset($_SESSION['noProductsMsg']); //else unset the session variable if already set.
		}
		echo "var products=".json_encode($product_data).";";

		$prices=priceSheetData();
		echo "var prices=".json_encode($prices).";";
		$price_json = json_decode($prices[0]->price_json);
		echo "var price_data = ".json_encode($price_json->price_data).";";
		echo "var price_enums = ".json_encode($price_json->enums).";";
	?>

	var widthoptions;
	var lengthOptions;
	var heightOptions;
	if(price_enums){
		price_enums['all width options'].reverse(function(a, b){return b>a;});
		price_enums['length'].reverse(function(a, b){return b>a;});
		price_enums['height'].reverse(function(a, b){return b>a;});
		widthoptions = price_enums['all width options'];
		lengthOptions = price_enums['length'];
		heightOptions = price_enums['height'];
	}

	if(products.length > 0){
		var products = PriceFieldAdding(products,price_data);
	}
	console.log(products);

	function requestedProduct(product_id){
		document.getElementById('requested_ItemType_id').value = product_id;
	}

$(document).ready(function(){
	roofStyleDropdown();
	heightDropdown(products);
	widthDropdown(products);
	lengthDropdown(products);

	function roofStyleDropdown(){
		var select = $('.product-filter2 select').attr("id","productFilter2").attr("name", "productFilter");
		select.append('<option value="Select Roof Style">Select Roof Style </option>');
		// console.log(roofStyle_dropdown);
		$.each(roofStyle_dropdown, function(key,value){
			select.append($("<option></option>").attr("value",value["name"]).text(value["name"]));
		});
	}
			
	function heightDropdown(products){
		var height_select = $('.productFilter3 select').attr("id","productFilter3").attr("name", "productFilter");
		height_select.append('<option value="Select Height">Select Height </option>');
		productHeightArray=[];
		$.each(products, function(key,height_value){
		int_height=parseInt(height_value["height"]);
		if(int_height > 0){
    		productHeightArray.push(int_height);
    	}
		});
		var uniqueHeightItems = Array.from(new Set(productHeightArray));
		uniqueHeightItems.sort(function(a, b){return a - b});
		$.each(uniqueHeightItems, function(key,height_value){
			height_select.append($("<option></option>").attr("value",height_value).text(height_value));
		});
	}
	
	function widthDropdown(products){
		var width_select = $('.productFilter4 select').attr("id","productFilter4").attr("name", "productFilter");
		width_select.append('<option value="Select Width">Select Width </option>');
		productWidthArray=[];
		$.each(products, function(key,width_value){
		int_width=parseInt(width_value["width"]);
		if(int_width > 0){
    		productWidthArray.push(int_width);
    	}
		});
		var uniqueWidthItems = Array.from(new Set(productWidthArray));
		uniqueWidthItems.sort(function(a, b){return a - b});
		$.each(uniqueWidthItems, function(key,width_value){
			width_select.append($("<option></option>").attr("value",width_value).text(width_value));
		});
	}
	
	function lengthDropdown(products){
		var length_select = $('.productFilter5 select').attr("id","productFilter5").attr("name", "productFilter");
		length_select.append('<option value="Select Length">Select Length </option>');
		productLengthArray=[];
		$.each(products, function(key,length_value){
		int_length=parseInt(length_value["length"]);
		if(int_length > 0){
    		productLengthArray.push(int_length);
    	}
		});
		var uniqueLengthItems = Array.from(new Set(productLengthArray));
		uniqueLengthItems.sort(function(a, b){return a - b});
		$.each(uniqueLengthItems, function(key,length_value){
			length_select.append($("<option></option>").attr("value",length_value).text(length_value));
		});
	}

	function RoofStyleDropdownText(){
		var selected_roofStyle = $("#productFilter2").val();
		if($("#productFilter2").val() === "Select Roof Style"){
			$('#roofstyle_data').html("");
			$('#roofstyle_image').html("");
		}
		$.each(roofStyle_dropdown, function(key,value){
			if(value["name"] == selected_roofStyle){
				// console.log(value);
				var roofstyle_testImage=value['roofStyle_image'];
				var short_description=value["short_description"];
				// console.log(short_description);
				$('#roofstyle_data').html(short_description);
				$('#roofstyle_image').html('<img class="align-self-center mr-3" width="200px" src="'+roofstyle_testImage+'" alt="Product placeholder image">');
			}
		});
	}
	$(document).on("change","#productFilter2",RoofStyleDropdownText);

	function productFilter(){
		var filter_list = productStyle_Filter(products);
		filter_list = roofstyleFilter(filter_list);
		filter_list = heightFilter(filter_list);
		filter_list = widthFilter(filter_list);
		filter_list = lengthFilter(filter_list);
		var sorted_list = priceSort(filter_list);
		product_render(sorted_list);
	}
	productFilter();
	
	function roofstyleFilter(prod_list){
		var filter_option = $("#productFilter2").val();
		if($("#productFilter2").val() === "Select Roof Style"){
			return prod_list;
		}
		var product_filter = [];
		var flag="0";
		$.each(prod_list, function(key,value){
			if (value["roofstyle"].toLowerCase() == filter_option.toLowerCase()){
				product_filter.push(value);
				flag = "1";
				$("#filters_nodata").html("");
			}
		});
		if(flag == "0"){
			$("#filters_nodata").html( "<br><h6 class='text-danger text-center'>No Products Available Related To This Filter</h6><br>" );
		}
		return product_filter
	}
	$(document).on("change","#productFilter2",productFilter);
	
	function heightFilter(prod_list){
		// console.log(prod_list);
		var selected_height = $("#productFilter3").val();
		if($("#productFilter3").val() === "Select Height"){
			return prod_list;
		}
		var height_filter = [];
		var flag="0";
		$.each(prod_list, function(key,value){
			if (value["height"] == selected_height){
				height_filter.push(value);
				flag = "1";
				$("#filters_nodata").html("");
			}
		});
		if(flag == "0"){
			$("#filters_nodata").html( "<br><h6 class='text-danger text-center'>No Products Available Related To This Filter</h6><br>" );
		}
		return height_filter
	}
	$(document).on("change","#productFilter3",productFilter);
	function widthFilter(prod_list){
		// console.log(prod_list);
		var selected_width = $("#productFilter4").val();
		if($("#productFilter4").val() === "Select Width"){
			return prod_list;
		}
		var width_filter = []; 
		var flag="0";
		$.each(prod_list, function(key,value){
			if (value["width"] == selected_width){
				width_filter.push(value);
				flag = "1";
				$("#filters_nodata").html("");
			}
		});
		if(flag == "0"){
				$("#filters_nodata").html( "<br><h6 class='text-danger text-center'>No Products Available Related To This Filter</h6><br>" );
			}
		return width_filter
	}
	$(document).on("change","#productFilter4",productFilter);
	function lengthFilter(prod_list){
		// console.log(prod_list);
		var selected_length = $("#productFilter5").val();
		if($("#productFilter5").val() === "Select Length"){
			return prod_list;
		}
		var length_filter = [];
		var flag="0";
		$.each(prod_list, function(key,value){
			if (value["length"] == selected_length){
				length_filter.push(value);
				flag = "1";
				$("#filters_nodata").html("");
			}
		});
		if(flag == "0"){
				$("#filters_nodata").html( "<br><h6 class='text-danger text-center'>No Products Available Related To This Filter</h6><br>" );
		}
		// console.log(length_filter);
		return length_filter
	}
	$(document).on("change","#productFilter5",productFilter);
	
	function productStyle_Filter(prod_list){
		// alert("subcategory page")
		var productStyle_filter = [];
		var flag="0";
		// console.log(prod_list);
		// var selected_style = $("#productFilter6").val();
		// console.log(selected_style);
		var url_productStyle = "<?php echo $subCat_pagename ?>"
		// alert("selected product style"+ url_productStyle);
		if(url_productStyle){
			$.each(prod_list, function(key,value){
				// alert("product Style from db"+" "+value["product_style"]+ typeof value["product_style"]);
				if(value["product_style"]){
					// if (value["product_style"].toLowerCase() == url_productStyle.toLowerCase()){
					if (value["subCategorySlug"].toLowerCase() == url_productStyle.toLowerCase()){
						productStyle_filter.push(value);
						flag = "1";
						$("#filters_nodata").html("");
						console.log(productStyle_filter);
					}
				}
			});	
			if(flag == "0"){
					$("#filters_nodata").html( "<br><h6 class='text-danger text-center'>No Products Available Related To This Sub Category</h6><br>" );
			}
			// alert("after alert")
		return productStyle_filter;
		}else{
			// alert("else")
			return prod_list;
		}
		
	}
	$(document).on("click",".product_subcategory_list",productFilter);

	function priceSort(filter_list){
		var product_sort = null;
		if($("#productFilter1").val() == "1"){
			product_sort = filter_list.slice();
			product_sort.sort(function(a,b){
				if((a.product_price != "Price N/A") && (b.product_price != "Price N/A")){
					if (parseInt(a.product_price) < parseInt(b.product_price)) {
						return -1;
					}
					if (parseInt(a.product_price) > parseInt(b.product_price)) {
						return 1;
					}
					return 0;
				} 
				else {
					return 0;
				}
			});
		}else if($("#productFilter1").val() == "2"){
			product_sort = filter_list.slice();
			product_sort.sort(function(a,b){
					if((a.product_price != "Price N/A") && (b.product_price != "Price N/A")){
						if (parseInt(a.product_price) > parseInt(b.product_price)) {
							return -1;
						}
						if (parseInt(a.product_price) < parseInt(b.product_price)) {
							return 1;
						}
						return 0;
					} 
					else {
						return 0;
					}
				});
		}else{
			product_sort = filter_list;
		}
		return product_sort;
	}
	$(document).on("change","#productFilter1",productFilter);
	function product_render(product_sort){
		$("#row_data").html("");
		$("#products_notPresent").html( "" );
		var noProductsMsg = <?php echo json_encode($_SESSION['noProductsMsg']) ?>;
		if((product_sort !== null) && (product_sort.length > 0 )){
			var zipcodeSession = <?php echo json_encode($_SESSION['zipcode']) ?>;
				$.each(product_sort, function(key,value){
					var model_conf = value['model_configuration'];
					var product_code = '?code=' + value['model_configuration'];
				var data = `
				<div class="col-xs-12 col-md-6 col-lg-4 product">
				<div class="card mb-5">
				<a href="${productDetail_url}?product_code=${value['product_code']}&category=${value['product_category']}">
				<div class="card-img-top" style="background-image: url('${value['image']}')"></div>
				
				<div class="card-block px-0">
				<h4 class="card-title text-capitalize text-danger">${value["title"]}</h4></a>`
				
				var config_dimension;
				if((value["width"] && value["length"] && value["height"]) && ((value["width"] != "0") && (value["length"] != "0") && (value["height"] != "0"))) {
				// if((value["width"] != "0") && (value["length"] != "0") && (value["height"] != "0")){
					config_dimension = `<p class="card-text dim-specific text-black" id="config_dimension${value['id']}">${value["width"]+"' W x "+value["length"]+"' L x "+value["height"]+"' H"}</p>`
				}else{
					config_dimension = `<p class="card-text dim-specific text-black" id="config_dimension${value['id']}"></p>`;
				}
				var short_description =`<input type="hidden"  id="requested_ItemType_id" name="product_quote" value="" >
				<input type="hidden"  id="item_type" name="item_type" value=${value["item_type"]} >
				<p class="card-description text-black" >${value["short_description"]}</p>`

				if(zipcodeSession){
				var price=(value["product_price"] === "Price N/A") ? `<p class="text-danger mb-0 d-inline-flex align-items-end price" id="product_price${value['id']}">${value["product_price"]}</p>` : `<p class="text-danger mb-0 d-inline-flex align-items-end price" id="product_price${value['id']}">$${value["product_price"]}</p></div>`
				}else{
				var price= `<div class="col-12 col-md-6 col-lg-4 mb-2 align-self-center">
					
				</div>
				<a data-toggle="modal" data-target="#zipCodeModal">
						<div class="media">
							<div class="media-body mb-2">
								<button id="onclickzipcode_session" class="btn btn-danger" style = "padding : 3px 14px">Price</button>
							</div>
						</div> 

					</a>`
			}
				var button=`
				<div class="card-modify-build">
				<a class="btn btn-danger d-inline-flex link-button-text-white" onclick="requestedProduct(${value['product_id']})"  data-toggle="modal" data-target="#requestQuoteModal">Request Quote</a>`

				var modify_build=(model_conf)?`<a class="btn btn-danger link-button-text-white d-inline-flex ml-2" href='<?php echo get_page_link( get_page_by_title( 'Build & Price' )->ID ) ?>${product_code}'>Modify Build</a>`:``
				var div_closeTags=`</div>
				<div id="SuccessOrFailRequestQuoteMsg${value['product_id']}"></div>`
				var combine_data = data+config_dimension+short_description+price+button+modify_build+div_closeTags;
				$( "#row_data").append(combine_data);
			});
		}else{
			$("#products_notPresent").html( noProductsMsg );
		}
	}
});

</script> 


<script>
var url = new URL(window.location.href);
var searchParams = new URLSearchParams(url.search);
// var url_productStyle = searchParams.get('productStyle');
var url_productStyle = "<?php echo $subCat_pagename ?>"
if(url_productStyle){
	$('.toogleFilters').show();
}else{
	$('.toogleFilters').hide();
}
$('.toogleFilter_btn').on('click',function(){
	$('.toogleFilters').toggle();
});

</script>

<?php 
function seo_contentDescription(){
	$seo_content_display_pod = pods('seo_content_display');
	$seo_params = array(
	"select" => "*",
	"where" => "category.name = '".$category_pagename."'",
	"orderby"=>"d.id DESC"
	);
	$seo_content_display_pod->find($seo_params,$limit=1);
	$seo_content_data = $seo_content_display_pod->data()[0];
	// var_dump($seo_content_data);
	return $seo_content_data;
}
var_dump(seo_contentDescription());
?>

	 
<?php get_footer()?>