'; return; } kommend.forEach(function(e){ var row = document.createElement("div"); row.className = "gp-termin" + (e.status === "option" ? " gp-opt" : ""); var o = document.createElement("span"); o.className = "gp-t-ort"; o.textContent = e.ort; if (e.status === "option"){ var tag = document.createElement("span"); tag.className = "gp-t-tag"; tag.textContent = "provisorisch"; o.appendChild(document.createTextNode(" ")); o.appendChild(tag); } var t = document.createElement("span"); t.className = "gp-t-dat"; t.textContent = spanne(e.von, e.bis); row.appendChild(o); row.appendChild(t); liste.appendChild(row); }); } var wd = $("gp-wd"); if (wd && !wd.childNodes.length){ WT.forEach(function(t){ var e = document.createElement("div"); e.className = "gp-wd"; e.textContent = t; wd.appendChild(e); }); } function zeichne(){ var titel = $("gp-caltitel"); if (titel) titel.textContent = MONATE[akt.getMonth()] + " " + akt.getFullYear(); var g = $("gp-grid"); if (!g) return; g.innerHTML = ""; var erster = new Date(akt.getFullYear(), akt.getMonth(), 1, 12, 0, 0); var vor = (erster.getDay()+6) % 7; var tage = new Date(akt.getFullYear(), akt.getMonth()+1, 0).getDate(); var i; for (i=0;iDatum bis" : "Datum von") + " auswählen."); return; } if (d(bis) < d(von)){ ergebnis("nok","⚠️ Das «Datum bis» liegt vor dem «Datum von». Bitte korrigieren."); return; } var tage = Math.round((d(bis) - d(von)) / 86400000) + 1; var k = konflikte(von, bis); if (!k.length){ ergebnis("ok","✅ Frei!
" + spanne(von, bis) + " · " + tage + (tage === 1 ? " Tag" : " Tage") + '
Dieser Zeitraum ist bei uns noch verfügbar. Fülle unten das Formular aus, ' + 'dann reservieren wir ihn provisorisch für dich.'); setzeWert("f-von", von); setzeWert("f-bis", bis); richtpreis(); formcheck(); } else { var t = k.map(function(e){ return "• " + e.ort + " (" + spanne(e.von, e.bis) + ")" + (e.status === "option" ? " – provisorisch" : ""); }).join("
"); ergebnis("nok","❌ Leider belegt.
" + spanne(von, bis) + '
In diesem Zeitraum ist die Anlage bereits eingetragen:
' + t + "

