{% extends "base.html" %}
{% block title %}Einzugsgebiet · Radeln ohne Alter{% endblock %}
{% block head %}
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
{% endblock %}
{% block content %}
<h1>Unser Einzugsgebiet</h1>
<p class="lede">Wir holen Sie in Malstatt, St. Johann und Alt-Saarbrücken ab — kostenlos und ehrenamtlich.
  „Für das Recht auf Wind in den Haaren."</p>
<div id="map" class="full-map"></div>
<p class="muted small">Diese Seite ist öffentlich und enthält keine personenbezogenen Daten.</p>
{% endblock %}

{% block scripts %}
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
  const map = L.map("map").setView([49.238, 6.980], 13);
  L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
    maxZoom: 19, attribution: "© OpenStreetMap"
  }).addTo(map);

  // Grobes Einzugsgebiet (Malstatt / St. Johann / Alt-Saarbrücken)
  const area = [
    [49.262, 6.945], [49.258, 6.985], [49.240, 7.012],
    [49.222, 6.995], [49.218, 6.958], [49.235, 6.938],
  ];
  L.polygon(area, { color: "#2f7d57", weight: 2, fillColor: "#2f7d57", fillOpacity: 0.12 }).addTo(map);
</script>
{% endblock %}