document.addEventListener('DOMContentLoaded', function() {
const form = document.querySelector('.modal-form form'); // Adjust if needed
if (form) {
// Create Guest Numbers input
const guestNumbersInput = document.createElement('input');
guestNumbersInput.setAttribute('type', 'text');
guestNumbersInput.setAttribute('name', 'guest-numbers');
guestNumbersInput.setAttribute('placeholder', 'Guest numbers');
guestNumbersInput.className = 'form-control';
guestNumbersInput.style.marginBottom = '16px';
guestNumbersInput.required = true;
// Create Event Date input
const eventDateInput = document.createElement('input');
eventDateInput.setAttribute('type', 'text');
eventDateInput.setAttribute('name', 'event-date');
eventDateInput.setAttribute('placeholder', 'Event date');
eventDateInput.className = 'form-control';
eventDateInput.style.marginBottom = '16px';
eventDateInput.required = true;
// Find where to insert — before the Message textarea
const messageField = form.querySelector('textarea[name="message"]');
if (messageField) {
form.insertBefore(guestNumbersInput, messageField);
form.insertBefore(eventDateInput, messageField);
}
// Change button text to "Check Availability"
const submitButton = form.querySelector('button[type="submit"], input[type="submit"]');
if (submitButton) {
submitButton.textContent = 'Check Availability';
}
}
});
