{% extends "base.html" %}
{% load wagtailcore_tags %}

{% block body_class %}template-searchresults{% endblock %}

{% block title %}
  {% if search_query %}搜尋：{{ search_query }}{% else %}搜尋{% endif %}
{% endblock %}

{% block content %}
  <nav class="breadcrumbs" aria-label="breadcrumb">
    <ol>
      <li>
        {% if site_root %}
          <a href="{{ site_root.url }}">首頁</a>
        {% else %}
          <a href="/">首頁</a>
        {% endif %}
      </li>
      <li><span>搜尋</span></li>
      {% if search_query %}
        <li><span>{{ search_query }}</span></li>
      {% endif %}
    </ol>
  </nav>

  <section class="search-results">
    {% if search_query %}
      {% if results_count %}
        {% include "home/includes/page-article-list.html" %}
      {% else %}
        <p>找不到與「{{ search_query }}」相關的文章。</p>
      {% endif %}
    {% else %}
      <p>請輸入關鍵字後再進行搜尋。</p>
    {% endif %}
  </section>
{% endblock %}