{% extends "agenda_culturel/page.html" %}
{% load static %}

{% block title %}{% block og_title %}
{% if form.instance.pk %}Modification{% else %}Création{% endif %} d'un lieu
{% endblock %}{% endblock %}
{% load cat_extra %}

{% block entete_header %}
    {% css_categories %}
    <script src="/static/admin/js/vendor/jquery/jquery.js"></script>
    <script src="/static/admin/js/jquery.init.js"></script>
    <link href="{% static 'css/django_better_admin_arrayfield.min.css' %}" type="text/css" media="all" rel="stylesheet">
    <script src="{% static 'js/django_better_admin_arrayfield.min.js' %}"></script>
    {{form.media}}
{% endblock %}


{% block content %}

<h1>{% if form.instance.pk %}Modification{% else %}Création{% endif %} d'un lieu</h1>
<article>
    {% if event %}
    <p>Création d'un lieu depuis l'événement « {{ event }} » (voir en bas de page le détail de l'événement).
    {% if not form.instance.pk and event.location != "" %}
        La forme libre du lieu est « {{ event.location }} ». Consultez <a href="https://www.google.fr/maps/search/{{ event.location }}" target="_blank">google maps (dans un nouvel onglet)</a> si nécesaire pour identifier l'adresse exacte.{% endif %}</p>
    <p><strong>Remarque&nbsp;:</strong> les champs ont été pré-remplis à partir de la description sous forme libre et n'est probablement pas parfaite.</p>
    {% endif %}
    <form method="post">{% csrf_token %}
        <div class="grid form-place">
            {{ form }}
            <div class="map-widget">
                <div id="map_location" style="width: 100%; aspect-ratio: 16/9"></div>
                <p>Cliquez pour ajuster la position GPS</p>
                <input type="checkbox" role="switch" id="lock_position">Verrouiller la position</input>
                <script>
                    document.getElementById("lock_position").onclick = function() {
                        const field = document.getElementById("id_location");
                        if (this.checked)
                            field.setAttribute("readonly", true);
                        else
                            field.removeAttribute("readonly");
                    }
                </script>
            </div>
        </div>
        <div class="grid buttons">
            <a href="{% if request.META.HTTP_REFERER %}{{ request.META.HTTP_REFERER }}{% else %}{{ object.get_absolute_url }}{% endif %}" role="button" class="secondary">Annuler</a>
            <input type="submit" value="Envoyer">
        </div>
    </form>
    {% if event %}
    <h2>Détails de l'événement&nbsp;:</h2>
    {% include "agenda_culturel/single-event/event-single-inc.html" with event=event noedit=1 %}
    {% endif %}
</article>

{% endblock %}