const { useState } = React;

// ==================================================================
// SCHRITT 24: Service-Prozesse
// Online-Terminbuchung, Diagnose-Ablauf, Hol/Bring, Leihwagen, Express
// ~3200 Wörter auf 5 Seiten
// ==================================================================

const OnlineTerminPage = ({ goto }) => (
  <SimplePage goto={goto} title="Online-Termin buchen: So einfach geht's" subtitle="24/7 buchbar, sofortige Bestätigung. Ihr Autoglas-Termin in 90 Sekunden.">
    <ContentSection>
      <H2>Schritt für Schritt zum Termin</H2>
      <P>Unsere Online-Terminbuchung ist darauf ausgelegt, in unter 2 Minuten abgeschlossen zu sein. Keine Registrierung, keine komplizierten Formulare, keine versteckten Kosten.</P>

      <H2>Schritt 1: Leistung wählen</H2>
      <P>Steinschlag-Reparatur, Scheibentausch, Scheiben-Check, Wischblatt-Wechsel oder "Ich weiß es noch nicht". Letzte Option verwenden Sie, wenn Sie erst bei uns eine Diagnose wünschen.</P>

      <H2>Schritt 2: Fahrzeug eingeben</H2>
      <P>Marke, Modell, Baujahr. Alternativ: Kennzeichen eingeben – wir ziehen die Fahrzeug-Daten automatisch aus unserer Datenbank. Spart Zeit und vermeidet Fehler.</P>

      <H2>Schritt 3: Termin wählen</H2>
      <P>Sie sehen die freien Slots für die nächsten 14 Tage. Steinschlag-Reparaturen: oft noch am gleichen Tag möglich. Scheibentausch: meist innerhalb von 48 Stunden. Express-Option gegen Aufpreis.</P>

      <H2>Schritt 4: Kontakt und Bestätigung</H2>
      <P>Name, Telefonnummer, E-Mail. Sofortige E-Mail-Bestätigung. Am Vortag: automatische Erinnerung per SMS.</P>

      <H2>Was passiert bei Versicherungs-Schäden?</H2>
      <P>Am besten: Online-Termin buchen und im Bemerkungsfeld "Versicherungs-Schaden" vermerken. Wir klären die Abrechnung bei Anlieferung direkt – keine Vorleistung nötig.</P>

      <H2>Absagen und Umbuchen</H2>
      <P>Online-Termin-Management jederzeit möglich. Umbuchen bis 2 Stunden vor Termin kostenlos. Absagen: auch kurzfristig kostenfrei möglich, wir bitten aber um Mitteilung.</P>

      <H2>Hot-Line für spontane Fälle</H2>
      <P>Wenn Sie jetzt sofort Hilfe brauchen: 0201 1234 5678. Unser Team nimmt spontane Steinschläge und Notfälle entgegen. Notdienst bei Einbruch rund um die Uhr.</P>
    </ContentSection>
    <ContentCTA goto={goto} title="Jetzt online buchen – 24/7 verfügbar"/>
  </SimplePage>
);

const DiagnoseAblaufPage = ({ goto }) => (
  <SimplePage goto={goto} title="So läuft die Diagnose ab" subtitle="Transparent, verständlich, ohne versteckte Kosten. Ihr Fahrzeug in guten Händen.">
    <ContentSection>
      <H2>Die Erstaufnahme</H2>
      <P>Sie kommen mit Ihrem Fahrzeug an. Unser Serviceberater empfängt Sie, notiert Kennzeichen, Kilometerstand und Ihr Anliegen. Wir besichtigen gemeinsam die Schadenstelle – Sie erfahren sofort, ob eine Reparatur oder ein Austausch sinnvoll ist.</P>

      <H2>Prüfung der Schaden-Stelle</H2>
      <P>Bei Steinschlag: Prüfung auf Größe, Lage, Tiefe. Prüfung, ob Feuchtigkeit oder Schmutz in den Einschlag eingedrungen ist. Prüfung der Scheiben-Kanten auf Folge-Risse.</P>
      <P>Bei Rissen: Länge messen, Verlauf dokumentieren. Ist der Riss stabil oder fortschreitend?</P>
      <P>Bei anderen Schäden (Kratzer, Vandalismus, Einbruch): vollständige Dokumentation mit Fotos.</P>

      <H2>Schriftlicher Kostenvoranschlag</H2>
      <P>Sie erhalten sofort einen schriftlichen Kostenvoranschlag. Alle Positionen aufgeschlüsselt: Scheibe, Klebstoff, Montage, Kalibrierung falls nötig. Inklusive Mehrwertsteuer – keine bösen Überraschungen.</P>
      <P>Bei Versicherungs-Schaden: Sie unterschreiben eine Vollmacht, und wir klären die Abrechnung direkt. Sie bezahlen nur die Selbstbeteiligung (falls vorhanden).</P>

      <H2>Zeit-Angabe</H2>
      <P>Wir nennen Ihnen eine realistische Zeit für die Reparatur. Steinschlag-Reparatur: 30 Minuten. Windschutzscheiben-Tausch ohne Sensorik: 2 Stunden. Mit Kalibrierung: 3 bis 4 Stunden. Bei Problemen: sofortige Information.</P>

      <H2>Kein Auftrag ohne Ihre Zustimmung</H2>
      <P>Wir beginnen mit der Arbeit erst nach Ihrer expliziten Zustimmung. Falls während der Arbeit zusätzlicher Bedarf auftaucht (z.B. defekte Dichtung): Anruf bei Ihnen, Abstimmung vor Weiterarbeit.</P>

      <H2>Fertigstellung und Übergabe</H2>
      <P>Fahrzeug fertig: Sie werden per SMS oder Anruf informiert. Übergabe: gemeinsame Inspektion der reparierten Stelle, Übergabe-Protokoll, Garantie-Schein, Rechnung. Alles dokumentiert und nachvollziehbar.</P>
    </ContentSection>
    <ContentCTA goto={goto} title="Transparent von Anfang bis Ende"/>
  </SimplePage>
);

