{# Wyszukiwarka lokalizacji + interaktywna mapa (OpenStreetMap / Leaflet, bez klucza API).
   Wklejana do formularzy z polami input[name=lat] / input[name=lon]. Samowystarczalna:
   ładuje CSS/JS Leafleta (vendorowane lokalnie) oraz geo.js. Kafelki mapy lecą z OSM. #}
<link rel="stylesheet" href="/static/vendor/leaflet/leaflet.css">
<div class="geo" id="geoPicker">
  <div class="geo-search">
    <input type="search" id="geoSearch" autocomplete="off"
           placeholder="Szukaj miejsca (np. Szpital Barlickiego, Łódź)…">
    <button type="button" id="geoSearchBtn" class="ghost">Szukaj</button>
    <button type="button" id="geoMapToggle" class="ghost">Ukryj mapę</button>
  </div>
  <ul id="geoResults" class="geo-results" hidden></ul>
  <div id="map" class="geo-map"></div>
  <p class="muted small geo-attrib">
    Wyszukiwarka i mapa: © <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">OpenStreetMap</a>
    contributors (Nominatim). Kliknij mapę lub przeciągnij pineskę, by ustawić współrzędne.
  </p>
</div>
<script defer src="/static/vendor/leaflet/leaflet.js"></script>
<script defer src="/static/geo.js"></script>