{if $recent_items}
<div class="panel panel-default">
  <div class="panel-heading" role="tab" id="headingFour">
	<h4 class="panel-title">
	  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
		Recently Viewed
	  </a>
	</h4>
  </div>
  <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
	<div class="panel-body">
		<div class="row">
		{assign var="products" value=$recent_items}
		{foreach from=$recent_items item=product}	
		  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 accordion-product ">
			  <a href="{$product.url}">
			{if $product.image}
			<img src="{$product.image}" class="ui-corner-all ui-shadow" style="padding:9px;background-color:white;" alt="{if $product.image_alt_text != ''}{$product.image_alt_text|htmlspecialchars}{else}{$product.title|htmlspecialchars}{/if}" title="{$product.title|htmlspecialchars}" width="100"/>
			{else}
			{assign var="imageId" value="image-no-image-small"}
			{if $designImages.$imageId}
			<img src="{$designImages.$imageId.content}" alt="{$msg.images.imageNoImageSmall|htmlspecialchars}" width="100"/>
			{else}
			{$msg.images.imageNoImageSmall|htmlspecialchars}
			{/if}
			{/if}
			</a>
			<h5><strong>{$product.product_id|truncate:21}</strong></h5>
			<h5><strong>{$product.title|truncate:21}</strong></h5>
			<p>Manufacturer: {$product.manufacturer_name|truncate:21} </p>
			<h5><strong>{$product.new_or_used|truncate:21}</strong></h5>						
			<div class="price">            
			  {if $product.call_for_price=="Yes"}
				{$msg.product.call_for_price}
				{else}
				{if ($auth_ok == "yes" || $user_cookie) || $VisitorSeePrice=="YES"}
				{if $product.enable_recurring_billing}
				<span class="price-label invisible">{$msg.product.product_price}:</span> <span class="price-amount">{$product.recurring_billing_data.billing_amount|price}</span>
				{else}
				{if $WholesaleDiscountType!="NO" && $user_level>0}
				{if $WholesaleCasePack == "YES" && ($product.case_pack> 0)}
				<span class="price-amount">{$product.price_wholesale*$product.case_pack|price}</span>
				{else}
				<span class="price-amount">{$product.price_wholesale|price}</span>
				{/if}
				{else}
				{if $WholesaleCasePack == "YES" && ($product.case_pack> 0)}
				{if $product.price2> 0}
				<span class="price-amount" style="text-decoration:line-through;">{$product.price2*$product.case_pack|price}</span><br />
				<span class="price-amount">{$product.price*$product.case_pack|price}</span>
				{else}
				<span class="price-amount">{$product.price*$product.case_pack|price}</span>
				{/if}
				{else}
				{if $product.price2> 0}
				<!--<span class="price-amount" style="text-decoration:line-through;">{$product.price2|price}</span><br />
				<span class="price-amount">{$product.price|price}</span>-->
				<div class="old-price">{$product.price2|price}</div>
			   <div class="new-pricev">{$product.price|price}</div>
				{else}
				<!--<span class="price-amount">{$product.price|price}</span>-->
				<div class="new-pricev">{$product.price|price}</div>
				{/if}
				{/if}
				{/if}
				{/if}
				{else}
				{if $AllowCreateAccount != "No"}
				<a href="{$url_https}p=login">{$msg.account.login}</a> |
				<a href="{$url_https}p=signup">{$msg.account.register}</a>
				{/if}
				{/if}
				{/if}
			
			<a href="{$product.url}" class="moreinfo">More Info</a>
			</div>	
		  </div>
		 
		{/foreach}                      
		</div>
	</div>
  </div>
</div>
{/if}