document.addEventListener('DOMContentLoaded', function() {
var formBtn2 = document.querySelector('.gt-form-btn-edu');
var repeatSectionsedu = document.querySelectorAll('.repeat-section-edu');// Hide all repeat-sections except the first one
for (var i = 1; i < repeatSectionsedu.length; i++) {
repeatSectionsedu[i].style.display = 'none';
}// Add event listener to the form button
formBtn2.addEventListener('click', function (event) {
event.preventDefault();var currentFormIndex = getCurrentFormIndex(repeatSectionsedu);// Remove error_class from all forms before processing
repeatSectionsedu.forEach(function (form) {
var validationMsg = form.querySelector('#edu-validation-msg');
if (validationMsg) {
validationMsg.classList.remove('error_class');
}
});for (var i = currentFormIndex; i < repeatSectionsedu.length - 1; i++) {
var currentForm = repeatSectionsedu[i];
var nextForm = repeatSectionsedu[i + 1];var isFilled = checkDataFilled(currentForm);if (isFilled && currentForm.style.display !== 'none') {
if (nextForm.style.display === 'none') {
var removeBtn = createRemoveButton();
currentForm.appendChild(removeBtn);
nextForm.style.display = 'block';
break; // Stop iterating after showing the next form
}
} else {
// Add class to current form div using id=form-validation-msg
var validationMsg = currentForm.querySelector('#edu-validation-msg');
if (validationMsg) {
validationMsg.classList.add('error_class');
}
break; // Stop iterating as we only want to mark the current form
}
}
});// Function to check if data is filled in the given form
function checkDataFilled(form) {
var inputs = form.querySelectorAll('input[type="text"], select');for (var i = 0; i < inputs.length; i++) {
if (!inputs[i].value) {
return false;
}
}
return true;
}// Function to get the index of the current visible form
function getCurrentFormIndex(forms) {
for (var i = 0; i < forms.length; i++) {
if (forms[i].style.display !== 'none') {
return i;
}
}
return -1;
}// Function to create a "remove form" button
function createRemoveButton() {
var removeBtn = document.createElement('button');
removeBtn.textContent = 'Remove';
removeBtn.classList.add('remove-btn');// Add event listener to remove the form when the button is clicked
removeBtn.addEventListener('click', function() {
var formToRemove = this.parentNode;
formToRemove.parentNode.removeChild(formToRemove);
});return removeBtn;
}
});document.addEventListener('DOMContentLoaded', function() {
const categorySelect = document.getElementById('edu-cat-1');
const eduSubSec1 = document.querySelector('.edu-sub-sec-1');
const eduSubSec2 = document.querySelector('.edu-sub-sec-2');categorySelect.addEventListener('change', function() {
const selectedValue = categorySelect.value;
console.log(selectedValue);
if (selectedValue === 'A/L') {
eduSubSec1.style.display = 'block';
eduSubSec2.style.display = 'none';
} else if (['High school', 'Certificate', 'Degree', "Master's degree"].includes(selectedValue)) {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'block';
} else {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'none';
}
});// Trigger change event to set initial visibility based on the default selected value
categorySelect.dispatchEvent(new Event('change'));
});document.addEventListener('DOMContentLoaded', function() {
const categorySelect = document.getElementById('edu-cat-2');
const eduSubSec1 = document.querySelector('.edu-sub-sec-3');
const eduSubSec2 = document.querySelector('.edu-sub-sec-4');categorySelect.addEventListener('change', function() {
const selectedValue = categorySelect.value;
console.log(selectedValue);
if (selectedValue === 'A/L') {
eduSubSec1.style.display = 'block';
eduSubSec2.style.display = 'none';
} else if (['High school', 'Certificate', 'Degree', "Master's degree"].includes(selectedValue)) {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'block';
} else {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'none';
}
});// Trigger change event to set initial visibility based on the default selected value
categorySelect.dispatchEvent(new Event('change'));
});document.addEventListener('DOMContentLoaded', function() {
const categorySelect = document.getElementById('edu-cat-3');
const eduSubSec1 = document.querySelector('.edu-sub-sec-5');
const eduSubSec2 = document.querySelector('.edu-sub-sec-6');categorySelect.addEventListener('change', function() {
const selectedValue = categorySelect.value;
console.log(selectedValue);
if (selectedValue === 'A/L') {
eduSubSec1.style.display = 'block';
eduSubSec2.style.display = 'none';
} else if (['High school', 'Certificate', 'Degree', "Master's degree"].includes(selectedValue)) {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'block';
} else {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'none';
}
});// Trigger change event to set initial visibility based on the default selected value
categorySelect.dispatchEvent(new Event('change'));
});document.addEventListener('DOMContentLoaded', function() {
const categorySelect = document.getElementById('edu-cat-4');
const eduSubSec1 = document.querySelector('.edu-sub-sec-7');
const eduSubSec2 = document.querySelector('.edu-sub-sec-8');categorySelect.addEventListener('change', function() {
const selectedValue = categorySelect.value;
console.log(selectedValue);
if (selectedValue === 'A/L') {
eduSubSec1.style.display = 'block';
eduSubSec2.style.display = 'none';
} else if (['High school', 'Certificate', 'Degree', "Master's degree"].includes(selectedValue)) {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'block';
} else {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'none';
}
});// Trigger change event to set initial visibility based on the default selected value
categorySelect.dispatchEvent(new Event('change'));
});document.addEventListener('DOMContentLoaded', function() {
const categorySelect = document.getElementById('edu-cat-5');
const eduSubSec1 = document.querySelector('.edu-sub-sec-9');
const eduSubSec2 = document.querySelector('.edu-sub-sec-10');categorySelect.addEventListener('change', function() {
const selectedValue = categorySelect.value;
console.log(selectedValue);
if (selectedValue === 'A/L') {
eduSubSec1.style.display = 'block';
eduSubSec2.style.display = 'none';
} else if (['High school', 'Certificate', 'Degree', "Master's degree"].includes(selectedValue)) {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'block';
} else {
eduSubSec1.style.display = 'none';
eduSubSec2.style.display = 'none';
}
});// Trigger change event to set initial visibility based on the default selected value
categorySelect.dispatchEvent(new Event('change'));
});document.addEventListener('DOMContentLoaded', function() {
var formBtn3 = document.querySelector('.gt-form-btn-language');
var repeatSections3 = document.querySelectorAll('.repeat-section-language');// Hide all repeat-sections except the first one
for (var i = 1; i < repeatSections3.length; i++) {
repeatSections3[i].style.display = 'none';
}// Add event listener to the form button
formBtn3.addEventListener('click', function (event) {
event.preventDefault();var currentFormIndex = getCurrentFormIndex(repeatSections3);// Remove error_class from all forms before processing
repeatSections3.forEach(function (form) {
var validationMsg = form.querySelector('#language-validation-msg');
if (validationMsg) {
validationMsg.classList.remove('error_class');
}
});for (var i = currentFormIndex; i < repeatSections3.length - 1; i++) {
var currentForm = repeatSections3[i];
var nextForm = repeatSections3[i + 1];var isFilled = checkDataFilled(currentForm);if (isFilled && currentForm.style.display !== 'none') {
if (nextForm.style.display === 'none') {
var removeBtn = createRemoveButton();
currentForm.appendChild(removeBtn);
nextForm.style.display = 'block';
break; // Stop iterating after showing the next form
}
} else {
// Add class to current form div using id=form-validation-msg
var validationMsg = currentForm.querySelector('#language-validation-msg');
if (validationMsg) {
validationMsg.classList.add('error_class');
}
break; // Stop iterating as we only want to mark the current form
}
}
});// Function to check if data is filled in the given form
function checkDataFilled(form) {
var inputs = form.querySelectorAll('input[type="text"], select');for (var i = 0; i < inputs.length; i++) {
if (!inputs[i].value) {
return false;
}
}
return true;
}// Function to get the index of the current visible form
function getCurrentFormIndex(forms) {
for (var i = 0; i < forms.length; i++) {
if (forms[i].style.display !== 'none') {
return i;
}
}
return -1;
}// Function to create a "remove form" button
function createRemoveButton() {
var removeBtn = document.createElement('button');
removeBtn.textContent = 'Remove';
removeBtn.classList.add('remove-btn');// Add event listener to remove the form when the button is clicked
removeBtn.addEventListener('click', function() {
var formToRemove = this.parentNode;
formToRemove.parentNode.removeChild(formToRemove);
});return removeBtn;
}
});
