{% extends "agenda_culturel/page.html" %}
{% load static %}
{% load cache %}
{% load utils_extra %}
{% 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>
  <script src="{% static 'location_field/leaflet/leaflet.js' %}"></script>
  <script>
    window.pinIcon = L.icon({
      iconUrl: "{% static "images/leaflet/marker-icon.png" %}",
      iconAnchor: "{% static "images/leaflet/marker-shadow.png" %}",
      iconSize: [26, 43],
    iconAnchor: [13, 43],
    popupAnchor: [0, -25],
    shadowSize: [41, 41]
    });

    var circleIcon = L.icon({
                  iconUrl: "{% static "images/leaflet/circle-icon.png" %}",
                  iconAnchor: "{% static "images/leaflet/circle-shadow.png" %}",
                  iconSize: [18, 18],
                  iconAnchor: [9, 9],
                  popupAnchor: [1, -7],
                  shadowSize: [19, 19]
      });


    window.other_markers = [];
    {% with cache_timeout=user.is_authenticated|yesno:"300,6000" %}
          {% cache cache_timeout place_lists_js user.is_authenticated %}

          {% if place_list %}
            {% for place in place_list %}
            window.other_markers.push(L.marker([{{ place.location|tocoords }}], {'icon': circleIcon}).bindPopup('<a href="{{ place.get_absolute_url }}">{{ place.name }}</a><br />{% if place.address %}{{ place.address }}, {% endif %}{{ place.city }}'));
            {% endfor %}
        {% endif %}
    {% endcache %}
      {% endwith %}
  </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"></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 %}
