<div id="dor-tab-product-category-pro" class="clearfix show-hover2 dor-flytab" {if isset($ajaxLoad) && $ajaxLoad == 1}data-firstAjax="1"{/if}>
	<div class="container">
		<div class="row">
			<div class="dor-pro-tabcontent clearfix">
				<div class="dor-tabpro-product-category-wrapper" data-tab-id="{$tabChose}">
					<h3 class="pro-list-title"><span class="tab-title-pro"><span>{$tabChoseName}</span></span></h3>
					<div class="row-item-protab">
						<div class="protab-lists">
							<div class="pro-tab-head">
								<ul role="tablist" class="nav nav-tabs" id="dorTabAjaxPro" data-ajaxurl="{if isset($urls.force_ssl) && $urls.force_ssl}{$urls.base_url_ssl}{else}{$urls.base_url}{/if}modules/dor_tabproductcategory_pro/productcategory-ajax.php">
									{$i=0}
									{foreach from=$listTabs item=cate name=tabCate}
									<li><a class="{if $smarty.foreach.tabCate.first}first_item{elseif $smarty.foreach.tabCate.last}last_item{else}{/if} {if $cate.id==$tabID.id} active {/if}" aria-expanded="false" data-toggle="tab" id="cate-tab-data-pro-{$cate.id}-tab" href="#cate-tab-data-pro-{$cate.id}"><span>{if $cate.icontab != ""}<i class="{$cate.icontab}"></i>{/if}{$cate.name}</span></a></li>
									{$i= $i+1}
									{/foreach}	
								</ul>
							</div>
						</div>
						<div class="protab-contents">
							<div class="tab-content dorTabProductCategoryContentPro" id="dorTabProductCategoryContentPro">
							{if $listTabsProduct}
								{$k=0}
								{foreach from=$listTabsProduct item=productTab name=tabCatePro}
								<div data-aria-labelledby="cate-tab-data-pro-{$productTab.id}-tab" id="cate-tab-data-pro-{$productTab.id}" class="tab-pane fade {if $productTab.id==$tabID.id} active {/if} in">
									<div class="productTabContentPro_{$productTab.id} dor-content-items">
										<div class="row-items">
										{if $productTab.id==$tabID.id} {include file="$self/product-item.tpl"} {/if}
										</div>
									</div>
								</div>
								{$k= $k+1}
								{/foreach}
							{/if}
								{$key=0}
								{foreach from=$listTabs item=cate name=tabCate}
								<div data-aria-labelledby="cate-tab-data-pro-{$cate.id}-tab" id="cate-tab-data-pro-{$cate.id}" class="tab-pane fade {if $cate.id==$tabID.id} active {/if} in">
									<div class="productTabContentPro_{$cate.id} dor-content-items">
										<div class="row-items">
										{if $cate.id==$tabID.id} 
											{if isset($lists) && $lists}
												{include file="$productItemPath"} 
											{/if}
										{/if}
										</div>
									</div>
								</div>
								{$key= $key+1}
								{/foreach}	
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>