{#
    basic/search.html
    ~~~~~~~~~~~~~~~~~

    Template for the search page.

    :copyright: Copyright 2007-2013 by the Sphinx team, see AUTHORS.
    :license: BSD, see LICENSE for details.
#}
{%- extends "layout.html" %}
{% set title = _('Search') %}

{% block extra_head %}
  <meta charset='utf-8'>
  <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
  <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  <meta name="apple-mobile-web-app-capable" content="yes">

  <noscript>
      <style>
          .cr-nojs-hide { display: none; }
      </style>
  </noscript>

  {% if theme_google_search_api_key %}
  <script type="text/javascript">
    const google_search_api_key = "{{ theme_google_search_api_key }}";
    const google_search_cx_id = "{{ theme_google_search_cx_id }}";
  </script>
  {% endif %}

  {% if project == 'SQL 99' %}
  <script type="text/javascript">
    jQuery(function() { Search.loadIndex("{{ pathto('searchindex.js', 1) }}"); });
  </script>
  {% endif %}

{% endblock %}

{% block body %}
  <h1 id="search-documentation">{{ _('Search') }}</h1>
  <p>
    {% trans %}From here you can search these documents. Enter your search
    words into the box below and click "search". Note that the search
    function will automatically search for all of the words. Pages
    containing fewer words won't appear in the result list.{% endtrans %}
  </p>

  {% if project == 'SQL 99' %}

  <form class="form-search" action="" method="get" class="cr-nojs-hide">
    <input type="text" name="q" class="input-medium search-query" placeholder="Search documentation...">
    <button type="submit" class="btn btn-primary">{{ _('search') }}</button>
    <!-- <span id="search-progress" style="padding-left: 10px"></span> -->
  </form>
  {% if search_performed %}
    <h2>{{ _('Search Results') }}</h2>
    {% if not search_results %}
      <p>{{ _('Your search did not match any results.') }}</p>
    {% endif %}
  {% endif %}
  <noscript>
    <div id="fallback" class="admonition warning">
    <p>
      {% trans %}Please activate JavaScript to enable the search
      functionality.{% endtrans %}
    </p>
    </div>
  </noscript>
  <div id="search-results">
  {% if search_results %}
    <ul>
    {% for href, caption, context in search_results %}
      <li class="card">
        <div class="card-block">
          <h3 class="card-title"><a href="{{ pathto(item.href) }}">{{ caption }}</a></h3>
          <div class="context">{{ context|e }}</div>
        </div>
      </li>
    {% endfor %}
    </ul>
  {% endif %}
  </div>

  {% else %}

  <form action="search.html" id="cr-search-box" class="form-search cr-nojs-hide" action="" method="">
    <input id="cr-search-query" class="input-medium search-query" name="q" type="text" placeholder="Enter keywords..."> 
    <button type="submit" id="cr-search-submit" class="btn btn-primary">{{ _('Search') }}</button>
  </form>

  <div id="cr-search-result-info"></div>

  <hr />
  
  <noscript>
    <div id="fallback" class="admonition warning">
    <p>
      {% trans %}Please activate JavaScript to enable the search
      functionality.{% endtrans %}
    </p>
    </div>
  </noscript>

  <ul id="cr-search-results" class="search"></ul>

  {% endif %}

{% endblock %}
