{*
variables:
  showtoolbar
  catalog_view
  per_row
*}

{if isset($showtoolbar) && $showtoolbar == 1}
	<div class="catalog_toolbar clearfix">
		{if !empty($filters)}
		<div class="item filter_button visible-xs-block">
			<button type="button" id="filter_mobile_btn" class="btn btn-secondary"><i class="fa fa-sliders"></i>[`Filter`]</button>
		</div>
		{/if}

		{$catalog_view = waRequest::cookie('catalog_view')}
		{if !$catalog_view}
			{$catalog_view = 'grid'}
		{/if}

		<!-- sorting -->
		{$sort_fields = [
			'name' => '[`Name`]',
			'price' => '[`Price`]',
			'total_sales' => '[`Bestsellers`]',
			'rating' => '[`Customer rating`]',
			'create_datetime'=>'[`Date added`]',
			'stock' => '[`In stock`]'
		]}

		{if !isset($active_sort)}
			{$active_sort = $wa->get('sort', 'create_datetime')}
		{/if}

		{if !empty($sorting)}
			<div class="item sort_wrap">
				<span class="item_label">[`Sort by`]:</span>
				<div class="dropdown">
					<button class="btn dropdown-toggle" type="button" id="sort_dropdown" data-toggle="dropdown" aria-expanded="true">
						<span>
							{if !empty($category) && !$category.sort_products && !$active_sort}
								[`New & Popular`]
							{else}
								{$sort_fields[$active_sort]}

								{if $wa->get('order') == 'desc'}
									<i class="fa fa-caret-down"></i>
								{elseif $wa->get('order') == 'asc'}
									<i class="fa fa-caret-up"></i>
								{/if}
							{/if}
						</span>
						<i class="fa fa-angle-down"></i>
					</button>
					<ul class="dropdown-menu" role="menu" aria-labelledby="sort_dropdown">
						{if !empty($category) && !$category.sort_products}
							<li><a href="{$wa->currentUrl(0, 1)}">[`New & Popular`]</a></li>
						{/if}
						{foreach $sort_fields as $sort => $name}
							<li>
								{$wa->shop->sortUrl($sort, $name, $active_sort)|replace:'&':'&amp;'|replace:'sort-asc':'fa fa-caret-down'|replace:'sort-desc':'fa fa-caret-up'}
							</li>
						{/foreach}
					</ul>
				</div>
			</div>
		{/if}

		{* products per page *}
		{if $theme_settings.show_per_page && $theme_settings.pagination != 'lazyloading'}
			{$pages_arr = ['12','24','36','48','64']}
			{$pp_active = waRequest::cookie('products_per_page')}

			{if !$pp_active}
				{$pp_active = 12}
				<script type="text/javascript">
					$.cookie('products_per_page', {$pp_active}, {ldelim}expires: 30, path: '/'{rdelim});
				</script>
			{/if}
			<div class="item per_page_wrap">
				<span class="item_label">[`Products per page`]:</span>
				<div class="dropdown">
					<button class="btn dropdown-toggle" type="button" id="per_page_dropdown" data-toggle="dropdown" aria-expanded="true">
						<span>{$pp_active}</span>
						<i class="fa fa-angle-down"></i>
					</button>
					<ul class="dropdown-menu dd_fw" role="menu" aria-labelledby="per_page_dropdown">
						{foreach $pages_arr as $pp}
							<li{if $pp_active == $pp} class="active"{/if}><a rel="nofollow" href="#" data-val="{$pp}">{$pp}</a></li>
						{/foreach}
					</ul>
				</div>
			</div>
		{else}
			<script type="text/javascript">
			{literal}
				$.removeCookie('products_per_page', { path: '/' });
			{/literal}
			</script>
		{/if}

		<div class="item select_view">
			<button type="button" class="btn {if $catalog_view == 'grid'}active{/if} view_grid" value="grid"><i></i></button>
			<button type="button" class="btn {if $catalog_view == 'list'}active{/if} view_list" value="list"><i></i></button>
		</div>
	</div>
{else}
	{if !isset($catalog_view)}
		{$catalog_view = 'grid'}
	{/if}
{/if}

{$favList = waRequest::cookie('shop_favorites')}
{assign var=favList value=","|explode:$favList}

