@@ -0,0 +1,535 @@
+<script lang="ts">

@@ -0,0 +1,535 @@
+<script lang="ts">
+	import TopBanner from '$lib/components/TopBanner.svelte';

@@ -0,0 +12,4 @@
+	let email = $state('');
+	let ucid = $state('');
+	let isSubmitting = $state(false);
+	let submitError = $state('');

@@ -0,0 +28,4 @@
+	let major = $state('');
+	let majorOther = $state('');
+	let isOtherMajor = $derived(major.startsWith('Other'));
+

@@ -0,0 +33,4 @@
+	let year_of_study = $state('');
+
+	const availabilityOptions = ['Yes', 'No', 'Partial'];
+	let availability = $state('');

@@ -0,0 +53,4 @@
+
+	let interest_question = $state('');
+
+	const teamQuestionText: Record<string, string> = {

@@ -0,0 +48,4 @@
+		'Business'
+	];
+
+	let first_preference_sub_team = $state('');

@@ -0,0 +49,4 @@
+	];
+
+	let first_preference_sub_team = $state('');
+	let second_preference_sub_team = $state('');

@@ -0,0 +51,4 @@
+	let first_preference_sub_team = $state('');
+	let second_preference_sub_team = $state('');
+
+	let interest_question = $state('');

@@ -0,0 +71,4 @@
+
+	// Store answers keyed by team name: answers['Software'] = '...'
+	let technical_question_internal = $state<Partial<Record<QuestionTeam, string>>>({});
+

@@ -0,0 +106,4 @@
+		}
+	});
+
+	function getRecaptchaToken(action: string): Promise<string> {

@@ -0,0 +126,4 @@
+		});
+	}
+
+	async function handleSubmit(e: SubmitEvent) {

@@ -0,0 +133,4 @@
+
+		submitError = '';
+
+		if (!form.reportValidity()) return;

@@ -0,0 +195,4 @@
+
+<div class="wrap">
+	<h2>UCalgary Baja Recruitment Form</h2>
+	<p class="sub" style="font-style: italic">

@@ -0,0 +157,4 @@
+				recaptchaToken
+			};
+
+			const res = await fetch('/recruitmentform', {

@@ -0,0 +159,4 @@
+
+			const res = await fetch('/recruitmentform', {
+				method: 'POST',
+				headers: {

@@ -0,0 +191,4 @@
+	<script
+		src={`https://www.google.com/recaptcha/api.js?render=${PUBLIC_RECAPTCHA_SITE_KEY}`}
+	></script>
+</svelte:head>

@@ -0,0 +299,4 @@
+		<div class="row">
+			<label for="sub-team-descriptions">Sub-Team Descriptions:</label>
+			<p id="sub-team-descriptions" class="hint">
+				<b>Chassis</b> – The chassis involves the car's frame, providing support for all the other

@@ -0,0 +353,4 @@
+					{@const team = t as QuestionTeam}
+
+					<div class="row" style="margin-top: 12px;">
+						<label for={`${team}-question-answer`}

@@ -0,0 +454,4 @@
+		font-weight: normal;
+		white-space: nowrap;
+	}
+	@media (max-width: 1000px) {

@@ -0,0 +365,4 @@
+						{/if}
+
+						<input
+							id={`${team}-question-answer`}

@@ -0,0 +1,87 @@
+import { json } from '@sveltejs/kit';

@@ -0,0 +60,4 @@
+		color: black;
+	}
+
+	@media (max-width: 600px) {

@@ -0,0 +8,4 @@
+		execute: (siteKey: string, options: { action: string }) => Promise<string>;
+	};
+
+	let formEl = $state<HTMLFormElement | null>(null);

@@ -0,0 +12,4 @@
+	let isSubmitting = $state(false);
+	let submitError = $state('');
+	let showOtherMajor = $state(false);
+	let selectedTeams = $state<string[]>([]);

@@ -0,0 +108,4 @@
+	 */
+	async function handleSubmit(e: SubmitEvent) {
+		e.preventDefault();
+

@@ -0,0 +203,4 @@
+				type="text"
+				required
+				inputmode="numeric"
+				pattern="^\d+$"

@@ -0,0 +7,4 @@
+    result = result - x
+  else:
+    result = result + x`,
+	Chassis: `Example Chassis Question: What is one safety consideration in chassis design?`

@@ -0,0 +9,4 @@
+    result = result + x`,
+	Chassis: `Example Chassis Question: What is one safety consideration in chassis design?`
+} as const;
+