{strip}

{$_show_compare = true}
{if empty($theme_settings.enable_compare)}
    {if !isset($hide_buttons) || !empty($hide_buttons)}
        {$_show_compare = false}
    {/if}
{/if}

{foreach $products as $product}
    {$available = $wa->shop->settings('ignore_stock_count') || $product.count === null || $product.count > 0}
    {$badge_html = $wa->shop->badgeHtml($product.badge)}
    {$_product_image_src = $wa->shop->productImgUrl($product, "200")|default:"`$wa_theme_url`img/svg/empty_photo.svg"}

    {if !empty($product.skus) && !empty($product.skus[$product.sku_id])}
        {$sku = $product.skus[$product.sku_id]}
        {if empty($sku.available) && (count($product.skus) === 1)}{$available = false}{/if}
    {/if}

    <li class="s-product-wrapper" data-product-id="{$product.id}" itemscope itemtype="http://schema.org/Product">
        {if !empty($badge_html)}
            <div class="s-badge-wrapper is-corner">{$badge_html}</div>
        {/if}

        <div class="s-product-block">
            <div class="s-image-wrapper">
                <a class="s-image" href="{$product.frontend_url}" title="{$product.name}">
                    <img src="{$_product_image_src}" alt="{$product.name}" itemprop="image">
                </a>
            </div>

            <div class="s-info-wrapper">
                <h5 class="s-product-header" itemprop="name">
                    <a href="{$product.frontend_url}" title="{$product.name}">{$product.name}</a>
                </h5>

                <div class="s-product-description" itemprop="description">
                    {if $product.summary}{strip_tags($product.summary)|truncate:100}{/if}
                </div>

                {if !empty($product.sku_id) && !empty($product.skus[$product.sku_id].sku)}
                    <div class="s-sku-wrapper">
                        <span class="s-label">[`SKU`]</span>
                        <span class="s-sku">{$product.skus[$product.sku_id].sku|escape}</span>
                    </div>
                {/if}

                <div class="s-rating-wrapper">
                    {$_rate = 0}
                    {if !empty($product.rating)}
                        {$_rate = round($product.rating, 1)}
                    {/if}

                    <span class="s-rating-block nowrap">
                        {for $_i = 0 to 4}
                            {$_icon_class = "star-empty"}
                            {if $_i < $_rate}
                                {$_delta = $_rate - $_i}
                                {if $_delta >= 1}
                                    {$_icon_class = "star"}
                                {elseif round($_delta) == 1}
                                    {$_icon_class = "star-half"}
                                {/if}
                            {/if}
                            <i class="svg-icon {$_icon_class} size-11"></i>
                        {/for}
                    </span>

                    {$_product_url = reset(ref(explode('?', $product.frontend_url)))}
                    <a href="{$_product_url}reviews/" class="s-rating-hint"> {if !empty($product.rating_count)}{$product.rating_count}{else}0{/if}</a>
                </div>
            </div>

            <div class="s-offers-wrapper" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                <div class="s-price-wrapper">
                    {if $available}
                        <span class="s-price">{shop_currency_html($product.price)}</span>
                        <span class="s-compare">{if $product.compare_price > 0}{shop_currency_html($product.compare_price)}{/if}</span>
                        <link itemprop="availability" href="http://schema.org/InStock"/>
                        <meta itemprop="price" content="{shop_currency($product.price, null, null, 0)}">
                        <meta itemprop="priceCurrency" content="{$wa->shop->currency()}">
                    {else}
                        <span class="s-price">{shop_currency_html($product.price)}</span>
                        {if !$wa->shop->settings('ignore_stock_count')}
                            <span class="s-compare">{if $product.compare_price > 0}{shop_currency_html($product.compare_price)}{/if}</span>
                        {else}
                            <span class="s-out-of-stock">
                                <strong>[`Pre-order only`]</strong>
                            </span>
                        {/if}
                        <meta itemprop="price" content="{shop_currency($product.price, null, null, 0)}">
                        <meta itemprop="priceCurrency" content="{$wa->shop->currency()}">
                        <link itemprop="availability" href="http://schema.org/OutOfStock"/>
                    {/if}
                </div>
            </div>

            {if empty($hide_buttons)}
                <div class="s-actions-wrapper">
                    {if $available}
                    <form class="add-to-cart" {if $product.sku_count > 1}data-url="{$product.frontend_url}{if strpos($product.frontend_url, '?')}&{else}?{/if}cart=1"{/if} method="post" action="{$wa->getUrl('/frontendCart/add')}">
                    {/if}

                        <div class="s-buttons-wrapper">
                            <div class="s-layout">
                                <div class="s-column">
                                    <input class="s-button js-add-button" type="submit" value="{_wd('shop', 'Buy')}" {if !$available}disabled{/if}>
                                </div>
                                {if !empty($_show_compare)}
                                    <div class="s-column right">
                                        <a class="s-compare-button {if $wa->shop->inComparison($product.id)}is-active{/if}" href="javascript:void(0);" data-product="{$product.id}" title="{if $wa->shop->inComparison($product.id)}{_wd('shop', 'In comparison list')}{else}{_wd('shop', 'To comparison')}{/if}">
                                            <i class="svg-icon compare size-11 {if $wa->shop->inComparison($product.id)}{else}active{/if}"></i>
                                            <span class="s-name">{if $wa->shop->inComparison($product.id)}[`In comparison list`]{else}[`To comparison`]{/if}</span>
                                        </a>
                                    </div>
                                {/if}
                            </div>
                        </div>

                    {if $available}
                        <input type="hidden" name="product_id" value="{$product.id}">
                    </form>
                    {/if}
                </div>
            {/if}
        </div>
    </li>
{/foreach}

{/strip}