{extend name="../view/default/basetmp.htm" /}
{block name="css"}
<link rel="stylesheet" href="__INDEX__/css/royalcms.search.css">
{/block}
{block name="main"}

<!-- 搜索页面内容 -->
<section class="royal-search-page">
    <div class="royal-container">
        <div class="royal-search-header">
            <h1 class="royal-search-title">全站搜索</h1>
            <div class="royal-search-form">
                <form method="get" action="/search.html">
                    <div class="royal-search-input-large">
                        <input type="text" name="keyword" value="{$keyword}" placeholder="请输入搜索关键词..." required>
                        <button type="submit" class="royal-btn royal-btn-primary">
                            <i class="fas fa-search"></i> 搜索
                        </button>
                    </div>
                    <div class="royal-search-filters">
                        <label class="royal-filter-option">
                            <input type="radio" name="type" value="all" {if $type == 'all'}checked{/if}>
                            <span>全部内容</span>
                        </label>
                        <label class="royal-filter-option">
                            <input type="radio" name="type" value="1" {if $type == '1'}checked{/if}>
                            <span>列表内容</span>
                        </label>
                        <label class="royal-filter-option">
                            <input type="radio" name="type" value="4" {if $type == '4'}checked{/if}>
                            <span>产品内容</span>
                        </label>
                        <label class="royal-filter-option">
                            <input type="radio" name="type" value="5" {if $type == '5'}checked{/if}>
                            <span>新闻内容</span>
                        </label>
                    </div>
                </form>
            </div>
        </div>

        {if $keyword}
        <div class="royal-search-results">
            <div class="royal-results-header">
                <h2>搜索结果</h2>
                <div class="royal-results-count">
                    找到 <strong>{$total}</strong> 条相关结果
                    {if $type == '1'}
                    <span class="royal-filter-tag">列表内容</span>
                    {elseif $type == '4'}
                    <span class="royal-filter-tag">产品内容</span>
                    {elseif $type == '5'}
                    <span class="royal-filter-tag">新闻内容</span>
                    {/if}
                </div>
            </div>

            {if $ArtRes && $ArtRes->count() > 0}
            <div class="royal-results-list">
                {volist name="ArtRes" id="v"}
                <div class="royal-result-item">
                    <div class="royal-result-type">
                        {switch $v.bltCate.type}
                        {case value="1"}<span class="royal-type-list">列表</span>{/case}
                        {case value="4"}<span class="royal-type-product">产品</span>{/case}
                        {case value="5"}<span class="royal-type-news">新闻</span>{/case}
                        {default /}<span class="royal-type-article">文章</span>
                        {/switch}
                    </div>
                    <div class="royal-result-content">
                        <h3 class="royal-result-title">
                            <a href="{$v.url}">
                                {$v.title}
                            </a>
                        </h3>
                        <p class="royal-result-excerpt">{$v.stitle|cut_str=120}</p>
                        <div class="royal-result-meta">
                            <span class="royal-result-date">
                                <i class="far fa-calendar"></i> {$v.create_time|date='Y-m-d'}
                            </span>
                            {if $v.bltCate.title}
                            <span class="royal-result-category">
                                <i class="fas fa-folder"></i> {$v.bltCate.title}
                            </span>
                            {/if}
                            {if $v.bltCate.type == 4 && $v.price}
                            <span class="royal-result-price">¥{$v.price}</span>
                            {/if}
                            <span class="royal-result-views">
                                <i class="far fa-eye"></i> {$v.click}
                            </span>
                        </div>
                    </div>
                </div>
                {/volist}
            </div>

            {include file='../view/default/pagination.htm'}
            {else}
            <div class="royal-no-results">
                <i class="fas fa-search"></i>
                <h3>没有找到相关结果</h3>
                <p>请尝试使用其他关键词或调整搜索类型</p>
                <div class="royal-search-suggestions">
                    <h4>搜索建议：</h4>
                    <ul>
                        <li>检查关键词拼写是否正确</li>
                        <li>尝试使用更简单的关键词</li>
                        <li>扩大搜索范围（选择"全部内容"）</li>
                    </ul>
                </div>
            </div>
            {/if}
        </div>
        {else}
        <div class="royal-search-empty">
            <i class="fas fa-search"></i>
            <h3>请输入搜索关键词</h3>
            <p>在全站范围内搜索您需要的内容</p>
        </div>
        {/if}
    </div>
</section>

{/block}