{extend name="layout"}
{block name="title"}{$pageTitle} - {$docsTitle}{/block}

{block name="body"}
<section class="dc-search-page">
    <form class="dc-search-form" action="/docs/search" method="get">
        <input type="text" name="kw" value="{$keyword}" placeholder="输入关键词搜索文档..." autocomplete="off" autofocus>
        <select name="project_id">
            <option value="0">全部项目</option>
            {volist name="projects" id="p"}
            <option value="{$p.id}" {if condition="$projectId eq $p.id"}selected{/if}>{$p.title}</option>
            {/volist}
        </select>
        <button type="submit">搜索</button>
    </form>

    {if condition="$keyword eq ''"}
    <div class="dc-empty">
        <p>请输入关键词开始搜索</p>
        <p class="dc-empty-tip">支持搜索文档标题、关键词与正文内容</p>
    </div>
    {else/}
    <div class="dc-search-summary">
        找到 <b>{$total}</b> 条与「{$keyword}」相关的结果
    </div>

    {if condition="empty($list)"}
    <div class="dc-empty">
        <p>没有找到匹配的文档</p>
        <p class="dc-empty-tip">试试更换关键词，或到后台点击「重建索引」</p>
    </div>
    {else/}
    <ul class="dc-search-list">
        {volist name="list" id="r"}
        <li>
            <a class="dc-search-title" href="/docs/{$r.project_name}/{$r.doc_name}">{$r.title}</a>
            <div class="dc-search-path">{$r.project_title} / {$r.version_name}</div>
            <p class="dc-search-snippet">{$r.snippet}</p>
        </li>
        {/volist}
    </ul>
    {/if}
    {/if}
</section>

<footer class="dc-footer">
    <p>© {$currentYear} {$docsTitle} · Powered by YwxApp</p>
</footer>
{/block}