Buchungskalender: Stornobedingungen je Unterkunft, Zustimmung und Bestellstatus

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

public/buchungen.js

@@ -5,6 +5,7 @@
    Helfer: shop-dom.js (h, request, Karten), Styles: buchungen.css (bk-) und shop.css (sh-). Fremdtext nur ueber textContent. */
 
 import { fehlerKarte, h, infoKarte, request } from './shop-dom.js'
+import { statusKarte } from './funktion-bestellen.js'
 import { anfrageKarte, renderAnfrageFormular } from './buchungen-anfrage.js'
 
 /** Die Reiter: jeder ein Modul mit render(panel, ctx), erst beim ersten Oeffnen geladen. */
@@ -74,6 +75,7 @@ function projektwahl(s) {
   select.addEventListener('change', () => {
     auswahl.projectId = select.value
     s.projekt = s.projects.find((p) => p.projectId === select.value)
+    s.neueAnfrage = false
     zeigeMeldung(s, '')
     zeigeProjekt(s)
   })
@@ -113,6 +115,7 @@ function zeichneAnsicht(s, { status, aktuell }) {
   s.status = status
   const zustand = status?.state || zustandVon(s.projekt)
   if (zustand === 'setup' || zustand === 'active' || zustand === 'disabled') zeigeReiter(s, { status, aktuell, zustand })
+  else if (zustand === 'ordered') zeigeBestellung(s)
   else if (zustand === 'off') zeigeAnfrage(s, { status, aktuell })
   else s.buehne.replaceChildren(infoKarte('Buchungskalender', 'Der Stand deines Buchungskalenders ist gerade nicht lesbar. Bitte lade die Seite neu.'))
 }
@@ -121,7 +124,8 @@ function zeichneAnsicht(s, { status, aktuell }) {
 function zeigeAnfrage(s, { status, aktuell }) {
   const projectId = s.projekt.projectId
   const ansicht = status?.anfrage
-  const neuLaden = () => zeigeProjekt(s)
+  // nach einem 409 bleibt die Meldung des Servers sichtbar, waehrend die Ansicht neu laedt
+  const neuLaden = async (o) => { await zeigeProjekt(s); if (o?.meldung && S === s) zeigeMeldung(s, o.meldung, 'fehler') }
   if (ansicht?.status === 'angenommen') {
     s.buehne.replaceChildren(infoKarte('Deine Anfrage wurde angenommen', 'Wir melden uns bei dir mit den nächsten Schritten zur Bestellung.', { chat: true }))
   } else if (ansicht?.status === 'offen') {
@@ -135,11 +139,19 @@ function zeigeAnfrage(s, { status, aktuell }) {
       projectId,
       vorgabe: ansicht?.anfrage || null,
       preis: textOr(s.projekt?.features?.unterkunft?.priceLabel) || '199 €',
-      nachSenden: async () => { s.neueAnfrage = false; if (aktuell()) await neuLaden() },
+      nachSenden: async (_a, o) => { s.neueAnfrage = false; if (aktuell()) await neuLaden(o) },
     })
   }
 }
 
+/* Zustand ordered: Statuskarte „Zahlung offen“ mit „Zahlung fortsetzen“ (generische Bestellseite, Checkout /api/funktionen/unterkunft/checkout). */
+function zeigeBestellung(s) {
+  const eintrag = { ...s.projekt.features?.unterkunft, state: 'ordered' }
+  s.buehne.replaceChildren(statusKarte({ projekt: s.projekt, bestellung: eintrag, kundenansicht: false, key: 'unterkunft', name: 'Buchungskalender' }, {
+    weiter: async ({ meldung }) => { await zeigeProjekt(s); if (S === s) zeigeMeldung(s, meldung, 'fehler') },
+  }))
+}
+
 function zeigeReiter(s, { status, aktuell, zustand }) {
   const neuLaden = async () => {
     const neu = await ladeStatus(s.projekt.projectId)