// GuestReply
// Version: 1.1

if (window.location.href.includes("?velkommen")) {
var welcomeButton = document.getElementById("welcome");
if (welcomeButton) {
  welcomeButton.click();
}
}

const submissionsText = document.getElementById('submissionsText');
const submissionsInput = document.getElementById('submissionsInput');
const submitButton = document.getElementById('submitButton');
const submitButtonTriple = document.getElementById('submitButtonTriple');
const submissionCounterButton = document.getElementById('submissionCounter');
const submitButtonMobile = document.getElementById('submitButtonMobile');
const submissionsStop = document.getElementById('submissionsStop');

const submissionsLimit = 1000;

function updateSubmissionsBar() {
const submissionsElement = document.querySelector('[data-ms-member="submissions"]');
const submissionsLimitElement = document.querySelector('[data-ms-member="submissions-limit"]');

if (submissionsElement && submissionsLimitElement) {
  const submissions = parseInt(submissionsElement.textContent);
  const submissionsLimit = parseInt(submissionsLimitElement.textContent);

  const percentage = (submissions / submissionsLimit) * 100;

  const submissionsBar = document.getElementById('submissionsBar');
  submissionsBar.style.width = percentage + '%';

  if (percentage >= 100) {
    submissionsBar.classList.add('full');
  } else {
    submissionsBar.classList.remove('full');
  }

  if (submissions >= submissionsLimit) {
    submitButton.classList.add('disabled');
    submitButtonTriple.classList.add('disabled');
    submissionsStop.style.display = 'block';

    submitButton.disabled = true;
    submitButtonTriple.disabled = true;
  }
}
}

window.addEventListener('load', function() {
updateSubmissionsBar();
});

submitButton.addEventListener('click', function () {
updateSubmissionCount(1);
});

submitButtonTriple.addEventListener('click', function () {
updateSubmissionCount(3);
});

function updateSubmissionCount(increment) {
const currentXValue = parseInt(submissionsText.value);

const newXValue = currentXValue + increment;

submissionsText.value = newXValue;
submissionsInput.value = newXValue;
submissionCounterButton.click();
submitButtonMobile.click();

if (newXValue >= submissionsLimit) {
  submitButton.classList.add('disabled');
  submitButtonTriple.classList.add('disabled');
  submissionsStop.style.display = 'block';
  submitButton.disabled = true;
  submitButtonTriple.disabled = true;
} else {
  updateSubmissionsBar();
}
}

document.addEventListener("DOMContentLoaded", function() {
function setupCopyButton(copyButtonId, textId, btnTextId) {
  const copyBtn = document.getElementById(copyButtonId);
  const btnText = document.getElementById(btnTextId);
  const originalText = btnText.innerHTML;

  copyBtn.addEventListener("click", function() {
    const richText = document.getElementById(textId).textContent;
    navigator.clipboard.writeText(richText).then(function() {
      btnText.innerHTML = "Kopiert!";
      setTimeout(function() {
        btnText.innerHTML = originalText;
      }, 3000);
    });
  });
}

setupCopyButton("copyButtonFirst", "copyTextFirst", "textButtonFirst");
setupCopyButton("copyButtonSecond", "copyTextSecond", "textButtonSecond");
setupCopyButton("copyButtonThird", "copyTextThird", "textButtonThird");
setupCopyButton("copyButtonFirstMobile", "copyTextFirstMobile", "textButtonFirstMobile");
setupCopyButton("copyButtonSecondMobile", "copyTextSecondMobile", "textButtonSecondMobile");
setupCopyButton("copyButtonThirdMobile", "copyTextThirdMobile", "textButtonThirdMobile");

const inputDiv = document.querySelector('[data-format="initial-input"]');
const text = inputDiv.textContent;
if (text.length > 0) {
  document.querySelectorAll('[data-format="initial-output"]').forEach((outputDiv) => {
    outputDiv.textContent = text[0];
  });
}
});

var elements = [
document.getElementById("Guest-Comment"),
document.getElementById("Guest-Name"),
document.getElementById("Your-Name"),
document.getElementById("Additional-Info")
];

