{% macro search_result(result) %}
<article class="topic-article result {{ result.type }}">
  <div class="topic-article--icon-wrap">
    {% if result.type == 'document' %}
       {% set link_name = "search-result.kb-article" %}
    <img class="topic-article--icon" src="{{ webpack_static('protocol/img/icons/reader-mode.svg') }}" alt="">
    {% elif result.type == 'question' %}
      {% set link_name = "search-result.support-forum-question-details" %}
    <img class="topic-article--icon" src="{{ webpack_static('protocol/img/icons/blog.svg') }}" alt="">
    {% elif result.type == 'thread' %}
      {% set link_name = "search-result.contributor-forum-thread-details" %}
    <img class="topic-article--icon" src="{{ webpack_static('protocol/img/icons/get-involved.svg') }}" alt="">
    {% else %}
      {% set link_name = "search-result.other" %}
    {% endif %}
  </div>

  <div class="topic-article--text">
    <h3 class="sumo-card-heading">
      <a class="title" href="{{ result.url }}" {% if as == 'aaq' %}target="_blank"{% endif %}
        data-event-name="link_click"
        data-event-parameters='{"link_name": "{{ link_name }}"}'>
        {{ result.title }}
      </a>
    </h3>

    {% if result.type == 'question' or result.type == "thread" %}
    <ul class="thread-meta topic-article--meta-list">
      <li class="question-status text-body-sm">
        {% if result.type == "question" and result.is_solved %}
        <span class="is-solution">{{ _('Solved') }}</span>
        {% endif %}
        Last updated {{ result.last_updated|timesince }}
      </li>
      {% if result.type == "question" %}
      <li>
        {% if result.num_answers > 0 %}
        {{ ngettext('1 reply', '{n} replies',
                      result.num_answers)|f(n=result.num_answers) }}
        {% else %}
        {{ _('No replies') }}
        {% endif %}
      </li>
      <li>
        {{ ngettext('1 person has this problem', '{n} people have this problem',
                    result.num_votes)|f(n=result.num_votes) }}
      </li>
      {% if result.num_votes_past_week %}
        <li>
          {{ ngettext('1 new this week', '{n} new this week',
                      result.num_votes_past_week)|f(n=result.num_votes_past_week) }}
        </li>
      {% endif %}
      {% endif %}
    </ul>{# .thread-meta #}
    {% endif %}

    <p>{{ result.search_summary|safe }}</p>

    {% if 'explain' in request.GET and request.GET['explain'] == '1' %}
    <div class="explain">
      Explanation:<br>{{ result.explanation|replace('\n', '<br>')|replace(' ', '&nbsp;')|safe }}
    </div>
    {% endif %}
  </div>
</article>{# .result #}
{% endmacro %}