{% extends "base.html" %}

{% block title %}Geocode to Commons{% endblock %}

{% block content %}
<div class="m-3">
<h1>Geocode coordinates to Commons Category</h1>

<p><a href="{{ url_for('index', lat=lat, lon=lon) }}">visit endpoint</a>

| <a href="https://www.openstreetmap.org/#map=17/{{lat }}/{{ lon }}">view in OSM</a>

{% if result.commons_cat %}
| <a href="{{ result.commons_cat.url }}">Commons category</a>
{% endif %}

{% if result.wikidata %}
  | <a href="https://www.wikidata.org/wiki/{{ result.wikidata }}">{{ result.wikidata }}</a>
{% endif %}

| <a href="{{ url_for('detail_page', lat=lat, lon=lon) }}">#</a>

</p>

<h4>API returns</h4>
<pre>{{ result | tojson(indent=2) }}</pre>

{% if result.wikidata %}
<p><strong>Wikidata item</strong>: <a href="https://www.wikidata.org/wiki/{{ result.wikidata }}">{{ result.wikidata }}</a></p>
{% endif %}

{% if result.commons_cat %}
<p><strong>Commons category</strong>: <a href="{{ result.commons_cat.url }}">{{result.commons_cat.title }}</a></p>
{% endif %}

{% if elements %}
<p>{{ elements.count() }} surrounding elements found</p>
{% else %}
<p>No elements found</p>
{% endif %}

{% for element in elements %}
{% set tags = element.tags %}
<div class="rounded border border-4 p-1 my-2{% if element_id == element.osm_id %} bg-primary-subtle{% endif %}">
  {% for key, value in element.tags.items() if not (key == "way_area" or "name:" in key or key.startswith("source")) %}
  <div><strong>{{ key }}</strong>: {{ value }}</div>
  {% endfor %}
  </div>
{% endfor %}


</div>
{% endblock %}