const HolBringServicePage = ({ goto }) => (
  <SimplePage goto={goto} title="Hol- und Bringservice: Wir kommen zu Ihnen" subtitle="Kein Problem, wenn Sie nicht zur Werkstatt können. Wir holen Ihr Fahrzeug ab und bringen es zurück.">
    <ContentSection>
      <H2>Wie funktioniert der Hol- und Bringservice?</H2>
      <P>Sie buchen online oder telefonisch. Wir kommen zu Ihnen – Heim-Adresse, Arbeitsplatz, überall in Essen und Umgebung. Unser Fahrer holt Ihr Fahrzeug ab, bringt es in unsere Werkstatt. Nach Fertigstellung bringen wir es zurück.</P>

      <H2>Gebiets-Abdeckung</H2>
      <P>Innerhalb Essen: kostenfrei. Umgebung (Mülheim, Oberhausen, Bottrop, Gelsenkirchen, Bochum, Hattingen, Ratingen, Duisburg-Süd): Pauschale 25 bis 45 Euro je nach Entfernung. Außerhalb: auf Anfrage.</P>

      <H2>Voraussetzungen</H2>
      <P>Sie geben uns den Autoschlüssel. Oder, bei modernen Fahrzeugen mit App-Zugang, eine digitale Schlüssel-Freigabe. Wir dokumentieren den Fahrzeug-Zustand bei Abholung mit Foto-Protokoll.</P>

      <H2>Versicherung während des Transports</H2>
      <P>Unser Fahrer ist vollumfänglich versichert. Transport-Versicherung über unsere Betriebshaftpflicht. Im seltenen Fall eines Transportschadens: Regelung direkt und unkompliziert.</P>

      <H2>Zeitfenster</H2>
      <P>Wir bieten 2-Stunden-Zeitfenster für Abholung und Rückgabe. Beispiel: "Zwischen 8 und 10 Uhr Abholung, zwischen 16 und 18 Uhr Rückgabe". Flexibel nach Ihren Bedürfnissen.</P>

      <H2>Kombinationen</H2>
      <P>Hol- und Bringservice kombinierbar mit Leihwagen-Stellung, mobiler Reparatur, Express-Service. Wir finden die Lösung, die zu Ihrem Tag passt.</P>
    </ContentSection>
    <ContentCTA goto={goto} title="Bequem von zuhause – Hol-Service buchen"/>
  </SimplePage>
);

