{extends file="layout.tpl"}


{block name="body-class"}page-search{/block}

{* Breadcrumb *}
{block name='no-return-functions' append}
{$breadcrumbs = [
['title' => {intl l="Search"}, 'url'=>{url path="/search"}]
]}
{/block}

{block name="main-content"}
<div class="main">

    {$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" aria-labelledby="main-label">
		{assign var="search" value=$smarty.get.q|replace:' ':'%'}
        <h1 id="main-label" class="page-header">{intl l="Search Result for"} <small>{$smarty.get.q}</small></h1>
        {assign var="amount" value={count type="product" title={$smarty.get.q|replace:' ':'%'}}}
        {include file="includes/toolbar.html" toolbar="top" limit=$limit order=$product_order amount={$amount}}
        <div id="category-products">
            <div class="products-content">
                {ifloop rel="product_list"}
                    <ul class="list-unstyled row">
                        {loop type="product" name="product_list" search_mode="sentence" title={$smarty.get.q|replace:' ':'%'} limit=$limit page=$product_page order=$product_order}
                            {include file="includes/single-product.html" product_id=$ID hasBtn=true hasDescription=true width="320" height="450"}
                        {/loop}
                    </ul>
                {/ifloop}
                {elseloop  rel="product_list"}
                    <h2 class="text-center">{intl l="No results found"} </h2>
                {/elseloop}
            </div>
        </div><!-- /#category-products -->
        {ifloop rel="product_list"}
            {include file="includes/toolbar.html" toolbar="bottom" amount={$amount}}
        {/ifloop}
    </article>

</div><!-- /.layout -->
{/block}


{block name="stylesheet"}
{hook name="search.stylesheet"}
{/block}

{block name="after-javascript-include"}
{hook name="search.after-javascript-include"}
{/block}

{block name="javascript-initialization"}
{hook name="search.javascript-initialization"}
{/block}