{layout layout}
<section class="page-head">
  <div class="container">
    <nav class="breadcrumb" aria-label="{lang common.breadcrumb}">
      <a href="{$entry_prefix}/">{lang common.home}</a>
      <span>/</span>
      <span>{lang common.search}</span>
    </nav>
    <h1 class="page-title">
      {if !empty($tag)}{lang common.tag}：{$tag}{elseif !empty($keyword)}{lang common.search}：{$keyword}{else}{lang common.search}{/if}
    </h1>
    <form class="search-form search-form--page" action="{$entry_prefix}/search{$q_sep}" method="get" role="search">
      <input class="search-input" type="search" name="q" value="{$keyword}" placeholder="{lang common.search_placeholder}" aria-label="{lang common.search}">
      <button class="btn btn-primary" type="submit">{lang common.search}</button>
    </form>
    {if !empty($total)}<p class="search-summary">{lang home.search_total} {$total}{if !empty($total_capped)}+{/if} {lang home.search_unit}</p>{/if}
  </div>
</section>

<section class="section">
  <div class="container">
    {if !empty($list)}
    <ul class="result-list">
      {loop $list as $item}
      <li class="result-item">
        <h3 class="result-item__title"><a href="{$item.url}">{$item.title}</a></h3>
        <p class="result-item__desc">{$item.description|limit=120}</p>
        <div class="result-item__meta">
          {if !empty($item._model)}<span class="badge">{$item._model}</span>{/if}
          <span>{$item.created_at|date=Y-m-d}</span>
          <span>{$item.views|default=0} {lang common.views_unit}</span>
        </div>
      </li>
      {/loop}
    </ul>
    {if !empty($pager)}{include common/pager}{/if}
    {else}
    <div class="empty-state">
      <h3 class="empty-state__title">{lang home.search_empty_title}</h3>
      <p>{lang home.search_empty_desc}</p>
      <p><a class="btn btn-primary" href="{$entry_prefix}/">{lang common.back_home}</a></p>
    </div>
    {/if}
  </div>
</section>