Grundkompetenzen NHB

span.wpcf7-not-valid-tip {
display: block;
font-size: 11px;
margin: 2px 0 0 0;
line-height: 1.4;
padding: 0 4px;
position: absolute;
bottom: -23px;
left: 0;
white-space: nowrap;
}

.form-field {
position: relative;
}

document.addEventListener("DOMContentLoaded", function () {
// 1. Ort und Datum kombinieren
const ortInput = document.getElementById("OrtManuell");
const datumInput = document.getElementById("Datum");
const ortDatumHidden = document.getElementById("OrtDatum");

const today = new Date();
const formattedDate = `${String(today.getDate()).padStart(2, '0')}.${String(today.getMonth() + 1).padStart(2, '0')}.${today.getFullYear()}`;
if (datumInput) datumInput.value = formattedDate;

function updateHiddenField() {
const ort = ortInput?.value.trim() || "";
const datum = datumInput?.value || "";
ortDatumHidden.value = [ort, datum].filter(Boolean).join(', ');
}

if (ortInput) {
ortInput.addEventListener("input", updateHiddenField);
ortInput.addEventListener("blur", updateHiddenField);
}
updateHiddenField(); // initial setzen

// 2. Rechnungsadresse ein-/ausblenden
const andereAdresseInput = document.getElementById('andereAdresse');
const privatRadio = document.querySelector('input[name="rechnungsadresse"][value="privat"]');
const andereRadio = document.querySelector('input[name="rechnungsadresse"][value="andere (z.B. Arbeitgeber)"]');

function toggleAndereAdresse() {
if (andereRadio?.checked) {
andereAdresseInput.style.display = 'block';
andereAdresseInput.setAttribute("aria-hidden", "false");
} else {
andereAdresseInput.style.display = 'none';
andereAdresseInput.setAttribute("aria-hidden", "true");
}
}

if (privatRadio && andereRadio) {
privatRadio.addEventListener('change', toggleAndereAdresse);
andereRadio.addEventListener('change', toggleAndereAdresse);
toggleAndereAdresse(); // Initialzustand
}

// 3. Telefonnummer formatieren
const mobileInput = document.querySelector("#mobileFormat input");
if (mobileInput) {
mobileInput.addEventListener("input", e => {
let value = e.target.value.replace(/\D/g, "").replace(/^0/, "");
let s = value.startsWith("41") ? 2 : 0;
if (value.length > s + 9) value = value.slice(0, s + 9);

let formattedValue = value.length ? "+41 " : "";
formattedValue += value.slice(s, s + 2);
if (value.length > s + 2) formattedValue += " " + value.slice(s + 2, s + 5);
if (value.length > s + 5) formattedValue += " " + value.slice(s + 5, s + 7);
if (value.length > s + 7) formattedValue += " " + value.slice(s + 7, s + 9);

e.target.value = formattedValue.trim();
});
}

const deTestRadios = document.querySelectorAll('input[name="deTest"]');
const standortContainer = document.getElementById('standortDeTest');

function toggleStandort() {
const selectedDeTest = document.querySelector('input[name="deTest"]:checked')?.value;
const labelField = document.getElementById('standortHinweis');

if (standortContainer) {
if (selectedDeTest === 'Ja') {
standortContainer.style.display = 'block';
standortContainer.setAttribute('aria-hidden', 'false');
if (labelField) labelField.value = "Wo möchten Sie den Einstufungstest machen?";
} else {
standortContainer.style.display = 'none';
standortContainer.setAttribute('aria-hidden', 'true');
if (labelField) labelField.value = "";
// Clear checkboxes
const checkboxes = standortContainer.querySelectorAll('input[type="checkbox"]');
checkboxes.forEach(cb => cb.checked = false);
}
}
}

deTestRadios.forEach(radio => radio.addEventListener('change', toggleStandort));
toggleStandort(); // Initialize state

});