{include file="common/header" /}
<main class="container">
    <div class="page-head search-head">
        <!-- 面包屑标签：自动输出首页、当前栏目/文章/搜索词/标签。 -->
        {pycms:breadcrumb title="搜索" /}
        <h1>{if $keyword !== ''}{:__('search.result')}「{$keyword}」{else}{:__('search.title')}{/if}</h1>
        <!-- 站内 URL 标签：搜索表单提交地址。 -->
        <form class="search-form" action="{pycms:url path="/search" /}" method="get">
            <input type="search" name="keyword" value="{$keyword}" placeholder="{:__('search.placeholder')}">
            <button class="btn-primary" type="submit">{:__('nav.search')}</button>
        </form>
        {if $keyword !== ''}<div class="page-head-meta">找到 {$total} 条相关内容</div>{/if}
    </div>
    <div class="content-grid">
        <div class="main-col">
            <div class="post-grid">
                {if $keyword !== ''}
                <!-- 搜索内容标签：keyword 为搜索词，page=1 开启分页，num 为每页条数。 -->
                {pycms:content keyword="$keyword" page="1" num="12"}
                {include file="common/post-card" /}
                {/pycms:content}
                {/if}
                {if $keyword !== '' && $total === 0}
                    <div class="empty-state">没有找到与「{$keyword}」相关的内容，换个关键词试试。</div>
                {/if}
            </div>
            <!-- 搜索分页标签：与 content 的 page="1" 配套使用。 -->
            {pycms:contentpage /}
        </div>
        {include file="common/sidebar" /}
    </div>
</main>
{include file="common/footer" /}