<!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" ng-app="myapp" lang="{$SelCurrLanguage}"> <!--<![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'}
<script type="text/javascript">
    var alphabet            =	"{$alphabet|default:''}";
    var productCategoryID   =	"{$productCategoryID|default:''}";
</script>
</head>
<body ng-controller="SearchCtrl" class="{$languageDirection}"> 
<!-- Begin : Outer Pane -->
<div id="main"> 
	<!-- Begin : Header Pane-->
	{include file='CommonTop.tpl'}
	<!-- End : Header -->
	<div id="content-wrapper" ng-show="!query" >
        <div class="clearfix bredcrumb d-none d-md-block bg-light py-1 font-small"><!-- Breadcrumbs Starts here -->
            <div class="container">
					{html->anchor href="/index/" caption="{$language.lblHome}"  class="text-muted"}
					<span>/</span> 
					{html->anchor href="/brands/" caption="{$language.lblAllBrands}"  class="text-muted"}
					
						{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']}"  class="text-muted"}
							{else}
								{html->anchor caption="{$resBreadcrumb['productCategoryName']}"  class="text-muted"}
							{/if}
						{/foreach}
						{/if}
                </div>
					<!-- Breadcrumbs END here --> class="text-muted"}
			</div>
		<!-- Begin : Content Pane -->
		<div class="container">
            <div class="brands light-bg">
		<div id="common_message" ></div>
			<div class="clearfix">
                
			<h1 class="h3 font-bold mb-4">{$language.lblBrands}</h1>
			
			
					
			{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-12 col-sm-4 col-md-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}
                        {assign var="categoryLink" value=$categoryLink|default:''}
                        {assign var="arLetters" value=''}
                        {if $AjaxCurrLanguage eq 'ar'}
                            {assign var='alphabets' value=','|explode:"أ,ا,ب,ت,ث,ج,ح,خ,د,ذ,ر,ز,س,ش,ص,ض,ط,ظ,ع,غ,ف,ق,ك,ل,م,ن,هـ,و,ي"}
                            {assign var="arLetters" value="أ,ا,ب,ت,ث,ج,ح,خ,د,ذ,ر,ز,س,ش,ص,ض,ط,ظ,ع,غ,ف,ق,ك,ل,م,ن,هـ,و,ي"}
                        {/if}
                {form->hidden name="arLetters" value="{$arLetters}"}
			<div class="business-list brandList">
                                {include file='AjaxLoadBrands.tpl'  } 
			<!-- 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'  } 
{html->script src="{$common_frontend_js}/brand.page.js"}
</body>
</html>