<h6>{{ element.type|capitalize }} {{ element.id }}</h6>
<p>{{ 'popup.see_also'|trans }} <a href="https://www.openstreetmap.org/{{ element.type }}/{{ element.id }}" target="_blank">{{ 'popup.osm'|trans }}</a>
<br/><a href="https://api.panoramax.xyz/#focus=map&map={{ element.map.zoom }}/{{ element.map.center.lat }}/{{ element.map.center.lng }}" target="_blank">{{ 'popup.panoramax'|trans }}<a>
{% if element.type == 'relation' and element.tags and element.tags.route and element.tags.route == 'hiking' %}
<br/><a href="https://hiking.waymarkedtrails.org/#route?id={{ element.id }}&type=relation" target="_blank">{{ 'popup.waymarkedtrails'|trans }}</a>
{% endif %}
<br/><button class="btn btn-link" style="--bs-btn-padding-x:0;--bs-btn-padding-y:0;"
    type="button"
    data-controller="josm"
    data-action="click->josm#remoteControl"
    data-josm-commands-value="{{ josmCommands|escape('html_attr') }}"
>{{ 'popup.josm'|trans }}</button>
<table><tbody>
    {% for key, value in element.tags %}
    <tr><th>{{ key }}</th><td>{{ value }}</td></tr>
    {% endfor %}
</tbody></table>
</p>