Frag trotzdem an – eventuell finden wir eine Lösung mit einem Teil der Boxen."); } } catch (err) { ergebnis("nok","Technischer Fehler bei der Prüfung: " + (err && err.message ? err.message : err)); } } function setzeTl(v){ tlWert = v; var ja = $("gp-tl-ja"), nein = $("gp-tl-nein"); if (ja) ja.className = (v === "JA" ? "gp-aktiv" : ""); if (nein) nein.className = (v === "NEIN" ? "gp-aktiv" : ""); var inp = W.querySelectorAll('input[name="f-tl"]'); for (var i=0;i= 20){ if (tage === 3){ summe = 1600; text = "Wochenend-Special (3 Tage, ganze Anlage)"; } else if (tage > 3){ summe = 1600 + (tage-3)*800; text = "Wochenend-Special + " + (tage-3) + " Zusatztag(e) à CHF 800.–"; } else { summe = tage*800; text = tage + " × Tagesmiete ganze Anlage à CHF 800.–"; } } else { summe = b * 50 * tage; text = b + " Box(en) × " + tage + " Tag(e) × CHF 50.–"; if (summe > tage*800){ summe = tage*800; text = tage + " × Tagesmiete ganze Anlage à CHF 800.–"; } } out.textContent = "ca. CHF " + summe.toLocaleString("de-CH") + ".–"; det.textContent = text + (tlWert === "JA" ? " · zzgl. Turniersystem (auf Anfrage)" : "") + " · unverbindlich, exkl. Anfahrt"; } function formcheck(){ var von = wert("f-von"), bis = wert("f-bis"); if (!von || !bis || d(bis) < d(von)){ verbergen("gp-formcheck"); return; } var k = konflikte(von, bis); if (k.length){ melde("gp-formcheck","nok","⚠️ Achtung: In diesem Zeitraum ist die Anlage bereits eingetragen (" + k.map(function(e){ return e.ort; }).join(", ") + "). Du kannst trotzdem anfragen."); } else { melde("gp-formcheck","ok","✅ Dieser Zeitraum ist noch frei."); } } function fehler(id, an){ var el = $(id); if (!el) return; el.className = el.className.replace(/\s*gp-invalid/g, ""); if (an) el.className += " gp-invalid"; var f = el.parentNode; if (f){ var t = f.querySelector(".gp-fehler"); if (t) t.style.display = an ? "block" : "none"; } } function pruefeFormular(){ var ok = true; ["f-name","f-tel","f-event","f-ort","f-msg"].forEach(function(id){ var leer = !wert(id); fehler(id, leer); if (leer) ok = false; }); var mOk = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(wert("f-mail")); fehler("f-mail", !mOk); if (!mOk) ok = false; var bv = parseInt(wert("f-boards"), 10), bOk = bv >= 1 && bv <= 24; fehler("f-boards", !bOk); if (!bOk) ok = false; var von = wert("f-von"), bis = wert("f-bis"); fehler("f-von", !von); if (!von) ok = false; var bisOk = !!bis && (!von || d(bis) >= d(von)); fehler("f-bis", !bisOk); if (!bisOk) ok = false; var ja = $("gp-tl-ja"); if (ja && ja.parentNode && ja.parentNode.parentNode){ var box = ja.parentNode.parentNode.querySelector(".gp-fehler"); if (box) box.style.display = tlWert ? "none" : "block"; } if (!tlWert) ok = false; return ok; } function senden(){ var btn = $("gp-send"); if (wert("f-hp")) return; if (!pruefeFormular()){ melde("gp-sendmsg","nok","Bitte prüfe die rot markierten Felder."); var erstes = W.querySelector(".gp-invalid"); if (erstes && erstes.scrollIntoView) erstes.scrollIntoView({behavior:"smooth", block:"center"}); return; } var daten = { verein: wert("f-verein"), name: wert("f-name"), tel: wert("f-tel"), mail: wert("f-mail"), event: wert("f-event"), ort: wert("f-ort"), boards: wert("f-boards"), von: wert("f-von"), bis: wert("f-bis"), tl: tlWert, richtpreis: $("gp-rp") ? $("gp-rp").textContent : "-", nachricht: wert("f-msg"), hp: "" }; if (btn){ btn.disabled = true; btn.textContent = "Wird gesendet …"; } melde("gp-sendmsg","info","Anfrage wird übermittelt …"); fetch(WEBAPP_URL, { method: "POST", mode: "no-cors", headers: { "Content-Type": "text/plain;charset=utf-8" }, body: JSON.stringify(daten) }).then(function(){ if (btn) btn.textContent = "Anfrage gesendet ✔"; melde("gp-sendmsg","ok","✅ Vielen Dank! Deine Anfrage ist bei uns eingegangen und der Zeitraum " + spanne(daten.von, daten.bis) + " ist provisorisch reserviert. Du erhältst gleich eine Bestätigungsmail. " + "Sobald wir die Anfrage geprüft haben, melden wir uns mit der definitiven Zusage."); TERMINE.push({ ort: daten.event, von: daten.von, bis: daten.bis, status: "option" }); setzeTermine(TERMINE); var m = $("gp-sendmsg"); if (m && m.scrollIntoView) m.scrollIntoView({behavior:"smooth", block:"center"}); })["catch"](function(){ if (btn){ btn.disabled = false; btn.textContent = "Anfrage absenden"; } melde("gp-sendmsg","nok","Die Anfrage konnte nicht übermittelt werden. Bitte schreib uns direkt an " + '' + KONTAKT_MAIL + '.'); }); } function trefferId(start, id){ var t = start; while (t && t !== W){ if (t.id === id) return true; t = t.parentNode; } return false; } function freiesDatum(start){ var t = start; while (t && t !== W){ if (t.getAttribute && t.getAttribute("data-datum")) return t.getAttribute("data-datum"); t = t.parentNode; } return null; } W.addEventListener("click", function(ev){ var t = ev.target; if (trefferId(t, "gp-prev")){ akt.setMonth(akt.getMonth()-1); zeichne(); return; } if (trefferId(t, "gp-next")){ akt.setMonth(akt.getMonth()+1); zeichne(); return; } if (trefferId(t, "gp-check")){ pruefe(); return; } if (trefferId(t, "gp-tl-ja")){ setzeTl("JA"); return; } if (trefferId(t, "gp-tl-nein")){ setzeTl("NEIN"); return; } if (trefferId(t, "gp-send")){ senden(); return; } var dat = freiesDatum(t); if (dat){ setzeWert("gp-von", dat); if (!wert("gp-bis") || wert("gp-bis") < dat) setzeWert("gp-bis", dat); pruefe(); } }); W.addEventListener("change", function(ev){ var id = ev.target && ev.target.id; if (id === "gp-von" || id === "gp-bis"){ pruefe(); return; } if (id === "f-boards" || id === "f-von" || id === "f-bis"){ richtpreis(); formcheck(); } }); W.addEventListener("input", function(ev){ var id = ev.target && ev.target.id; if (id === "gp-von" || id === "gp-bis"){ pruefe(); return; } if (id === "f-boards" || id === "f-von" || id === "f-bis") richtpreis(); }); bannerStart(); ladeTermine(); richtpreis(); })();