{% extends "search/base.html" %}
{% from 'includes/common_macros.html' import for_contributors_sidebar %}
{% from "search/includes/result.html" import search_result with context %}
{% from "search/includes/macros.html" import basic_search_form with context %}
{% set meta = (('WT.oss', q), ('WT.oss_r', num_results), ('robots', 'noindex, nofollow')) %}
{% set ga_content_group = "search-form" %}

{% block masthead %}
<div class="search-results-visible">
  <section class="home-search-section sumo-page-section--lg shade-bg">
    <div class="mzp-l-content">
      <div class="home-search-section--content">
        <h1 class="sumo-page-heading">{{ _('Search Support') }}</h1>
        {{ basic_search_form(True) }}
      </div>
    </div>
  </section>
</div>
{% endblock %}


{% block content %}
  <div id="search-results" class="sumo-page-section--inner">
      {% if num_results > 0 %}
        <p class="sumo-page-intro">
          {# L10n: {n} is the number of search results, {q} is the search query, {product} is the product. #}
          {{ ngettext('Found <strong>{n}</strong> result for <strong>{q}</strong> for <strong>{product}</strong>',
                      'Found <strong>{n}</strong> results for <strong>{q}</strong> for <strong>{product}</strong>',
                      num_results)|fe(n=num_results, q=q, product=product_titles) }}
        </p>

        <div class="content-box">
          {% for doc in results %}
            {{ search_result(doc) }}
          {% endfor %}
        </div>

        {{ pages|paginator }}
      {% else %}
        <p class="sumo-page-intro">
          {# L10n: {q} is the search query, {l} is the language searched. #}
          {{ _("Sorry! 0 results found for ‘{q}’ in ‘{l}’")|fe(q=q, l=lang_name) }}
        </p>

        <p>{{ _("Try searching again with a different keyword, or browse our featured articles and threads below instead.") }}</p>

        <section class="sumo-card-grid content-box">
          <div class="scroll-wrap">
            {% for doc in fallback_results %}
            <div class="card card--article result document">
                <img class="card--icon-sm" src="{{ webpack_static('protocol/img/icons/reader-mode.svg') }}" alt="todo: title" />
                <div class="card--details">
                  <h3 class="card--title">
                    <a tabindex="-1" class="expand-this-link title" href="{{ doc.url }}"
                      data-event-name="link_click"
                      data-event-parameters='{"link_name": "search-fallback.kb-article"}'>
                      {{ doc.document_title }}
                    </a>
                  </h3>
                  <p class="card--desc">
                    {{ doc.document_summary }}
                  </p>
                </div>
            </div>
            {% endfor %}
          </div>
        </section>
      {% endif %}
    </div>
    <div class="clear-floats">
      {% if num_results > 3 or num_results == 0 %}
        {{ basic_search_form() }}
      {% endif %}
    </div>
  </div>
{% endblock %}


{% block side %}
  {% set base_url = url('search')|urlparams(q=q) %}
  {% set base_product_url = base_url %}
  {% if w != 3 %}
    {% set base_product_url = base_product_url|urlparams(w=w) %}
  {% endif %}
  <ul id="product-filter" class="search-filter sidebar-nav">
    <li {{ product|class_selected(None) }}>
      <a href="{{ base_product_url|urlparams(all_products=1) }}">
        {{ _('All Products') }}
      </a>
    </li>
    {% for p in products %}
      <li {{ product|class_selected(p) }}>
        <a href="{{ base_product_url|urlparams(product=p.slug) }}">
          {{ pgettext('DB: products.Product.title', p.title) }}
        </a>
      </li>
    {% endfor %}
  </ul>
  {{ for_contributors_sidebar(user, settings.WIKI_DEFAULT_LANGUAGE) }}
{% endblock %}