{layout name="common/layout" /}
<div class="container" id="content-container">
    <div class="row">
        <main class="col-xs-12 col-sm-12">
            <div id="filter-crumb" class="mb-2">
                <ol class="breadcrumb mb-0 py-2 bg-white">
                    <!-- S 面包屑导航 -->
                    {shop:breadcrumb id="item"}
                    <li><a href="{$item.url|htmlentities}">{$item.name|htmlentities}</a></li>
                    {/shop:breadcrumb}
                    <!-- E 面包屑导航 -->
                    <li>
                        <span>搜索结果</span>
                    </li>
                </ol>
            </div>
            <div id="nav-bar">
                <div class="nav-bar-row">
                    <ul class="list-unstyled list-inline nav-bar-tabs">
                        {foreach name="orderList" id="item"}
                        <li class="{:$item.value==$orderby?'nav-bar-tabs-active':''}"><a href="{$item.url|htmlentities}"><span class="icon-order-arrow">{$item.title|htmlentities}</span></a></li>
                        {/foreach}
                    </ul>
                </div>
            </div>
            <div class="index-tab mb-4">
                <div class="product-list">
                    <div class="product-grid">
                        {foreach name="searchList" id="goods"}
                        <div class="product-item text-center">
                            <a class="card-item" href="{$goods.url|htmlentities}" target="_blank">
                                <div class="mb-3">
                                    <div class="embed-responsive embed-responsive-square img-zoom">
                                        <img src="{$goods.image|cdnurl|htmlentities}" class="" alt="{$goods.title|htmlentities}">
                                    </div>
                                </div>
                                <div class="item-info text-left">
                                    <div class="item-title">{$goods.title|htmlentities}</div>
                                    <div class="item-detail text-danger">
                                        <span>¥</span>{$goods.price|htmlentities}
                                        <del class="text-muted small">￥{$goods.marketprice|htmlentities}</del>
                                    </div>
                                </div>
                            </a>
                        </div>
                        {/foreach}
                    </div>
                    {if $searchList->isEmpty()}
                    <div class="text-center bg-white py-3">未搜索到任何商品</div>
                    {/if}
                    <div class="pager">
                        <ul class="pagination">
                            {$searchList->render()}
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </main>

        <aside class="col-xs-12 col-sm-4">
        </aside>
    </div>
</div>