{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer, result_footer_rtl, icon %}

{{ result_header(result, favicons, image_proxify) -}}
{{- result_sub_header(result) -}}

{%- if (result.latitude and result.longitude) or result.boundingbox -%}
    <small> &bull; <a class="btn-collapse collapsed searx_init_map hide_if_nojs" data-target="#result-map-{{ index }}" data-btn-text-collapsed="{{ _('show map') }}" data-btn-text-not-collapsed="{{ _('hide map') }}" data-leaflet-target="osm-map-{{ index }}" data-map-lon="{{ result.longitude }}" data-map-lat="{{ result.latitude }}" {% if result.boundingbox %}data-map-boundingbox='{{ result.boundingbox|tojson|safe }}'{% endif %} {% if result.geojson %}data-map-geojson='{{ result.geojson|tojson|safe }}'{% endif %}>{{ icon( 'globe') }} {{ _('show map') }}</a></small>
{%- endif -%}

{%- if result.osm and (result.osm.type and result.osm.id) -%}
    <small> &bull; <a class="btn-collapse collapsed hide_if_nojs searx_overpass_request" data-target="#result-overpass-{{ index }}" data-btn-text-collapsed="{{ _('show details') }}" data-btn-text-not-collapsed="{{ _('hide details') }}" data-osm-type="{{ result.osm.type }}" data-osm-id="{{ result.osm.id }}" data-result-table="result-overpass-table-{{ index }}" data-result-table-loadicon="result-overpass-table-loading-{{ index }}">{{ icon('location') }} {{ _('show details') }}</a></small>
{%- endif -%}
{#-
{% if (result.latitude and result.longitude) %}
    <small> &bull; <a class="btn-collapse disabled_if_nojs" data-target="#result-geodata-{{ index }}" data-btn-text-collapsed="{{ _('show geodata') }}" data-btn-text-not-collapsed="{{ _('hide geodata') }}">{{ icon('location') }} {{ _('show geodata') }}</a></small>
{% endif %}
-#}

{%- if result.address -%}
<p itemscope itemtype="http://schema.org/PostalAddress" class="content">
    {%- if result.address.name -%}
        <strong itemprop="name">{{ result.address.name }}</strong><br/>
    {%- endif -%}
    {% if result.address.road -%}
        <span itemprop="streetAddress">
            {% if result.address.house_number %}{{ result.address.house_number }}, {% endif %}
            {{ result.address.road }}
        </span><br/>
    {%- endif %}
    {%- if result.address.locality -%}
        <span itemprop="addressLocality">{{ result.address.locality }}</span>
        {% if result.address.postcode %}, <span itemprop="postalCode">{{ result.address.postcode }}</span>{% endif %}
        <br/>
    {%- endif -%}
    {%- if result.address.country -%}
        <span itemprop="addressCountry">{{ result.address.country }}</span>
    {%- endif -%}
</p>
{%- endif -%}

{%- if result.content %}<p class="content">{{ result.content|safe }}</p>{% endif -%}

{{- result_sub_footer(result, proxify) -}}

{% if result.osm and (result.osm.type and result.osm.id) -%}
    <div class="result-content invisible" id="result-overpass-{{ index }}"{% if rtl %} dir="ltr"{% endif %}>
        <div id="result-overpass-table-loading-{{ index }}"><img src="{{ url_for('static', filename='img/loader.gif') }}" alt="Loading ..."/></div>
        <table id="result-overpass-table-{{ index }}">
          <thead>
            <tr><th>key</th><th>value</th></tr>
          </thead>
          <tbody>
          </tbody>
        </table>
    </div>
{%- endif %}

{#-
{% if (result.latitude and result.longitude) -%}
    <div id="result-geodata-{{ index }}" class="invisible">
        <strong>Longitude:</strong> {{ result.longitude }} <br/>
        <strong>Latitude:</strong> {{ result.latitude }}
    </div>
{%- endif %}
-#}

{% if (result.latitude and result.longitude) or result.boundingbox -%}
    <div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" style="height:300px; width:100%; margin: 10px 0;" ></div></div>
{%- endif %}

{{- result_footer(result) }}