<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" class="no-js" ng-app="myapp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{if $title|default:''!=''}{$title}{else}{$commonSiteName}{/if}</title>
<meta name="Description" content="{$commonMetaDescription}" />
<meta name="viewport" content="width=device-width">
<meta name="Keywords" content="{$commonMetaKeywords}" />
{include file='CommonStyles.tpl'}
{include file='CommonJavaScript.tpl'}
</head>
<body ng-controller="SearchCtrl" class="{$languageDirection}">
    {*<!-- Begin : Outer Pane -->*}
<div id="main"> 
    {*<!-- Begin : Header Pane--> *}
  {include file='CommonTop.tpl'}
  <div id="content-wrapper">     
      {* <!-- Begin : Content Pane -->*}
    <div class="container">
        <div class="categories light-bg p-4">
        <h2 class="margin-top padding-horizontal">{$language.lblAllCategories}</h2>
        <div id="common_message" ></div>
          <div  class=" padding-vertical">
          <div class="row category-listing-page">
             
         
        {* define the function *}         
        {assign var="inc" value="0"}
        {function name=Allcategories level=0}              
            {foreach from=$data item="productCategory"} 
                      
                       {if $productCategory.categoryLevel<=1 && $inc<=0}
                            <div class="col-12 col-sm-4 col-lg-3 t1">
                       {/if}
                       <div class="subleval-2 mb-1">
                        {if $level==0}<h6 class="border-bottom border-dark m-0">{assign var="inc" value=$inc+1}{/if}
                          
                        {html->anchor href="/{$productCategory.productCategoryID|sef_path:'catalog'}" class="{if $level==0}font-bold {/if} text-dark" content="{$productCategory.productCategoryName}"}
                           {if $level==0}</h6>{/if}
                          
                {if isset($productCategory['children']) && is_array($productCategory['children']) && !empty($productCategory['children'])}
                      {if $level<1}
                        <div class="subleval-3 p-3 bg-light font-small mb-3"> 
                        {call name=Allcategories data=$productCategory['children'] level=$level+1} 
                        </div></div>
                        
                        {/if}
                        
                   
                {else}
                    {if (is_array($productCategory)) && (isset($productCategory['menuItemID'])) && (is_numeric($productCategory['menuItemID']))}
              	
                    {/if}
                    </div>
                {/if}
               
                {if $productCategory.categoryLevel<=1 && $inc mod $columnValue<=0}
                    {assign var="inc" value="0"}
                     </div>
                {/if}
            {/foreach}  
        {/function}
        {call Allcategories data=$CategoryMenus} 
       
        </div>
        </div>
    </div>
    {*<!-- End : Content Pane --> *}    
  </div>
    {* <!-- Begin : Footer	Pane --> *}
  {include file='CommonBottom.tpl'} 
    {* <!-- End : Footer Pane --> *}
</div>
{*<!-- End : Outer Pane --> *}
</body>
{include file='CommonJavaScriptBottom.tpl'  }
</html>