{$skus = $wa->shop->skus(array_keys($products))}
{*$images = $wa->shop->images(array_keys($products))*}

{* Availability *}
{assign var=availability value=[
	'yes' => "[`In stock`]",
	"no" => "[`Out of stock`]",
	"preorder" => "[`Pre-order only`]",
	"unavailable" => "[`Unavailable`]"
]}

{if $catalog_view == 'grid' ||  $catalog_view == 'slider'}

  {if !(isset($per_row) && $per_row) && (isset($theme_settings.catalog_products_per_row) && $theme_settings.catalog_products_per_row)}
    {$per_row = $theme_settings.catalog_products_per_row}
  {else}
    {$per_row = 4}
  {/if}


  {if $theme_settings.catalog_larger_images}
    {$larger_images = "larger_images"}
  {else}
    {$larger_images = ""}
  {/if}

	<div class="product-list products_view_grid per_row_{$per_row} {$larger_images} clearfix" data-per-row="{$per_row}">

	{if $catalog_view == 'grid'}
		{if isset($compact) && $compact == true}
			{$compact = true}
		{else}
			{if $theme_settings.catalog_grid_compact}
				{$compact = true}
			{else}
				{$compact = false}
			{/if}
		{/if}
	{else if $catalog_view == 'slider'}
		{if isset($compact) && $compact == true}
			{$compact = true}
		{else}
			{if $theme_settings.slider_grid_compact}
				{$compact = true}
			{else}
				{$compact = false}
			{/if}
		{/if}
	{/if}

{elseif $catalog_view=='list'}
	<div class="product-list products_view_list">
{/if}