function cleanInput(input) {
return input.replace(/[\\"]/g, "").replace(/[\n\r]/g, "");
}

elements.forEach(function(element) {
if (element) {
  element.addEventListener("input", function() {
    var inputValue = element.value;
    element.value = cleanInput(inputValue);
  });

  element.addEventListener("paste", function(event) {
    event.preventDefault();
    var clipboardText = event.clipboardData.getData("text/plain");
    document.execCommand("insertText", false, cleanInput(clipboardText));
  });
}
});

const ratingInputWrappers = document.querySelectorAll('.rating-field-input-wrapper');
const inputRatingOutputElement = document.getElementById('input-rating-output');
const inputRatingElement = document.getElementById('input-rating');

ratingInputWrappers.forEach(wrapper => {
const ratingInput = wrapper.querySelector('.rating-field-input');

wrapper.addEventListener('mouseover', () => {
  markStarsUpTo(wrapper.dataset.rating);
});

wrapper.addEventListener('click', () => {
  if (inputRatingElement.value === wrapper.dataset.rating) {
    inputRatingOutputElement.textContent = "-1";
    inputRatingElement.value = "-1";
    inputRatingElement.dispatchEvent(new Event('change', { 'bubbles': true }));
    resetStars();
  } else {
    inputRatingOutputElement.textContent = wrapper.dataset.rating;
    inputRatingElement.value = wrapper.dataset.rating;
    inputRatingElement.dispatchEvent(new Event('change', { 'bubbles': true }));
    markStarsUpTo(wrapper.dataset.rating);
    setPersistentMark(wrapper.dataset.rating);
  }
});

wrapper.addEventListener('mouseout', () => {
  if (inputRatingElement.value && inputRatingElement.value !== "-1") {
    markStarsUpTo(inputRatingElement.value);
  } else {
    resetStars();
  }
});
});

function markStarsUpTo(rating) {
resetStars();
for (let i = 0; i < rating; i++) {
  const ratingInput = ratingInputWrappers[i].querySelector('.rating-field-input');
  ratingInput.classList.add('marked');
}
}

function setPersistentMark(rating) {
resetStars();
for (let i = 0; i < rating; i++) {
  const ratingInput = ratingInputWrappers[i].querySelector('.rating-field-input');
  ratingInput.classList.add('marked');
}
}

function resetStars() {
ratingInputWrappers.forEach(wrapper => {
  const ratingInput = wrapper.querySelector('.rating-field-input');
  ratingInput.classList.remove('marked');
});
}

document.addEventListener('DOMContentLoaded', function() {
var accountBlacklist = document.querySelector('[data="account-blacklist"]').textContent;

var inputBlacklist = document.querySelector('[wized="input_blacklist"]');

inputBlacklist.value = accountBlacklist;
});

document.addEventListener('DOMContentLoaded', function() {
var accountWhitelist = document.querySelector('[data="account-whitelist"]').textContent;

var inputWhitelist = document.querySelector('[wized="input_whitelist"]');

inputWhitelist.value = accountWhitelist;
});

document.addEventListener('DOMContentLoaded', function() {
var accountIndustry = document.querySelector('[data="account-industry"]').textContent;

var inputIndustry = document.querySelector('[wized="input_industry"]');

inputIndustry.value = accountIndustry;
});

document.addEventListener('DOMContentLoaded', function() {
var accountEmail = document.querySelector('[data="account-email"]').textContent;

var inputEmail = document.querySelector('[wized="input_email"]');

inputEmail.value = accountEmail;
});

document.addEventListener('DOMContentLoaded', function () {
function updateButtonDisplay() {
  const quantity = document.querySelector('input[name="Quantity"]:checked').value;
  const submitButton = document.getElementById('submitButton');
  const submitButtonTriple = document.getElementById('submitButtonTriple');

  if (quantity === '3') {
    submitButton.style.display = 'none';
    submitButtonTriple.style.display = 'inline-block';
  } else {
    submitButton.style.display = 'inline-block';
    submitButtonTriple.style.display = 'none';
  }
}

document.querySelectorAll('input[name="Quantity"]').forEach(function (radio) {
  radio.addEventListener('change', updateButtonDisplay);
});

updateButtonDisplay();
});

document.addEventListener('DOMContentLoaded', function() {
var submitButton = document.getElementById('submitButton');
var submitButtonTriple = document.getElementById('submitButtonTriple');

submitButton.addEventListener('click', function() {
    var answers = document.querySelectorAll('[wized="answers_triple"]');
    answers.forEach(function(answer) {
        answer.style.display = 'none';
    });
});

submitButtonTriple.addEventListener('click', function() {
    var answers = document.querySelectorAll('[wized="answers_triple"]');
    answers.forEach(function(answer) {
        answer.style.display = 'block';
    });
});
});

document.addEventListener('DOMContentLoaded', function() {
function kopierVerdier(event) {
  var recieverValue = document.querySelector('[wized="input_reciever"]').value;
  var commentValue = document.querySelector('[wized="input_comment"]').value;
  var senderValue = document.querySelector('[wized="input_sender"]').value;
  var accountValue = document.querySelector('[data="report-account-input"]').value;

  document.querySelector('[data="report-reciever"]').value = recieverValue;
  document.querySelector('[data="report-comment"]').value = commentValue;
  document.querySelector('[data="report-sender"]').value = senderValue;
  document.querySelector('[data="report-account"]').value = accountValue;

  var clickedButtonData = event.target.getAttribute('data');
  var outputSelector = '';

  switch(clickedButtonData) {
    case "report-generate-first":
      outputSelector = '[wized="output_first"]';
      break;
    case "report-generate-second":
      outputSelector = '[wized="output_second"]';
      break;
    case "report-generate-third":
      outputSelector = '[wized="output_third"]';
      break;
  }

  var outputElement = document.querySelector(outputSelector);
  var reportReplyTextArea = document.querySelector('[data="report-reply"]');

  if (outputElement && reportReplyTextArea) {
    reportReplyTextArea.value = outputElement.textContent || outputElement.innerText;
  }
}

var generateButtons = document.querySelectorAll('[data^="report-generate"]');
generateButtons.forEach(function(button) {
  button.addEventListener('click', kopierVerdier);
});
});

<!-- All pages -->
document.addEventListener('DOMContentLoaded', () => {
  const itemsPerPage = 4;
  let currentPage = 1;
  const items = document.querySelectorAll('[pagination="item"]');
  const nextButton = document.querySelector('[pagination="next"]');
  const prevButton = document.querySelector('[pagination="previous"]');

  const updateItemsVisibility = () => {
      items.forEach((item, index) => {
          item.style.display = (index >= (currentPage - 1) * itemsPerPage && index < currentPage * itemsPerPage) ? '' : 'none';
      });
  };

  const updateButtons = () => {
      prevButton.style.display = currentPage === 1 ? 'none' : '';
      nextButton.style.display = currentPage * itemsPerPage >= items.length ? 'none' : '';
  };

  nextButton.addEventListener('click', () => {
      if (currentPage * itemsPerPage < items.length) {
          currentPage++;
          updateItemsVisibility();
          updateButtons();
      }
  });

  prevButton.addEventListener('click', () => {
      if (currentPage > 1) {
          currentPage--;
          updateItemsVisibility();
          updateButtons();
      }
  });

  updateItemsVisibility();
  updateButtons();
});

document.addEventListener("DOMContentLoaded", function() {
const overlayElement = document.querySelector('[data-trigger="nav-overlay"]');
const menuElement = document.querySelector('[data-trigger="nav-menu"]');

overlayElement.addEventListener("click", function() {
  menuElement.click();
});

menuElement.addEventListener("click", function() {
});
});

window.onload = function() {
var resetDateInput = document.querySelector('[data-ms-member="reset-date"]');
var resetDateSpans = document.querySelectorAll('[data-format="reset-date"]');

if (resetDateInput && resetDateSpans.length > 0) {
  var inputValue = resetDateInput.value;

  if (inputValue) {
    var parts = inputValue.split('-');
    if (parts.length === 2) {
      var day = parseInt(parts[0], 10);
      var month = parseInt(parts[1], 10);

      if (!isNaN(day) && !isNaN(month)) {
        var months = ['jan', 'feb', 'mar', 'apr', 'mai', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'des'];
        var formattedDate = day + '. ' + months[month - 1];

        resetDateSpans.forEach(function(span) {
          span.textContent = formattedDate;
        });
      }
    }
  }
}
};
<!-- All pages end -->