{% extends 'base.html' %}
{% load static i18n render_bundle_csp fullurl %}

{% block meta_title %}{{ page_title }}{% endblock meta_title %}
{% block meta_description %}{{ page_description }}{% endblock meta_description %}
{% block extrameta %}
    {# use English page as canonical for search engine crawlers (no redirects) #}
    {% language "en" %}
        <link rel="canonical" href="{% fullurl "entities:place" place.slug %}" />
    {% endlanguage %}
    {% spaceless %}
        {% for lang_code in PUBLIC_SITE_LANGUAGES %}
            {% language lang_code %}
                <link rel="alternate" hreflang="{{ lang_code }}" href="{% fullurl "entities:place" place.slug %}" />
            {% endlanguage %}
        {% endfor %}
    {% endspaceless %}
    {# maptiler css #}
    <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@4.1.0/dist/maplibre-gl.css" />
{% endblock extrameta %}

{% block main %}
    <!-- place details -->
    {% include "entities/snippets/place_header.html" %}
    {# tabs #}
    {% include "entities/snippets/place_tabs.html" %}
    <div class="container">
        {% if place.coordinates and maptiler_token %}
            <section class="map">
                <h2 class="sr-only">
                    {# Translators: accessibility label for place map #}
                    {% translate 'Map' %}
                </h2>
                <div
                    id="map"
                    data-controller="map"
                    data-map-target="map"
                    data-maptiler-token="{{ maptiler_token }}"
                >
                    <svg
                        id="marker"
                        data-map-target="marker"
                        data-lat="{{ place.latitude }}"
                        data-lon="{{ place.longitude }}"
                    >
                        <use href="{% static 'img/ui/all/all/map-pin-fill.svg' %}#pin" />
                    </svg>
                </div>
            </section>
        {% endif %}
        <section class="metadata">
            <h2 class="sr-only">
                {# Translators: label for place metadata section #}
                {% translate 'Metadata' %}
            </h2>
            {# metadata #}
            <dl class="metadata-list primary">
                {% if place.coordinates %}
                    {# Translators: label for a place's latitude and longitude coordinates #}
                    <dt>{% translate 'Coordinates' %}</dt>
                    <dd>{{ place.coordinates }}</dd>
                {% endif %}
            </dl>
            {# secondary metadata #}
            <dl class="metadata-list secondary">
                {% if place.names.non_primary.exists %}
                    <dt>
                        {# Translators: label for alternative names for a place #}
                        {% blocktranslate count counter=place.names.non_primary.count trimmed %}
                            Other name
                        {% plural %}
                            Other names
                        {% endblocktranslate %}
                    </dt>
                    {% for name in place.names.non_primary %}
                        <dd>{{ name }}</dd>
                    {% endfor %}
                {% endif %}
            </dl>
        </section>
        {% if place.notes %}
            <section class="description">
                <h2>
                    {# Translators: label for place notes #}
                    {% translate 'Notes' %}
                </h2>
                <p>{{ place.notes }}</p>
            </section>
        {% endif %}
        {# related places #}
        {% if related_places %}
            <section class="related">
                {# Translators: heading label for document related places #}
                <h2>{% translate "Related Places" %}</h2>
                <dl>
                    {% regroup related_places by type as place_relations %}
                    {% for relation_type in place_relations %}
                        <dt>{{ relation_type.grouper }}</dt>
                        <dd>
                            {% for relation in relation_type.list %}
                                {% url "entities:place" relation.slug as place_url %}
                                <a data-turbo="false" href="{{ place_url }}" title="{{ relation.name }}">
                                    {{ relation.name }}
                                </a>{% if not forloop.last %}, {% endif %}
                            {% endfor %}
                        </dd>
                    {% endfor %}
                </dl>
            </section>
        {% endif %}
    </div>
{% endblock main %}