{foreach $products as $p}
 
  {$p.auction = shopAuctionPlugin::isProductAuction($p.id)}
  {$p.skus = $skus[$p.id]}
  {*$p.images = $images[$p.id]*}

	{* Availability *}
	{$product = $p}
	{if $product.sku_type}
		{* selectable skus*}
		{if $product.count > 1 || $product.count === null}
			{$availability_text = "[`In stock`]"}
			{$availability_status = true}
		{else}
			{if $wa->shop->settings('ignore_stock_count')}
				{$availability_text = "[`Pre-order only`]"}
				{$availability_status = true}
			{else}
				{$availability_text = "[`Out of stock`]"}
				{$availability_status = false}
			{/if}
		{/if}
	{else}
		{* flat skus*}
		{$availability_status = false}
		{if count($product.skus) > 1}
			{$sku_available = false}
			{foreach $product.skus as $sku}
				{$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
				{$availability_status = $availability_status or $sku_available}
			{/foreach}

			{if $product.count > 1 || $product.count === null}
				{$availability_text = "[`In stock`]"}
				{$availability_status = true}
			{else}
				{if $wa->shop->settings('ignore_stock_count')}
					{$availability_text = "[`Pre-order only`]"}
					{$availability_status = true}
				{else}
					{$availability_text = "[`Out of stock`]"}
					{$availability_status = false}
				{/if}
			{/if}
		{else}
			{$sku = $product.skus[0]}

			{if !$sku.available}
				{$availability_text = "[`Unavailable`]"}
			{elseif !($sku.count === null || $sku.count > 0)}
				{if $wa->shop->settings('ignore_stock_count')}
					{$availability_text = "[`Pre-order only`]"}
				{else}
					{$availability_text = "[`Out of stock`]"}
				{/if}
			{else}
				{$availability_text = "[`In stock`]"}
			{/if}
            
			{$availability_status = $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
		{/if}
	{/if}

	{*
  {assign var=thumbs value=[]}
  {foreach $p.images as $image}
    {append "thumbs" ["src"=>"{$wa->shop->productImgUrl(['id'=> $image.product_id, 'image_id' => $image.id, 'ext' => $image.ext], '970')}"]}
  {/foreach}
	*}

  {$favClass = ''}
  {foreach from=$favList item=i}
    {if $i == $p.id}
      {$favClass = 'active'}
    {/if}
  {/foreach}

	{if $catalog_view == 'grid' ||  $catalog_view == 'slider'}
	<div class="product" itemscope itemtype ="http://schema.org/Product">
		<div class="in">
			{if isset($remove) && $remove == 1}<button class="btn_remove" data-product="{$p.id}" type="button" title="[`Remove from list`]">&#10005;</button>{/if}
			<div class="image_wrap">
				<a class="img_middle" href="{$p.frontend_url}" title="{$p.name}">
					<div class="badge-wrapper">
						{$badge_html = $wa->shop->badgeHtml($p.badge)}
						{if $badge_html}
							{$badge_html}
						{/if}

						{if $p.compare_price > 0}
							<div class="badge discount"><span>-{round(($p.compare_price - $p.price) / ($p.compare_price / 100))}%</span></div>
						{/if}
					</div>
					<div class="img_middle_in">
						{$wa->shop->productImgHtml($p, '250', ['itemprop' => 'image', 'alt' => $p.name, 'default' => "`$wa_theme_url`img/dummy200.png"])}
					</div>
				</a>

				{if !empty($p.image_id) && $theme_settings.catalog_show_quick_photo}
				<a class="quick_photo" href="#" data-url="{$wa->shop->productImgUrl($p, '750x0')}" data-name="{$p.name}" title="[`Zoom photo`]"><i class="fa fa-search-plus fa-lg"></i></a>
				{/if}

				{if $theme_settings.catalog_show_quick_view}
				<a class="quick_view" data-url="{$p.frontend_url}{if strpos($p.frontend_url, '?')}&{else}?{/if}quick_view=1" title="[`Quick view`]"><i class="fa fa-expand"></i></a>
				{/if}
			</div>

			<h5>
				<a href="{$p.frontend_url}" title="{$p.name}">
					<span itemprop="name">{$p.name}</span>
				</a>
			</h5>

			{if $p.summary}<meta itemprop="description" content="{$p.summary|strip_tags|escape}">{/if}

			<div itemprop="offers" class="offers" itemscope itemtype="http://schema.org/Offer">
				<form class="purchase addtocart" {if $p.sku_count > 1}data-url="{$p.frontend_url}{if strpos($p.frontend_url, '?')}&{else}?{/if}quick_view=1"{/if} method="post" action="{$wa->getUrl('/frontendCart/add')}">
					<meta itemprop="price" content="{$p.price}">
					<meta itemprop="priceCurrency" content="{$wa->shop->primaryCurrency()}">
					<input type="hidden" name="product_id" value="{$p.id}">

					<div class="prices">
						{if $p.compare_price > 0}
							<span class="price price-new nowrap" id="auctionPriceBid{$p.id}">{shop_currency_html($p.price)}</span>
							<span class="compare-at-price nowrap"> {shop_currency_html($p.compare_price)}</span>
						{else}
						<span class="price nowrap" id="auctionPriceBid{$p.id}">{shop_currency_html($p.price)}</span>
						{/if}
					</div>

					{if !$compact}

						{if !$theme_settings.disable_reviews}
						<span class="rating clearfix">
							{for $i=1 to 5}
								<i class="fa fa-star{if $i > $p.rating} empty{/if}"></i>
							{/for}
							<a href="{$p.frontend_url}#pp_reviews">{$p.rating_count}</a>
						</span>
						{/if}

						<div class="clearfix">
						    {if $p.auction}
						        <div class="btn_add2cart_wrap">
									<a class="btn btn-primary" id="auctionButtonBid{$p.id}"' data-productid="{$product.id}" data-minbid="" data-rooturl="{$wa_app_url}" onClick="auctionOpenBidDialog(this);" disabled="disabled">Сделать ставку</a>
								</div>
							{else if $availability_status}
								<div class="btn_add2cart_wrap">
									<button class="btn btn-primary btn_add2cart" type="submit"><i></i>[`Add to cart`]</button>
									<i class="adding2cart icon16 loading pull-left"></i>
								</div>
								<link itemprop="availability" href="http://schema.org/InStock" />
							{else}
								{if $theme_settings.catalog_show_stock}
									<div class="btn_add2cart_wrap">
										<button class="btn btn-primary btn_add2cart disabled" type="button" disabled=""><i></i>[`Add to cart`]</button>
									</div>
								{else}
									{if isset($availability_text)}
										{if $availability_text != "[`In stock`]"}
										<div class="btn_add2cart_wrap">
											<div class="btn btn-link stock no">{$availability_text}</div>
										</div>
										{/if}
									{/if}
								{/if}

								<link itemprop="availability" href="http://schema.org/OutOfStock" />
							{/if}

							{if empty($disable_compare) || empty($disable_favorites)}
								<div class="p_buttons">
									{if empty($disable_compare)}
										<a data-product="{$p.id}" class="compare to_compare{if $wa->shop->inComparison($p.id)} active{/if}" title="[`Add to compare`]"><i></i></a>
									{/if}
									{if empty($disable_favorites)}
										<a data-product="{$p.id}" class="to_favorites {$favClass}" title="[`Add to favorites`]"><i></i></a>
									{/if}
								</div>
							{/if}
						</div>
					{/if}
				</form>

				{if isset($availability_text)}
					{if $theme_settings.catalog_show_stock}
					    {if $p.auction}
					        <div class="stock yes"><a onclick="auctionOpenBidListDialog({$p.id}, '{$wa_url}');">Ставок: <span id="auctionBidCount{$p.id}">{shopAuctionPlugin::getAuctionCountBid($p.id)}</span></a></div>
						{else if $availability_text == "[`In stock`]"}
							<div class="stock yes">{$availability_text}</div>
						{else}
							<div class="stock no">{$availability_text}</div>
						{/if}
					{/if}
				{/if}
			</div>
		</div>
	</div>
	{elseif $catalog_view=='list'}
	<div class="product" itemscope itemtype ="http://schema.org/Product">

		<div class="in clearfix">
			{if isset($remove) && $remove == 1}<button class="btn_remove" data-product="{$p.id}" type="button" title="[`Remove from list`]">&#10005;</button>{/if}
			<div class="mobile_name visible-xs-block">
				<a href="{$p.frontend_url}">{$p.name}</a>
			</div>

			<div class="item_img">
				<div class="image_wrap">
					<a class="img_middle" href="{$p.frontend_url}" title="{$p.name}">
						<div class="badge-wrapper">
							{$badge_html = $wa->shop->badgeHtml($p.badge)}
							{if $badge_html}
								{$badge_html}
							{/if}

							{if $p.compare_price > 0}
								<div class="badge discount"><span>-{round(($p.compare_price - $p.price) / ($p.compare_price / 100))}%</span></div>
							{/if}
						</div>
						<div class="img_middle_in">
							{$wa->shop->productImgHtml($p, '250', ['itemprop' => 'image', 'alt' => $p.name || '', 'default' => "`$wa_theme_url`img/dummy200.png"])}
						</div>
					</a>

					{if !empty($p.image_id) && $theme_settings.catalog_show_quick_photo}
					<a class="quick_photo" href="#" data-url="{$wa->shop->productImgUrl($p, '750x0')}" data-name="{$p.name}" title="[`Zoom photo`]" {*data-thumbs='{$thumbs|json_encode}'*}><i class="fa fa-search-plus fa-lg"></i></a>
					{/if}

					{if $theme_settings.catalog_show_quick_view}
					<a class="quick_view" data-url="{$p.frontend_url}{if strpos($p.frontend_url, '?')}&{else}?{/if}quick_view=1" title="[`Quick view`]"><i class="fa fa-expand"></i></a>
					{/if}
				</div>
			</div>

			<div itemprop="offers" class="offers" itemscope itemtype="http://schema.org/Offer">
				<form class="purchase addtocart" {if $p.sku_count > 1}data-url="{$p.frontend_url}{if strpos($p.frontend_url, '?')}&{else}?{/if}quick_view=1"{/if} method="post" action="{$wa->getUrl('/frontendCart/add')}">
					<meta itemprop="price" content="{$p.price}">
					<meta itemprop="priceCurrency" content="{$wa->shop->primaryCurrency()}">
					<input type="hidden" name="product_id" value="{$p.id}">

					<div class="prices">
						{if $p.compare_price > 0}
							<span class="price price-new nowrap" id="auctionPriceBid{$p.id}">{shop_currency_html($p.price)}</span>
							<span class="compare-at-price nowrap"> {shop_currency_html($p.compare_price)}</span>
						{else}
						<span class="price nowrap" id="auctionPriceBid{$p.id}">{shop_currency_html($p.price)}</span>
						{/if}
					</div>

					{if isset($availability_text)}
					    {if $p.auction}
					        <div class="stock yes"><a onclick="auctionOpenBidListDialog({$p.id}, '{$wa_url}');">Ставок: <span id="auctionBidCount{$p.id}">{shopAuctionPlugin::getAuctionCountBid($p.id)}</span></a></div>
						{else if $theme_settings.catalog_show_stock}
							{if $availability_text == "[`In stock`]"}
								<div class="stock yes">{$availability_text}</div>
							{else}
								<div class="stock no">{$availability_text}</div>
							{/if}
						{else}
							{if $availability_text != "[`In stock`]"}
								<div class="stock no">{$availability_text}</div>
							{/if}
						{/if}
					{/if}

					<div class="clearfix">
					    {if $p.auction}
					        <div class="btn_add2cart_wrap">
								<a class="btn btn-primary" id="auctionButtonBid{$p.id}"' data-productid="{$product.id}" data-minbid="" data-rooturl="{$wa_app_url}"  onClick="auctionOpenBidDialog(this);" disabled="disabled">Сделать ставку</a>
							</div>
							<link itemprop="availability" href="http://schema.org/InStock" />
						{else if $availability_status}
							<div class="btn_add2cart_wrap">
								<button class="btn btn-primary btn_add2cart" type="submit"><i></i>[`Add to cart`]</button>
								<i class="adding2cart icon16 loading pull-left"></i>
							</div>
							<link itemprop="availability" href="http://schema.org/InStock" />
						{else}
							{if $theme_settings.catalog_show_stock}
							<div class="btn_add2cart_wrap">
								<button class="btn btn-primary btn_add2cart disabled" type="button" disabled=""><i></i>[`Add to cart`]</button>
							</div>
							{/if}

							<link itemprop="availability" href="http://schema.org/OutOfStock" />
						{/if}

						{if empty($disable_compare) || empty($disable_favorites)}
							<div class="p_buttons">
								{if empty($disable_compare)}
									<div>
										<a data-product="{$p.id}" class="compare to_compare{if $wa->shop->inComparison($p.id)} active{/if}" title="[`Add to compare`]"><i></i><span>[`Add to compare`]</span></a>
									</div>
								{/if}

								{if empty($disable_favorites)}
									<div>
										<a data-product="{$p.id}" class="to_favorites {$favClass}" title="[`Add to favorites`]"><i></i><span>[`Add to favorites`]</span></a>
									</div>
								{/if}
							</div>
						{/if}
					</div>
				</form>
			</div>

			<div class="col_c hidden-xs">
				<h5><a href="{$p.frontend_url}"><span itemprop="name">{$p.name}</span></a></h5>

				{if !$theme_settings.disable_reviews}
				<span class="rating clearfix">
					{for $i=1 to 5}
						<i class="fa fa-star{if $i > $p.rating} empty{/if}"></i>
					{/for}
					<a href="{$p.frontend_url}#pp_reviews">{$p.rating_count}</a>
				</span>
				{/if}

				{if $p.summary}
				<div class="item_descr" itemprop="description">
					{$p.summary}
				</div>
				{/if}
			</div>
		</div>
	</div>
	{/if}
{/foreach}
</div>

<div class="clearfix"></div>

{if isset($showpagination) && $showpagination == 1}
	{if isset($pages_count) && $pages_count > 1}
	<div class="{if $theme_settings.pagination == 'lazyloading'}lazyloading-paging{else}paging-nav{/if}" data-times="2" data-link-text="[`Show more`]" data-loading-str="[`Loading...`]">
		{wa_pagination total=$pages_count attrs=['class' => "pagination"]}
	</div>
	{/if}
{/if}
<script src="{$wa_url}wa-apps/shop/plugins/auction/js/auction.frontend.js"></script>
<script src="{$wa_url}wa-apps/shop/plugins/auction/lib/vendors/vex/vex.combined.min.js"></script>
<script>vex.defaultOptions.className = 'vex-theme-default';</script>
<link href="{$wa_url}wa-apps/shop/plugins/auction/lib/vendors/vex/css/vex.css" rel="stylesheet">
<link href="{$wa_url}wa-apps/shop/plugins/auction/lib/vendors/vex/css/vex-theme-default.css" rel="stylesheet">
<script>
    var auctionFlag;
    $(document).ready(
    	function()
    	{
    		auctionGetInfoByProductsList('{$wa_url}',5000);
    	}
    );
</script>