<!DOCTYPE html>
<html ng-app="myapp" lang="{$SelCurrLanguage}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>{$commonMetaTitle}</title>
    <meta name="description" content="{$commonMetaDescription|unescape:'html'|escape:'html'}" />
    <meta name="viewport" content="width=device-width">
    {if $settingsCanonicalLink=='Yes'}
    <link rel="canonical" href="{$selCategoryDet.productCategoryKey}"/>
    {/if}
    <meta name="Keywords" content="{$commonMetaKeywords|unescape:'html'|escape:'html'}" />
    <link rel="image_src" href="{$commonMetaImage|default:''}" />
    <meta property="og:title" content="{$commonMetaTitle|unescape:'html'|escape:'html'}"/>
    <meta property="og:image" content="{$commonMetaImage|default:''}"/>
    {include file='CommonStyles.tpl'}
    {include file='CommonJavaScript.tpl'}
  </head>
  <body ng-controller="SearchCtrl">
    {*<!----------------------------------------------- Begin : Outer Pane ------------------------------------------>*}
    <div id="main" class="outer">
      {*<!--------------------------------------------- Begin : Header Pane------------------------------------------>*} 
      {include file='CommonTop.tpl'} 
      {*<!--------------------------------------------- End : Header------------------------------------------------>*}
      {*<!-------------------------------------------  Begin : Content Pane------------------------------------------>*}
      <div id="content-wrapper" ng-show="!query" >
        <div class="container">
          {include file='addbanner/BannerLeaderboardHeader.tpl'}
          {include file='addbanner/BannerHeader.tpl'}
          {*<!------------------------------- Breadcrumbs Starts here------------------------------------------------>*}    
          <div class="bredcrumb">
            <!-- Breadcrumbs Starts here -->
            {html->anchor href="/" caption="{$language.lblHome}"}
  
				{if count($brandInfo)>0}
					<span class="icon-arrow-right "></span> 
					{html->anchor href="brand/{$brandInfo['brandKey']}" caption="{$brandInfo['brandName']}"}
					{foreach $resBreadcrumbs as $resBreadcrumb}
					<span class="icon-arrow-right "></span> 
					{if $resBreadcrumb['productCategoryStatus']=='Active'}
					{html->anchor href="brand/{$brandInfo['brandKey']}/{$resBreadcrumb['productCategoryID']|sef_path:'catalog'}" caption="{$resBreadcrumb['productCategoryName']}"}
					{else}
					{html->anchor caption="{$resBreadcrumb['productCategoryName']}"}
					{/if}
					{/foreach}
				
				{else}
					{foreach $resBreadcrumbs as $resBreadcrumb} 
					<span class="icon-arrow-right "></span> 
					{if $resBreadcrumb['productCategoryStatus']=='Active'}
					{html->anchor href="{$resBreadcrumb['productCategoryID']|sef_path:'catalog'}" caption="{$resBreadcrumb['productCategoryName']}"}
					{else}
					{html->anchor caption="{$resBreadcrumb['productCategoryName']}"}
					{/if}
					{/foreach}
				{/if}
		
            <!-- Breadcrumbs END here -->
          </div>
          {*<!------------------------------- Breadcrumbs END here--------------------------------------------------- -->*}    
          {*<!------------------------------- Common Message Starts  here------------------------------------------ -->*}  
          <div id="common_message"></div>
          <div id="unsubscribe_message"></div>
          <div id="common_message_referal"></div>
          <div id="invalid_email"></div>
          {*<!------------------------------- Common Message END  here---------------------------------------- -->*}
          <div class="row m-0">
           <div class="col-lg-9 col-12 p-0 pb-5 right-content-block" >
              <div class="list-block">
               <div class="clearfix">
                <h1 class="caption1 h2style margin-bottom rmv-padding pull-left">								
                  {$selCategoryDet['productCategoryName']|default:''}	 			
                </h1>
                {if $pageDefaultView=='products_only' || $pageDefaultView=='widget_and_products'}
                <div class="count padding-top-half bpfc font-semibold h6-style">&nbsp;&nbsp;[ <span id="productsCount">{$prodsMaxCount}</span> {$language.lblCartItems} ]
                </div>	
                {/if}
                </div>
                <div class="banner-container clearfix">
                  {include file='BannerSlider.tpl'}
                </div>
                <div class="clearfix">
                  {if count($brandInfo)>0}
                                        <h2>{$brandInfo['brandName']}	</h2>

                  <div class="brand-info whiteBx margin-bottom clearfix light-bg">
                    {if $brandInfo['brandIcon']!=''}						
                    <img src="{$view_public_path}/uploads/brand/small/{$brandInfo['brandIcon']}"	
                      height="{$brand_icon_height}"  	
                      alt="{$brandInfo['brandName']}" 			
                      width="{$brand_icon_width}"/>
                    {/if}
                    {$brandInfo['brandDescription']|unescape:"html"}	
                  </div>
                  {/if}
                  {if $pageDefaultView == 'widget_only' || $pageDefaultView == 'widget_and_products'}	
                  {*<!------------------------ START : Widget Start Here ---------------------------------------->*}
                  {if count($listWidget|default:array())>0} 
                  {foreach $listWidget as $key=>$widget}
                  <div class="widgetSlide">
                    <!-- Dont remove the class "widget_elements" , ID and Data Attributes -->
                    <div class=" " id="widget_element_{$widget['widgetID']}" data-class="widget_elements" data-widget="{$widget['widgetID']}"  data-href="/index/ajaxgetwidget/widgetid/{$widget['widgetID']}/widgetdisplayedon/{$widget['widgetDisplayedOn']}/key/{$key}/"  >
                    </div>
                  </div>
                  {/foreach}
                  {else}
                  {if $pageDefaultView == 'widget_only'}
                  {include file='IndexNoProduct.tpl'}
                  {/if}
                  {/if}
                  {*<!------------------------- END : Widget End Here --------------------------------->*}
                  {/if}
                </div>
                {if $pageDefaultView == 'products_only' || $pageDefaultView == 'widget_and_products'}
				
				
                {*<!---------------------- Start : Sort Block --------------------------------------------->*}
                {if $resProducts|count|default:''>0}
                <div class="fixing-element" data-spy="affix" data-offset-top="200">
                 <h6 class="pull-left padding">								
                  {$selCategoryDet['productCategoryName']|default:''}	 			
                </h6>
                <div class="sorting-pane clearfix hidden-xs">
                  <div class="sort-left col-xs-10">
                    <div class="sortBuy">{$language.lblSortBy} 
                    </div>
                    <ul>
                      <li>
                        <span class="circle_icon {if $default_catalog_listing=='popularity'}visible{/if}"></span>
                        {html->anchor href="" class="sortby" caption="{$language.lblPopularity}" id="popularity"}
                      </li>
                      <li>
                        <span class="circle_icon {if $default_catalog_listing=='new_products'}visible{/if}"></span>
                        {html->anchor href="" class="sortby" caption="{$language.lblNewlyListed}" id="new_products"}
                      </li>
                      <li>
                        <span class="circle_icon {if $default_catalog_listing=='price_desc'}visible{/if}"></span>
                        {html->anchor href="" class="sortby" caption="{$language.lblPriceHightoLow}" id="price_desc"}
                      </li>
                      <li>
                        <span class="circle_icon {if $default_catalog_listing=='price_asc'}visible{/if}"></span>
                        {html->anchor href="" class="sortby" caption="{$language.lblPriceLowtoHigh}" id="price_asc"}
                      </li>
                      <li>
                        <span class="circle_icon {if $default_catalog_listing=='spcl_offers'}visible{/if}"></span>
                        {html->anchor href="" class="sortby" caption="{$language.lblDiscount}" id="spcl_offers"}
                      </li>
                    </ul>
                  </div>
                  <div class="pull-right">
                    <div class="gridBx pull-left">
                      {html->anchor href="" id="grid" class="gridView viewType icon-grid-view active"}
                    </div>
                    <div class="listBx pull-left">
                      {html->anchor href="" id="list" class="listView viewType icon-list-view"}
                    </div>
                  </div>
                </div>
                </div>
                {/if}
                {*<!---------------------- End : Sort Block --------------------------------------------->*}
                {include file="{$pageLayout}productCompareBox.tpl"} 
                <div id ="refined-box-content"></div>
                <div class="productListing">
                  {include file="{$pageLayout}CatalogGridBlock.tpl"} 
                </div>
				<div class="text-center">
				<a href="javascript:void(0)" id="view_more_products" class="btn btn-default">Show more items</a>
				</div>
                <div id="CategoryPopup">
                  {form->start name="formProductOptions"}
                  {form->close}
                </div>
                {/if}
              </div>
            </div>
            {*<!------------------------ starts : Side Block -------------------------------------------------->*} 
            <div class="col-lg-3 sort_blk left-content-block p-0s">
              {if ($brandID  > 0 && $resBrandCategories|count>0 ) || (!$brandID  > 0 && $breadCrumb!='')}
              <div class="leftlistBx category-browse padding">
                {form->hidden name="selectedCategory"}
                <div class="whiteBx">
                  <a data-toggle="collapse" data-target="#demo" class="refine-icon pull-right"></a>
                  <h5>{$language.lblBrowse}</h5>
                  {if $brandID  > 0}
                       <div class="collapse in " id="demo">
                      <div class="clearfix">
                  <div class="listMenu listMenuScroll clearfix">
                     
                    {$brandCategoryMenu}
                    </div>
                    {html->anchor href="/categories/" class="btn btn-default btn-sm pull-right text-uppercase margin-top view-btn" caption="{$language.lblViewMore}"} 
                           </div>
                    </div>
                  {else}
                  <div class="collapse in " id="demo">
                      <div class="clearfix">
                    <div class="listMenu listMenuScroll clearfix">
                      {$breadCrumb} 
                      
                    </div>
                       {html->anchor href="/categories/" class="btn btn-default btn-sm pull-right text-uppercase margin-top view-btn" caption="{$language.lblViewMore}"} </div> 
                  </div>
                  {/if}
                </div>
              </div>
              {/if}
              {if $pageDefaultView=='products_only' || $pageDefaultView=='widget_and_products'}
              {include file="{$pageLayout}/LayeredNavigation.tpl"} 
              {/if}
              {if $listFeaturedBrands|default:array()|count>0 && isset($categoryDetails[$originCatalogID])}
              <div class="leftlistBx padding-horizontal">
                <h5>{$language.lblSimilar} {$categoryDetails[$originCatalogID]['productCategoryName']} {$language.lblBrands} </h4>
                <div class="whiteBx">
                  <ul class="brand-cat-list">
                    {foreach $listFeaturedBrands as $brands}
                    <li class="level-0">
                      {html->anchor href="brand/{$brands['brandKey']}/{$originCatalogID|sef_path:'catalog'}" caption="{$brands['brandName']} {$categoryDetails[$originCatalogID]['productCategoryName']}"}
                    </li>
                    {/foreach}
                  </ul>
                </div>
              </div>
              {/if}
              {if $listFeaturedProducts|default:array()|count>0}
              <div class="leftlistBx padding-horizontal">
                <h4>{$language.lblFeatured} {$brandInfo['brandName']} {$language.lblProducts} </h4>
                <div class="whiteBx smallGridLayout">
                  {foreach $listFeaturedProducts as $featureProduct}
                  <div class="list-01 clearfix">
                    {html->anchor href="{$featureProduct.productID|sef_path:'product'}" class="img-tag" caption="<img src='{$view_public_path}/uploads/catalog/product/small/{$featureProduct.productImage}' width='100' height='100'/>"}
                    <div class="tumbimgCaption">
                      {html->anchor href="{$featureProduct.productID|sef_path:'product'}" caption="{$featureProduct.productTitle|truncate:30}"}<br>
                      {if $featureProduct.offerPrice!=$featureProduct.productOptionRegularPrice}
                      <strike>{$featureProduct.productOptionRegularPrice|price:'':$featureProduct['productDefaultCurrency']:$currentCurrencyID}</strike> 
                      {/if}
                      <span>{$featureProduct.offerPrice|price:'':$featureProduct['productDefaultCurrency']:$currentCurrencyID}</span>
                      {if $featureProduct['tierPrice']>0}
                      <div>{$language.lblAsLowAs} {$featureProduct['tierPrice']|price:'':$featureProduct['productDefaultCurrency']:$currentCurrencyID}</div>
                      {/if}
                    </div>
                  </div>
                  {/foreach}
                </div>
              </div>
              {/if}
              {*<!-- Begin : facebook 
                {if $settingsFacebookLikeButtonCode|default:''}
                	<div class="fb-like-box"> {$settingsFacebookLikeButtonCode} </div>
                {/if} 
                <!-- End : facebook --> *}
              {*<!-- Begin : Twitter --> *}
              {if $settingsTwitterEnableFeeds|default:'' eq "Yes"}
              <div class="twitterbox" > {$settingsTwitterWidgetCode} </div>
              {/if} 
              {*<!-- End : Twitter -->*}

            </div>
            {*<!---------------------------------- End : Side Block ------------------------------------------------->*} 
            
          </div>
          {include file='RecentlyViewed.tpl'}
        </div>
        {include file='addbanner/BannerLeaderboardFooter.tpl'}
        {*<!----------------------------- End : Content Pane -------------------------------------->*}
      </div>
      {*<!-------------------------------------------- Begin : Footer	Pane ------------------------------------------->*} 
      {include file='CommonBottom.tpl'} 
      {*<!----------------------------------------- End : Footer Pane ---------------------------------------------->*}
    </div>
    {include file="{$pageLayout}js_templates/CatalogGridBlock.tpl"}
    <!-- End : Outer Pane --> 
    <script type="text/javascript">
      var lblphone 	= "{$language.lblEnterContactNumber}";
      var lblRemove 	= "{$language.lblRemove}";
      var productCurrency 	= 1;
      var selCategoryID 	= '{$selCategoryDet["productCategoryID"]|default:''}';
      var languageID 		= '{$languageID|default:''}';
      var catIDAndSubcategories = '{$catIDAndSubcategories}';
      var categoryID		="{$resBreadcrumbs[0]["productCategoryID"]|default:''}";
      var searchKeyword 	= "{$searchKeyword|default:''}";
      var listUsersWishListItems = {$listUsersWishListItems|json_encode};
      var originCatalogID = '{$originCatalogID}';
      var categoryID = '{$originCatalogID}';
      var brandID 		= '{$brandID}';
      var businessID 		= '{$businessID}';
    </script> 
    {include file='CommonJavaScriptBottom.tpl'}
    {html->messages_script section="Referral" id="common_message_referal"}
    {html->messages_script section="Subscribe" id="invalid_email"}
    {html->messages_script section="Subscribe" id="common_message"}
    {html->messages_script section="Unsubscribe" id="unsubscribe_message"} 
    <script type="text/javascript">
      {if $priceRanges.MINIMUM|default:'' && $priceRanges.MAXIMUM|default:''}	
      var __priceRangeMin = {$priceRanges.MINIMUM};
      var __priceRangeMax = {$priceRanges.MAXIMUM};	
      var __priceRangeMinCustom = '';
      var __priceRangeMaxCustom = '';
      {if $priceMinQueryString}
      __priceRangeMinCustom = {$priceMinQueryString};
      {/if}
      {if $priceMaxQueryString}
      __priceRangeMaxCustom = {$priceMaxQueryString};
      {/if}
      {/if}
      var  __discountQueryString='{$discountQueryString}';
      var  __queryStringMode='{$queryStringMode}';
      var  userGroupID='{$userGroupID}';
      var  default_catalog_listing='{$default_catalog_listing}';
      var detailPageProductID =0;
      var lblBrands ="{$language.lblBrands}";
    </script>
    {html->script_group_start name="{$compiled_js_path}/catalog.default.catalog.js"}
        {html->script src="{$common_js}/jquery.lazyload.js"}
        {html->script src="{$common_frontend_js}/addtocompare.feature.js"}
        {html->script src="{$common_frontend_js}/catalog.page.js"}
        {html->script src="{$common_frontend_js}/buyNow.js"}
        {html->script src="{$common_frontend_js}/recommendation.page.js"}
        {html->script src="{$common_frontend_js}/widget.page.js"}
        {html->script src="{$common_frontend_js}/product.page.js"}
      {html->script_group_end} 
  
    <script type="text/javascript">
      $(document).ready(function() {
      
      	$("img.lazy").lazyload({ 
      		effect : "fadeIn",
      		threshold:200
      	}).trigger("scroll");
      	$(".days_dash").each( function() {
      	if(!$(this).is(':visible') ) {
      		$(this).parent('.time-block').addClass("hourblock");
      	} 
      });
      });
      {$menuScript|default:''}
      
    </script>
  </body>
</html>

