<!DOCTYPE html>
<html>
<head>
<title>Oakgrovian Reunion Registration</title>
</head>
<body>
<h2>Oakgrovian Reunion Registration</h2>
<form action="register.php" method="post">
<div>
<label for="firstName">First Name:</label><br>
<input type="text" id="firstName" name="firstName" required>
</div>
<br>
<div>
<label for="familyName">Family Name:</label><br>
<input type="text" id="familyName" name="familyName" required>
</div>
<br>
<div>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" required>
</div>
<br>
<div>
<label for="phone">Phone:</label><br>
<input type="tel" id="phone" name="phone">
</div>
<br>
<div>
<label for="yearPassedSchool">Year Passed School:</label><br>
<select id="yearPassedSchool" name="yearPassedSchool" required>
<option value="">Select Year</option>
<?php
for ($year = 1950; $year <= 2024; $year++) {
echo '<option value="' . $year . '">' . $year . '</option>';
}
?>
</select>
</div>
<br>
<div>
<label for="countryOfResidence">Country of Residence:</label><br>
<select id="countryOfResidence" name="countryOfResidence">
<option value="">Select Country</option>
<option value="Australia">Australia</option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Other">Other</option>
</select>
</div>
<br>
<div>
<label for="address">Address:</label><br>
<textarea id="address" name="address"></textarea>
</div>
<br>
<div>
<label for="houseName">House Name:</label><br>
<input type="text" id="houseName" name="houseName">
</div>
<br>
<div>
<label>Sponsor:</label><br>
<input type="checkbox" id="sponsorOption1" name="sponsor[]" value="Option 1"> <label for="sponsorOption1">Option 1</label><br>
<input type="checkbox" id="sponsorOption2" name="sponsor[]" value="Option 2"> <label for="sponsorOption2">Option 2</label><br>
<input type="checkbox" id="sponsorOption3" name="sponsor[]" value="Option 3"> <label for="sponsorOption3">Option 3</label>
</div>
<br>
<div>
<label>Spouse Attending:</label><br>
<input type="radio" id="spouseYes" name="spouseAttending" value="yes"> <label for="spouseYes">Yes</label>
<input type="radio" id="spouseNo" name="spouseAttending" value="no" checked> <label for="spouseNo">No</label>
</div>
<br>
<div>
<label for="occupation">Occupation:</label><br>
<input type="text" id="occupation" name="occupation">
</div>
<br>
<div>
<label for="totalAttending">Total Attending:</label><br>
<input type="number" id="totalAttending" name="totalAttending" value="1" min="1" required>
</div>
<br>
<div>
<label for="hotel">Hotel Preference:</label><br>
<select id="hotel" name="hotel">
<option value="">No Preference</option>
<option value="Hotel A">Hotel A</option>
<option value="Hotel B">Hotel B</option>
<option value="Hotel C">Hotel C</option>
</select>
</div>
<br>
<button type="submit">Register</button>
</form>
</body>
</html>
