<form action="https://us01.iqwebbook.com/BSHDE881/Integration/Search" method="POST" name="SearchForm">
<div class="mc-field-container-outer">
<div class="mc-field-container-inner">
<div class="field-containers">
<!-- Arrival Date -->
<div class="field-container-group">
<div class="field-container-group-inner">
<div class="field-container-single label-container">
<span style="color: white; font-family: work sans; font-size: 16px;">Arrival:</span>
</div>
</div>
<div class="field-container-group-inner">
<div class="field-container-single input-container">
<select name="CIM" size="1" id="arrivalMonth"></select>
</div>
<div class="field-container-single input-container">
<select name="CID" size="1" id="arrivalDay"></select>
</div>
<div class="field-container-single input-container">
<select name="CIY" size="1" id="arrivalYear"></select>
</div>
</div>
</div>
<!-- Departure Date -->
<div class="field-container-group">
<div class="field-container-group-inner">
<div class="field-container-single label-container">
<span style="color: white; font-family: work sans; font-size: 16px;">Departure:</span>
</div>
</div>
<div class="field-container-group-inner">
<div class="field-container-single input-container">
<select name="COM" size="1" id="departureMonth"></select>
</div>
<div class="field-container-single input-container">
<select name="COD" size="1" id="departureDay"></select>
</div>
<div class="field-container-single input-container">
<select name="COY" size="1" id="departureYear"></select>
</div>
</div>
</div>
<!-- Number of Adults and Children -->
<div class="field-container-group">
<div class="field-container-group-inner">
<div class="field-container-single for_adults">
<span style="color: white; font-family: work sans; font-size: 16px;">Adults:</span>
<select name="AD" id="adultsSelect"></select>
</div>
<div class="field-container-single for_children">
<span style="color: white; font-family: work sans; font-size: 16px;">Children:</span>
<select name="CH" id="childrenSelect"></select>
</div>
</div>
</div>
<!-- Hidden Fields -->
<div class="field-container-group for_hidden">
<div class="field-container-single">
<input type="hidden" name="RMS" value="1" />
</div>
</div>
<!-- Footer -->
<div class="field-container-group for_footer">
<div class="field-container-single footer">
<input type="hidden" name="PC" />
<input type="hidden" name="UF1" />
<input type="hidden" name="UF2" />
<input type="hidden" name="LG" />
<button class="button1" type="submit">Check Availability</button>
</div>
</div>
</div>
</div>
</div>
</form>

<script>
function populateDropdown(selectElement, start, end) {
for (var i = start; i <= end; i++) {
var option = new Option(i, i);
selectElement.add(option);
}
}

var today = new Date();

// Populate Arrival Date
populateDropdown(document.getElementById('arrivalMonth'), 1, 12);
document.getElementById('arrivalMonth').value = today.getMonth() + 1;
populateDropdown(document.getElementById('arrivalDay'), 1, 31);
document.getElementById('arrivalDay').value = today.getDate();
populateDropdown(document.getElementById('arrivalYear'), today.getFullYear(), today.getFullYear() + 5);
document.getElementById('arrivalYear').value = today.getFullYear();

// Populate Departure Date
var tomorrow = new Date(today);
tomorrow.setDate(today.getDate() + 1);
populateDropdown(document.getElementById('departureMonth'), 1, 12);
document.getElementById('departureMonth').value = tomorrow.getMonth() + 1;
populateDropdown(document.getElementById('departureDay'), 1, 31);
document.getElementById('departureDay').value = tomorrow.getDate();
populateDropdown(document.getElementById('departureYear'), tomorrow.getFullYear(), tomorrow.getFullYear() + 5);
document.getElementById('departureYear').value = tomorrow.getFullYear();

// Populate Number of Adults
populateDropdown(document.getElementById('adultsSelect'), 1, 6);
document.getElementById('adultsSelect').value = 2; // Default value

// Populate Number of Children
populateDropdown(document.getElementById('childrenSelect'), 0, 5);
document.getElementById('childrenSelect').value = 0; // Default value
</script>