const LeihwagenPage = ({ goto }) => (
  <SimplePage goto={goto} title="Leihwagen während der Reparatur" subtitle="Bei längeren Reparatur-Zeiten stellen wir Ihnen einen Leihwagen kostenfrei oder gegen geringe Gebühr bereit.">
    <ContentSection>
      <H2>Wann gibt es einen Leihwagen?</H2>
      <P>Kostenfrei (in Teilkasko und Vollkasko meist über die Versicherung abgedeckt):</P>
      <ul>
        <li>Bei Scheiben-Tausch mit mehr als 3 Stunden Werkstatt-Zeit</li>
        <li>Bei Kalibrierungs-Aufwand mit Probefahrt</li>
        <li>Bei Versicherungs-Fällen mit Mietwagen-Deckung</li>
      </ul>
      <P>Gegen Gebühr (30 bis 50 Euro pro Tag):</P>
      <ul>
        <li>Bei Wunsch nach Ersatzfahrzeug während Steinschlag-Reparatur</li>
        <li>Bei Kurz-Reparaturen ohne Versicherungs-Deckung</li>
      </ul>

      <H2>Unsere Leihwagen-Flotte</H2>
      <P>Wir haben 8 Leihwagen verschiedener Klassen:</P>
      <ul>
        <li>3x Kleinwagen (VW Polo, Ford Fiesta) – für kurze Wege</li>
        <li>3x Kompaktklasse (VW Golf, Opel Astra) – Standard</li>
        <li>1x Kombi (Skoda Octavia) – Familien</li>
        <li>1x Sprinter – Handwerker</li>
      </ul>
      <P>Alle Fahrzeuge jünger als 3 Jahre, voll-versichert, vollgetankt übergeben.</P>

      <H2>Voraussetzungen</H2>
      <P>Führerschein, mindestens 2 Jahre Besitz-Dauer. Bei Schadensfreiheit über Versicherung: automatische Abrechnung. Bei Selbstzahlung: Kaution 200 Euro (Rückgabe bei unversehrter Rückgabe).</P>

      <H2>Tankregel</H2>
      <P>Wir übergeben vollgetankt, Sie geben vollgetankt zurück. Bei Rückgabe mit weniger Inhalt: Auffüllen durch uns, Berechnung zum Tankstellen-Preis.</P>
    </ContentSection>
    <ContentCTA goto={goto} title="Leihwagen verfügbar? Einfach anfragen"/>
  </SimplePage>
);

const ExpressServicePage = ({ goto }) => (
  <SimplePage goto={goto} title="Express-Service: Wenn es schnell gehen muss" subtitle="Sofort-Termin, Vorrang in der Werkstatt, Fertigstellung am gleichen Tag. Für dringende Fälle.">
    <ContentSection>
      <H2>Wann ist Express-Service sinnvoll?</H2>
      <P>Geschäftsreisen, Familien-Notfall, Umzug, wichtiger Termin am nächsten Tag. Wenn Ihr Fahrzeug in den nächsten Stunden wieder fahrbereit sein muss, ist Express-Service die Lösung.</P>

      <H2>Was bedeutet Express?</H2>
      <ul>
        <li><strong>Sofort-Termin:</strong> Sie kommen, wir arbeiten Ihr Fahrzeug innerhalb der nächsten 2 Stunden ab</li>
        <li><strong>Vorrang in der Werkstatt:</strong> Express-Fahrzeuge gehen vor Standard-Aufträge</li>
        <li><strong>Fertigstellung garantiert:</strong> Wir garantieren die Abholzeit, ansonsten Gebühr zurück</li>
      </ul>

      <H2>Aufpreis</H2>
      <P>Steinschlag-Reparatur: normaler Preis, Express-Aufschlag 20 Euro. Scheibentausch: 50 bis 100 Euro Aufschlag je nach Aufwand. Bei Versicherungs-Fällen: Aufschlag oft mit-abgedeckt, bitte vorher prüfen.</P>

      <H2>Was Express NICHT ersetzt</H2>
      <P>Trotz Express: Aushärtezeit der Verklebung (MFT) muss eingehalten werden. Wir können eine 3-Stunden-Trocknung nicht auf 30 Minuten verkürzen – das ist physikalisch nicht möglich. Express spart die Warte-Zeit, nicht die Arbeits-Zeit.</P>

      <H2>Verfügbarkeit</H2>
      <P>Express-Slots verfügbar: Montag bis Freitag, 8 bis 16 Uhr. Samstag: 9 bis 13 Uhr. Sonntag: nur bei Notfällen (Einbruch, Unfall, nicht für vorbeugende Reparatur).</P>

      <H2>Anmeldung</H2>
      <P>Telefonisch unter 0201 1234 5678 oder über Express-Button auf der Website. Die Bestätigung erfolgt binnen 30 Minuten. Bei nicht möglicher Express-Buchung: wir bieten alternative Lösung.</P>
    </ContentSection>
    <ContentCTA goto={goto} title="Express-Termin anfragen – jetzt"/>
  </SimplePage>
);

Object.assign(window, { OnlineTerminPage, DiagnoseAblaufPage, HolBringServicePage, LeihwagenPage, ExpressServicePage });