<!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|default:''=='Yes'}
          <link rel="canonical" href="{$selCategoryDet.productCategoryKey|default:''}"/>
          {/if}*}
          {if $settingsCanonicalLink|default:''=='Yes'}
        <link rel="canonical" href="{$views_host_share}{$requestURI}"/>
        {/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" class="{$languageDirection}">
            {*<!---------------------------------- Begin : Outer Pane --------------------------------------->*}
          <div id="main" class="outer">
            {*<!--------------------------Begin : Header Pane----------------------------------------------->*} 
               {assign var="CatalogJS" value="Yes"}
            {include file='CommonTop.tpl'} 
            {*<!----------------------------- End : Header -------------------------------------------------------->*}
            <div id="content-wrapper" ng-show="!query"  class="category-landing">
                {*<!-------------- Breadcrumbs Starts here ---------------------------->*}
                    <div class=" bredcrumb d-none d-md-block bg-light py-1 font-small">
           <div class="container">
            <!-- Breadcrumbs Starts here -->
            {html->anchor href="/" caption="{$language.lblHome}"  class="text-muted"}
        {if count($brandInfo)>0}
          <span>/</span> 
          {html->anchor href="brand/{$brandInfo['brandKey']}" caption="{$brandInfo['brandName']}"  class="text-muted"}
          {foreach $resBreadcrumbs|default:array() as $resBreadcrumb}
          <span>/</span> 
          {if $resBreadcrumb['productCategoryStatus']=='Active'}
          {html->anchor href="brand/{$brandInfo['brandKey']}/{$resBreadcrumb['productCategoryID']|sef_path:'catalog'}" caption="{$resBreadcrumb['productCategoryName']}"  class="text-muted"}
          {else}
          {html->anchor caption="{$resBreadcrumb['productCategoryName']}"  class="text-muted"}
          {/if}
          {/foreach}
        
        {else}
          {foreach $resBreadcrumbs|default:array() as $resBreadcrumb} 
          <span>/</span>
          {if $resBreadcrumb['productCategoryStatus']=='Active'}
          {html->anchor href="{$resBreadcrumb['productCategoryID']|sef_path:'catalog'}" caption="{$resBreadcrumb['productCategoryName']}"  class="text-muted"}
          {else}
          {html->anchor style='cursor:default;' caption="{$resBreadcrumb['productCategoryName']}"  class="text-muted"}
          {/if}
          {/foreach}
        {/if}
    </div>
                </div>
                    {*<!------------------ Breadcrumbs END here ------------------>*}
              {*<!--------------------- Begin : Content Pane --------------------------------------------->*}
              <div class="container">
                  <div id="common_message"></div>
                  <div id="unsubscribe_message"></div>
                  <div id="common_message_referal"></div>
                  <div id="invalid_email"></div>
                  {form->hidden name="selectedProductOption" value=""}
                  {include file='addbanner/BannerLeaderboardHeader.tpl'}
                  {include file='addbanner/BannerHeader.tpl'}
                  {include file="{$pageLayout}productCompareBox.tpl"} 
                   {if ! (count($brandInfo|default:array())>0)}  
                   <div class=" text-center padding-vertical margin-bottom">  
                   <h1 class="h2style">			
                          {$selCategoryDet['productCategoryName']|default:''}	
                        </h1>
                        <div class="font-semibold">
                        <span class="bpfc">{$productsCount|default:""}</span> {$language.lblCartItems} 
                       </div>
                    </div>
                   {if $resBanner|default:''}
                  <div class="row  category-banner-block">
                    {*<!----------------------------------- starts : Side Block ---------------------------------------> *}
                    <div class="col-sm-3 side-content left-content-block">
                      {if ($brandID  > 0 && $resBrandCategories|count>0 ) || (!$brandID  > 0 && $breadCrumb!='')}
                      <div class="leftlistBx light-bg">
                        {form->hidden name="selectedCategory"}
                                      <h6 class="padding-horizontal border-bottom toggle-mob">{$language.lblPopularCategories}</h6>
                          {if $brandID  > 0}
                            <div class="listMenu clearfix padding">	{$brandCategoryMenu}
                              </div>
                          {else}
                            {* <div class="listMenu padding clearfix hidden-xs hidden-sm">  {$breadCrumb} </div> *}
                            {* <div class="listMenu padding clearfix visible-xs visible-sm ">  {$breadCrumb} </div> *}
                            <div class="listMenu padding clearfix mob-menu">	{$breadCrumb} </div>
                          {/if}
                      </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 class="col-xs-9  banner-cnt" >
                        <div class="clearfix">
                          {include file='BannerSlider.tpl'}
                        </div>
                  </div>
                      </div>
                    {/if}
                </div>
                       {*<!----------------- START : Widget Start Here ----------------------------------- -->*}
                      
                      
                      
                      
                    {if count($listWidget|default:array())>0} 
                          {foreach $listWidget as $key=>$widget}

                          <div class="widgetSlide 01">
                            {* <!-- Dont remove the class "widget_elements" , ID and Data Attributes --> *}
                            <div  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}
                     {/if}
                      {*<!----------------------- END : Widget End Here ---------------------------------------->*}
                      {*<!----------------- START : Category description Start Here ----------------------------------->*}  
                    
                   
                                {if $selCategoryDet["productCategoryFooterText"]|default:''}
                                <div class="widgetSlide container">
                                    {$selCategoryDet["productCategoryFooterText"]|default:''|unescape:"html"}
                                </div>
                                {else if $selCategoryParentDet["productCategoryFooterText"]|default:''}
                                 <div class="widgetSlide container">
                                    {$selCategoryParentDet["productCategoryFooterText"]|default:''|unescape:"html"}
                                </div>  
                                {/if}
                          
                      {*<!----------------- START : Category description end Here ----------------------------------->*}
                   {else}
                <div class="container">
                                                <h1 class="h2style text-center">{$brandInfo['brandName']}</h1>
 {if $brandInfo['brandIcon'] || $brandInfo['brandDescription']}	
                        <div class="brand-info clearfix margin-bottom light-bg">
                          <div class="light-bg padding clearfix">
                            {if $brandInfo['brandIcon']!=''}						
                            <img src="{$view_public_path}/uploads/brand/small/{$brandInfo['brandIcon']}"	
                              height="{$brand_icon_height}" 
                              alt="{$brandInfo['brandName']}" 							
                              width="{$brand_icon_width}" class="pull-left margin-right" />
                            {/if}
                 {$brandInfo['brandDescription']|unescape:"html"}	
                          </div>
                        </div>
                        {/if}
                </div>
                       {*<!----------------- START : Widget Start Here ----------------------------------->*}
                    {if count($listWidget|default:array())>0} 
                  {foreach $listWidget as $key=>$widget}

                  <div class="widgetSlide 04">
                    {* <!-- Dont remove the class "widget_elements" , ID and Data Attributes --> *}
                    <div class="pull-left" 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}
                     {/if}
                      {*<!----------------------- END : Widget End Here ---------------------------------------->*}
                    
                        {/if}
                         {*include file="{$pageLayout}productCompareBox.tpl"*} 
                        {*if $pageDefaultView|default:'widget_and_category_with_products' == 'widget_and_category_with_products' *}	

                     
                   
                      {if $listCategoryWiseProducts|count|default:0>0}
                      <div class="productListing container">
                        {foreach $listCategoryWiseProducts as $productCategoryID=>$resProducts}
                        <div class="clearfix categorycatalog-listing margin-vertical pading-vertical">
                          {if count($resProducts)>0}
                          {if count($resProducts)>{$numberOfProductCount-1}}
                          {if isset($categoryDetails[$productCategoryID]['productCategoryName'])}
                          {if $brandKey|default:''!=''}
                          {html->anchor href="brand/{$brandKey}/{$productCategoryID|sef_path:'catalog'} " class="pull-right Fsbold view" content="{$language.lblViewAll}"}
                          {else}                              
                              
                                {html->anchor href="{$productCategoryID|sef_path:'catalog'} " class="pull-right view" content="{$language.lblViewAll}"}	
                              
                          {/if}
                          {/if}
                          {/if}
                          {if isset($categoryDetails[$productCategoryID]['productCategoryName'])}
                          <h2 class="h3style margin-bottom">
                            {$language.lblPopularProducts}{$categoryDetails[$productCategoryID]['productCategoryName']}
                          </h2>
                          {/if}
                          {include file="{$pageLayout}CatalogGridBlock.tpl"} 
                          {/if}
                        </div>
                        {/foreach}
                      </div>
                     {*<!----------------- START : Category description Start Here ----------------------------------->*}    
                                {if $selCategoryDet["productCategoryFooterText"]|default:''}
                                <div class="widgetSlide container">
                                    {$selCategoryDet["productCategoryFooterText"]|default:''|unescape:"html"}
                                </div>
                                {else if $selCategoryParentDet["productCategoryFooterText"]|default:''}
                                 <div class="widgetSlide container">
                                    {$selCategoryParentDet["productCategoryFooterText"]|default:''|unescape:"html"}
                                </div>  
                                {/if}
                          
                          
                      {*<!----------------- START : Category description end Here ----------------------------------->*}
                      {else}
					    {if $pageDefaultView!='widget_only'}
						{include file='IndexNoProduct.tpl'}
						{/if}
                      {/if}
                      <div id="CategoryPopup">
                        {form->start name="formProductOptions"}{form->close}
                      </div>
                     
                
                {include file='catalog/default/freeGiftProduct.tpl'}      
                {include file='RecentlyViewed.tpl'}
            </div>
            {include file='addbanner/BannerLeaderboardFooter.tpl'}
            {*<!---------------------------------------- End : Content Pane -------------------------------------->*}
          
          {*<!---------------------------------- Begin : Footer --------------------------> *}
          {include file='CommonBottom.tpl'} 
          {*<!------------------------------- End : Footer -------------------------------------->*}
          </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:1}';
            var catIDAndSubcategories = '{$catIDAndSubcategories|default:''}';
            var categoryID='{$resBreadcrumbs[0]["productCategoryID"]|default:''}';
            var searchKeyword = '{$searchKeyword|default:''}';
            var originCatalogID = '{$originCatalogID|default:''}';
            var brandID = '{$brandID|default:0}';
          </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|default:''}';
            var  __queryStringMode='{$queryStringMode|default:''}';
            var  userGroupID='{$userGroupID|default:0}';
            var  default_catalog_listing='{$default_catalog_listing|default:''}';
            var detailPageProductID =0;
          </script>
          {html->script_group_start name="{$compiled_js_path}/catalog.default.categorycatalog.js"}
            {html->script src="{$common_js}/jquery.lazyload.js"}
            {html->script src="{$common_frontend_js}/addtocompare.feature.js"}
            {html->script src="{$common_frontend_js}/brandcatalog.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");
            	{$scriptstringForMenuMove|default:''}
            	$(".menuDiv").mouseover(function(){
            		var rel = $(this).find('li').first().attr('rel');
            		$("#categoryParent_"+rel).addClass("selected");
            	}).mouseout(function(){
            		var rel = $(this).find('li').first().attr('rel');
            		$("#categoryParent_"+rel).removeClass("selected");
            		var selectedCategoryKey = $('#selectedCategory').val();
            		var selectedCategoryParentId = $('.'+selectedCategoryKey).attr('rel');
            		$("#categoryParent_"+selectedCategoryParentId).addClass("active");
            	});
            	$('.menuDiv').each(function(index) {
            		var ID = $(this).attr('id');
            		$("#"+ID+" ul").each(function() {
            			var elem = $(this);
            			if (elem.children().length == 0) {
            				elem.remove();
            			}
            		});
            	});
            	var selectedCategoryKey = $('#selectedCategory').val();
            	$("[id='"+selectedCategoryKey+"']").addClass("active");
            	
            	$(".days_dash").each( function() {
            	if(!$(this).is(':visible') ) {
            		$(this).parent('.time-block').addClass("hourblock");
            	} 
            });

            if (window.matchMedia('(max-width: 991px)').matches){
              $('.toggle-mob').click(function(){
                $('.mob-menu').slideToggle();
                $('.toggle-mob').toggleClass('active');
              })
              $(".mob-menu > ul > li").each(function() {
                if ($(this).has("ul").length) {
                  $(this).prepend('<span class="show-sub"></span>');
                }
              });

              $(".mob-menu > ul > li .show-sub").click(function() {
                if ($(this).hasClass("active")) {
                  $(this).parent("li").children('ul').slideUp();
                  $(this).removeClass("active");
                } else {
                  $(this).parent("li").children('ul').slideDown();
                  $(this).addClass("active");
                }
              });
            }
           $('.addToCompareCommonDiv').hover(function() {
            $('.compairPane').toggleClass('active-now');
          });


        });
            {$menuScript|default:''}
            
          </script>
     
        </body>
      </html>
