{% from 'simple/icons.html' import icon_small %}

<!-- Draw favicon -->
{% macro draw_favicon(favicon) -%}
    <img width="14" height="14" class="favicon" src="{{ url_for('static', filename='themes/simple/img/icons/' + favicon + '.png') }}" alt="{{ favicon }}">
{%- endmacro %}

{% macro result_open_link(url, classes='') -%}
    <a href="{{ url }}" {% if classes %}class="{{ classes }}" {% endif %}{% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}>
{%- endmacro %}

{%- macro result_close_link() -%}
    </a>
{%- endmacro %}

{%- macro result_link(url, title, classes='') -%}
    {{ result_open_link(url, classes) }}{{ title }}{{ result_close_link() }}
{%- endmacro -%}

<!-- Result badges: source type derived from URL / category -->
{% macro result_badges(result) -%}
  {%- set _netloc = (result.parsed_url.netloc if result.parsed_url else '') | lower -%}
  {%- set _path = (result.parsed_url.path if result.parsed_url else '') | lower -%}
  {%- if 'github.com' in _netloc -%}<span class="result-badge">GitHub</span>{% endif -%}
  {%- if 'youtube.com' in _netloc or 'youtu.be' in _netloc or result.category == 'videos' -%}<span class="result-badge">Video</span>{% endif -%}
  {%- if result.category == 'news' -%}<span class="result-badge">News</span>{% endif -%}
  {%- if result.category == 'science' or 'arxiv.org' in _netloc or 'pubmed' in _netloc or 'acm.org' in _netloc -%}<span class="result-badge">Research</span>{% endif -%}
  {%- if result.url and result.url.lower().endswith('.pdf') -%}<span class="result-badge">PDF</span>{% endif -%}
  {%- if _netloc.startswith('blog.') or 'medium.com' in _netloc or 'substack.com' in _netloc or 'wordpress.com' in _netloc -%}<span class="result-badge">Blog</span>{% endif -%}
  {%- if _netloc.startswith('docs.') or _netloc.startswith('developer.') or 'readthedocs' in _netloc or '/docs' in _path or '/documentation' in _path -%}<span class="result-badge">Documentation</span>{% endif -%}
{%- endmacro -%}

<!-- Source line: favicon + domain + badges + date + author -->
{% macro result_source_line(result) -%}
  <div class="result-source">
    {%- if favicon_resolver != "" and result.parsed_url and result.parsed_url.netloc %}
    <img class="result-favicon" src="{{ favicon_url(result.parsed_url.netloc) }}" alt="" loading="lazy" onerror="this.style.visibility='hidden'">
    {%- endif %}
    <span class="result-domain">{{ result.parsed_url.netloc | replace('www.', '', 1) if result.parsed_url and result.parsed_url.netloc else '' }}</span>
    {{- result_badges(result) -}}
    {%- if result.publishedDate and result.publishedDate.strftime %}
    <time class="result-date" datetime="{{ result.pubdate }}">{{ result.publishedDate.strftime('%b %d, %Y') }}</time>
    {%- endif %}
    {%- if result.author %}<span class="result-author">By {{ result.author }}</span>{% endif -%}
  </div>
{%- endmacro -%}

<!-- Draw result header -->
{% macro result_header(result, favicons, image_proxify) -%}
<article class="result {% if result['template'] %}result-{{ result.template|replace('.html', '') }}{% else %}result-default{% endif %} {% if result['category'] %}category-{{ result['category'] }}{% endif %}">
  {{- result_source_line(result) -}}
  {%- if result.thumbnail %}{{ result_open_link(result.url, classes='thumbnail_link') }}<img class="thumbnail" src="{{ image_proxify(result.thumbnail) }}" title="{{ result.title|striptags }}" loading="lazy">{%- if result.length -%}<span class="thumbnail_length">{{ result.length }}</span>{%- endif -%}{{ result_close_link() }}{% endif -%}
  <h3>{{ result_link(result.url, result.title|safe) }}</h3>
{%- endmacro -%}

<!-- Draw result sub header -->
{%- macro result_sub_header(result) -%}
  <!-- Length is displayed inside the thumbnail if there's any, so don't display it here a second time -->
  {%- if result.length and not result.thumbnail %}<div class="result_length">{{ _('Length') }}: {{ result.length }}</div>{% endif -%}
  {%- if result.views %}<div class="result_views">{{ _('Views') }}: {{ result.views }}</div>{% endif -%}
  {%- if result.metadata %}<div class="highlight">{{ result.metadata }}</div>{% endif -%}
{%- endmacro -%}

<!-- Draw result sub footer -->
{%- macro result_sub_footer(result) -%}
<div class="result-meta">
  {%- if result.url %}<a class="result-url" href="{{ result.url }}" title="{{ result.url }}" rel="noreferrer">{{ result.url }}</a>{% endif -%}
  {%- if result.content %}
    {%- set _words = result.content | striptags | wordcount -%}
    {%- if _words >= 40 -%}
      {%- set _mins = ((_words / 238) | round(0, 'common') | int) -%}
      <span class="result-readtime">{%- if _mins < 1 -%}< 1 min read{%- else -%}{{ _mins }} min read{%- endif -%}</span>
    {%- endif -%}
  {%- endif -%}
</div>
<div class="engines">
  {% for engine in result.engines %}<span>{{ engine }}</span>{% endfor %}
  {{ icon_small('ellipsis-vertical') + result_link(cache_url + result.url, _('cached'), "cache_link") }}
</div>{{- '' -}}
<div class="break"></div>{{- '' -}}
{%- endmacro -%}

<!-- Draw result footer -->
{%- macro result_footer(result) -%}
</article>
{%- endmacro -%}

<!-- input checkbox, on/off slider user can tap-->
{%- macro checkbox_onoff(name, checked) -%}
  <input type="checkbox" {{- ' ' -}}
         name="{{ name }}" {{- ' ' -}}
         id="{{ name }}" {{- ' ' -}}
         aria-labelledby="pref_{{ name }}"{{- ' ' -}}
         class="checkbox-onoff"{{- ' ' -}}
         {%- if checked -%} checked{%- endif -%}/>
{%- endmacro -%}

<!-- iframe that additionally sets some extra feature attrs for videos -->
{%- macro iframe(iframe_src) -%}
  <iframe data-src="{{iframe_src}}" frameborder="0" allowfullscreen
    {% if result.parsed_url.hostname in ("www.youtube.com", ) -%}
    allow="picture-in-picture" referrerpolicy="origin"
    {%- endif -%}
    >
  </iframe>
{%- endmacro -%}