{layout name="layout" /}

<!-- banner -->
<div class="page-banner w-100" style="background-image: url({:getImgSrc($category, '__IMG__/page_ban3.jpg')});">
    <div class="info">
        <div class="w-1200">
            <strong>{$category.title ?? ''}</strong>
            <p>{:nl2br($category.description ?? '')}</p>
        </div>
    </div>
</div>
<!--  -->
<div class="all-center-box">
    <div class="product-box w-100">
        <div class="w-1200">
            {if isset($items)}
            <div class="center-block w-100">
                <ul>
                    {foreach $items as $item}
                    <li><a href="{:url('article/detail', ['id' => $item.id])}"><span><img src="{$item.src ?? ''}" ></span><p>{$item.title}</p></a></li>
                    {/foreach}
                </ul>
            </div>
            <div class="pager w-100">
                {$items->render()|raw}
            </div>
            {/if}
        </div>
    </div>
</div>