@model IList<ProductOverviewModel>
@using SmartStore.Core;
@using SmartStore.Core.Infrastructure;
@using SmartStore.Web.Models.Catalog;
@if (Model.Count > 0)
{
    <div class="block block-bordered block-recently-viewed-products">
        <div class="block-title">
            @T("Products.RecentlyViewedProducts")
        </div>
        <div class="block-body listbox">
            <ul>
                @for (int i = 0; i < Model.Count; i++)
                {
                    var product = Model[i];
                    string cssClass = "line";

                    if (i == 0)
                    {
                        cssClass += " alpha";
                    }
                    if (i == Model.Count - 1 )
                    {
                        cssClass += " omega";
                    }
                    
                    <li class="clearfix @cssClass">
                        <figure class="picture pull-left">
							@if (product.DefaultPictureModel.ImageUrl.HasValue())
							{
								<a href="@Url.RouteUrl("Product", new { SeName = product.SeName })" title="@product.DefaultPictureModel.Title">
									<img alt="@product.DefaultPictureModel.AlternateText" src="@product.DefaultPictureModel.ImageUrl" title="@product.DefaultPictureModel.Title" /></a>
							}
                        </figure>
                        
                        <a  class="product-name" href="@Url.RouteUrl("Product", new { SeName = product.SeName })" >@product.Name</a>
                    </li>
                }
            </ul>
        </div>
    </div>
}