{extends file='layout.tpl'}

{* Body Class *}
{block name="body-class"}page-category{/block}

{* Breadcrumb *}
{block name='no-return-functions' append}
    {$sBreadcrumb = []}
    {loop name="category_path" type="category-path" category="{category attr="id"}"}
        {$breadcrumbs[] = ['title' => {$TITLE}, 'url'=> {$URL nofilter}]}
    {/loop}
{/block}


{block name="main-content"}
    <div class="main layout-col-2-left">
        {$limit={$smarty.get.limit|default:8}}
        {$product_page={$smarty.get.page|default:1}}
        {$product_order={$smarty.get.order|default:'alpha'}}
        <article class="col-main {$smarty.get.mode|default:"grid"}" role="main">
            {ifloop rel="product_list"}
                {assign var="amount" value="{count type="product" category={category attr="id"}}"}
                {include file="includes/toolbar.html" toolbar="top" limit=$limit order=$product_order amount={$amount}}
                <div id="category-products">
                    <div class="products-content">
                        <ul class="product-col-4">
                            {loop type="product" name="product_list" category={category attr="id"} limit=$limit page=$product_page order=$product_order}
                                {include file="includes/single-product.html" product_id=$ID hasBtn=true hasDescription=true width="218" height="146"}
                            {/loop}
                        </ul>
                    </div>
                </div><!-- /#category-products -->
                {include file="includes/toolbar.html" toolbar="bottom" amount={$amount}}
            {/ifloop}
            {elseloop rel="product_list"}
                <div class="address-warning">
                    {intl l="No products available in this category"}
                </div>
            {/elseloop}
        </article>

        <aside class="col-left" role="complementary" itemscope itemtype="http://schema.org/WPSideBar">

            {include file="includes/menu.html"}

            {*include file="includes/categories-filters.html"*}

        </aside>

    </div>
{/block}