{% extends "maps/map_cell.html" %}
{% load gnm %}

{% block map-attributes %}
{{ block.super }}
{% if pages.0.slug == 'autour-de-moi' %}data-query-string="distance=1000&amp;lat={{init_lat}}&amp;lng={{init_lng}}"{% endif %}
{% endblock %}

{% block cell-content %}
<script>document.getElementById('page').classList.add('search-page');</script>
<div id="mapsearch">
<form>
<input type="search" name="q"
  {% if pages.0.slug == 'autour-de-moi' %}
    placeholder="ex : Lieu, communes, services, nom d’un établissement"
    title="ex : Lieu, communes, services, nom d’un établissement"
  {% else %}
    placeholder="ex : nom d’un établissement, commune"
    title="ex : nom d’un établissement, commune"
  {%endif %}
  ><button class="search-button">Rechercher</button>
</form>
</div>

  <div class="loader">
    <svg class="circular" viewBox="25 25 50 50">
      <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="5" stroke-miterlimit="10"/>
    </svg>
  </div>

{{ block.super }}

{% get_collectivity_slugs as slugs %}
{{ slugs|json_script:"collectivity-slugs" }}
{% get_known_tile_types as tile_types %}
{{ tile_types|json_script:"known-tile-types" }}

{% endblock %}
