@using Smartstore.Web.Models.Catalog
@model List<BrandModel>
@{
    if (Model == null || Model.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;
}

@{
    async Task RenderBrand(BrandModel item)
    {
        var url = Url.RouteUrl("Manufacturer", new { SeName = item.SeName });
        <article class="art" data-id="@item.Id">
            <div class="art-picture-block">
                @if (item.Image != null && item.Image.HasImage())
                {
                    <a class="art-picture img-center-container" href="@url" title="@item.Image.Title">
                        <img sm-model="item.Image" loading="lazy" attr-alt='(item.Image.Alt.IsEmpty(), item.Name)' />
                    </a>
                }
            </div>
            <div class="art-name">
                <a class="art-name-link" href="@url" title="@item.Name">
                    <span sm-language-attributes-for="item.Name">@item.Name</span>
                </a>
            </div>
        </article>
    }
}

<div class="g-block-brand-list ec-catalog-brands">
    @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 item in Model) { await RenderBrand(item); }
                </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 item in Model) { await RenderBrand(item); }
        </div>
    }
</div>
