Zimmer und Suiten unseres Wellnesshotel

document.addEventListener("DOMContentLoaded", function () {
  const form = document.querySelector("form.formular-anfrage");
  if (!form) return;

  // Felder über name selektieren
  const feldPersons1 = form.querySelector('[name="persons1"]');
  const feldPersons2 = form.querySelector('[name="persons2"]');
  const zimmer2Wrapper = feldPersons2.closest(".form-group");

  // Zimmer 2 anfangs ausblenden
  zimmer2Wrapper.style.display = "none";

  // "+ Zweites Zimmer"-Button hinzufügen
  const toggleBtn = document.createElement("button");
  toggleBtn.type = "button";
  toggleBtn.innerText = "+ Zimmer";
  toggleBtn.style.marginTop = ".5rem";
  toggleBtn.style.marginBottom = ".5rem";
  toggleBtn.style.background = "var(--accent)";
  toggleBtn.style.border = "1px solid var(--accent)";
  toggleBtn.style.color = "var(--text-light)";
  toggleBtn.style.padding = "0.5rem 1rem";
  toggleBtn.style.borderRadius = "var(--radius)";
  toggleBtn.style.fontSize = "var(--text-s)";
  toggleBtn.style.cursor = "pointer";
  toggleBtn.style.whiteSpace = "nowrap";   
toggleBtn.style.display = "inline-flex";        
toggleBtn.style.alignItems = "center";          
toggleBtn.style.gap = "0.5rem";                 

  feldPersons1.closest(".form-group").after(toggleBtn);

  toggleBtn.addEventListener("click", function () {
    zimmer2Wrapper.style.display = "block";
    toggleBtn.style.display = "none";
  });

  // Funktion zum Datumsformat
  function formatDateToISO(inputValue) {
    const date = new Date(inputValue);
    if (isNaN(date)) return '';
    return date.toISOString().split('T')[0];
  }

  // Ziel-Buttons (müssen außerhalb des Formulars vorhanden sein)
  const zielButtons = document.querySelectorAll(".btn-ziel");

  zielButtons.forEach(button => {
    button.addEventListener("click", function () {
      const ziel = this.dataset.ziel;

      const persons1 = feldPersons1.value || 0;
      const persons2 = feldPersons2.value || 0;
      const arrivalRaw = form.querySelector('[name="arrival"]').value;
      const departureRaw = form.querySelector('[name="departure"]').value;

      const arrival = formatDateToISO(arrivalRaw);
      const departure = formatDateToISO(departureRaw);

      if (parseInt(persons1) <= 0 && parseInt(persons2) <= 0) {
        alert("Bitte geben Sie mindestens ein Zimmer mit Personenzahl an.");
        return;
      }

      const baseURL = ziel === "anfrage"
        ? "https://zum-braeu.de/hotel-bayern-anfrage/?cd=137868&id=be2wavYf&"
        : "https://booking.zum-braeu.de/booking?cd=137868&id=be2wavYf&";

      let url = baseURL;

      if (parseInt(persons1) > 0) {
        url += `occ[0][a]=${encodeURIComponent(persons1)}&`;
      }

      if (parseInt(persons2) > 0) {
        url += `occ[1][a]=${encodeURIComponent(persons2)}&`;
      }

      url += `arr=${arrival}&dep=${departure}&flex=2`;

      // Unterscheidung: neues Tab nur bei "buchung"
      if (ziel === "buchung") {
        window.open(url, '_blank');
      } else {
        window.location.href = url;
      }
    });
  });
});