@using Smartstore.Web.Models.Catalog
@model ProductSummaryModel
@{
    if (Model == null || Model.Items.Count == 0) { return; }
    var cols = ViewData["cols"] is int c && c > 0 ? c : 4;
    var slider = ViewData["slider"] is bool b && b;
    var interval = ViewData["interval"] is int iv ? iv : 0;
}

<div class="g-block-product-list ec-catalog-products">
    @if (slider)
    {
        <div class="ec-slider" data-interval="@interval">
            <button class="ec-slider-prev" type="button" aria-label="prev">&#8249;</button>
            <div class="ec-slider-viewport">
                <div class="ec-slider-track">
                    @foreach (var product in Model.Items)
                    {
                        <partial name="Product.List.Item" model="product" />
                    }
                </div>
            </div>
            <button class="ec-slider-next" type="button" aria-label="next">&#8250;</button>
            <div class="ec-slider-dots"></div>
        </div>
    }
    else
    {
        <div class="artlist artlist-grid artlist-@(cols)-cols">
            @foreach (var product in Model.Items)
            {
                <partial name="Product.List.Item" model="product" />
            }
        </div>
    }
</div>
