<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html xmlns="http://www.w3.org/1999/xhtml" class="no-js"> <!--<![endif]--><head>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$language.lblBrands} : {$commonMetaTitle}</title>
<meta name="Description" content="{$commonMetaDescription}" />
<meta name="viewport" content="width=device-width">
<meta name="Keywords" content="{$commonMetaKeywords}" />
{include file='CommonStyles.tpl'}
<link rel="stylesheet" type="text/css" href="{$view_styles}/brands.css">
{include file='CommonJavaScript.tpl'  }
</head>
<body ng-controller="SearchCtrl">  
<!-- Begin : Outer Pane -->
<div id="main"> 
	<!-- Begin : Header Pane-->
	{include file='CommonTop.tpl'}
	<!-- End : Header -->
	<div id="content-wrapper" ng-show="!query">
		<!-- Begin : Content Pane -->
		<div class="container">
            <div class="brands light-bg">
		<div id="common_message" ></div>
			<div class="clearfix">
                <div class="bredcrumb pull-right"><!-- Breadcrumbs Starts here -->
					{html->anchor href="/index/" caption="{$language.lblHome}"}
					<span>/</span> 
					{html->anchor href="/brands/" caption="{$language.lblAllBrands}"}
					
						{if isset($resBreadcrumbs) && $resBreadcrumbs|count>0}
						{foreach $resBreadcrumbs as $resBreadcrumb}
							<span>/</span> 
							{if $resBreadcrumb['productCategoryStatus']=='Active'}
								{html->anchor href="brands/cat/{$resBreadcrumb['productCategoryKey']}/" caption="{$resBreadcrumb['productCategoryName']}"}
							{else}
								{html->anchor caption="{$resBreadcrumb['productCategoryName']}"}
							{/if}
						{/foreach}
						{/if}
					<!-- Breadcrumbs END here -->
			</div>
			<h3 >{$language.lblBrands}</h3>
			
			
					
			{if $categoryKey|default:''=='' || (isset($subcategories) && is_array($subcategories) && count($subcategories)>0)}
			<div class="category-lists margin-bottom">
				<ul class="row">
					
					{if isset($subcategories) && is_array($subcategories) && count($subcategories)>0}
						{assign var="mainCategories" value=$subcategories}  
					{/if}
					
					{if isset($mainCategories) && !empty($mainCategories)}
						{foreach $mainCategories as $key=>$category}
							<li class="col-xs-3">{html->anchor href="brands/cat/{$category['productCategoryKey']}/" content="{$category['productCategoryName']}"}</li>
							{if ($key+1)%4 == 0 && $key>0}
								</ul><ul class="row">
							{/if}
						{/foreach}
					{/if}
				
				</ul>
			</div>
			{/if}
			<div class="business-list">{assign var="categoryLink" value=$categoryLink|default:''}
				{if count($listBrands)>0 && is_array($listBrands)}
				<div class="alphabets_pagination clearfix" style="display:{$display|default:''}"> 
					<ul class="browse-letter Fsbold">
						<li class="seeall pull-left">
							{if !$hasAlphabet}
								{html->anchor  href="/brands/{$categoryLink}" class="seeall " content="{$language.lblSeeAll}"}
							{else}
								{html->anchor class="active seeall" href="/brands/{$categoryLink}"  content="{$language.lblSeeAll}"}
							{/if}
						</li>
						
						{foreach $alphabets as $itemAlphabet} 
						
						<li class="pull-left">
							{if $listBrands[$itemAlphabet|upper]|count|default:0>0 || in_array($itemAlphabet,$activeAlpabets)}
								{if $alphabet|lower == $itemAlphabet|lower}
									{html->anchor class="active" href="brands/alpha/{$itemAlphabet|lower}/{$categoryLink}" content="{$itemAlphabet}" }
								{else}
									{html->anchor  href="brands/alpha/{$itemAlphabet|lower}/{$categoryLink}" content="{$itemAlphabet}" }
								{/if}
							{else}
								{html->anchor class="inactive" content="{$itemAlphabet}" }
							{/if}
						</li>
						{/foreach} 
					</ul>
					
				</div>
				
				
				<h4> 
					{if !$hasAlphabet} 
						{$language.lblAllBrandsStartingwith} "{$alphabet|upper}" 
					{else} 
						{$language.lblAllBrandsAtoZ}
					{/if}
				</h4>
				<ul class="brand-box-outer-{$hasAlphabet} row">
                	{assign var="counter" value="0"}
					{foreach $listBrands as $alphabet=>$listBrand}
                    {assign var="counter" value={$counter+1}} 
						<li class="brand-box-inner-{$hasAlphabet} col-xs-3">
                      		{if $hasAlphabet !='' } 	
							<div class="alphabet-list-head">
								{html->anchor 
									class=" pull-right"  
									href="/brands/alpha/{$alphabet|lower}/{$categoryLink}" 
									content="{$language.lblmoretext}.." } 
									
							<span class="font-semibold">{$alphabet}</span></div>
							{/if}	
							<ul class="brand-box-outer-{$hasNoAlphabet|default:''} brand-contents">
							{foreach $listBrand as $brandKey=>$brand}
								<li class="brand-box-outer-{$hasAlphabet} clearfix padding-bottom">	
									{if $show_images_with_label=='Yes'}
										{if $brand['brandIcon'] != ''}
											<img src="{$view_public_path}/uploads/brand/thumb/{$brand['brandIcon']}"
                                            	class="left" 
												height="{$brand_icon_thumb_height|default:''}" 
												alt="{$brand['brandName']}" 
												width="{$brand_icon_thumb_width|default:''}"/>
                                         {else}
                                         <img src="{$view_images}/not-av-img.gif"
                                            	class="left" 
												height="50" 
												alt="{$brand['brandName']}" 
												width="50"/>
										{/if}
									{/if}
									{html->anchor class="active padding-left"  href="/brand/{$brand.brandKey}/{$productCategoryID|default:''|sef_path:'catalog'}" content="{$brand.brandName}" }
								</li>
								
							{/foreach}
							
							</ul>
						</li>
                        {if $counter%4 ==0}
                        <li class="clear"></li>
                        {/if}
					{/foreach}
				</ul>
				
				{else}
				
				<div class="no-productbox clearfix">
					<!-- Begin : Content Top Pane -->
					<div class="no-product">    
						{$language.lblNoMatchingBrandsAvailable} 
					</div>
					<!-- End : Content Top Pane -->
				</div>
				{/if}
			<!-- End : Product Block --> 
			</div>
		</div>
            </div>
	</div>
	<!-- End : Content Pane --> 
	</div>
	<!-- Begin : Footer	Pane --> 
	{include file='CommonBottom.tpl'  } 
  <!-- End : Footer Pane --> 
</div>
{html->messages_script id="common_message"}
{form->rootpath_script}
{form->basepath_script}
{include file='CommonJavaScriptBottom.tpl'  } 
</body>
</html>