<label for="mf-input-text-c2f1048">
					${ parent.decodeEntities(`Full Name`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-c2f1048"
				name="mf-name"
				placeholder="${ parent.decodeEntities(`David Peters`) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['mf-name'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-name"
					as=${html``}
					/>
							<label for="mf-input-email-937466e">
					${ parent.decodeEntities(`Email`) } 					*
				</label>
			<input 
				type="email" 
				defaultValue="" 
				class="mf-input " 
				id="mf-input-email-937466e" 
				name="mf-email" 
				placeholder="${ parent.decodeEntities(`yourname@example.com`) } " 
				onBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } 
				ref=${el=> parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
							/>
						<${validation.ErrorMessage} 
				errors=${validation.errors} 
				name="mf-email" 
				as=${html``}
			/>
							<label for="mf-input-telephone-73863394">
					${ parent.decodeEntities(`Phone Number`) } 					*
				</label>
			<input
				type="tel"
				class="mf-input mf-conditional-input"
				id="mf-input-telephone-73863394" 
				name="mf-phone"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-phone'] ? 'true' : 'false'}
					ref=${el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
								/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-phone"
					as=${html``}
					/>
							<label for="mf-input-radio-7bc3b08">
					${ parent.decodeEntities(`Category`) } 					
				</label>
						<label>
														<input
								type="radio"
								class="mf-input mf-radio-input mf-conditional-input"
								name="mf-category"
								value="JAMB Candidate"
								data-checked=""
																									onChange=${ parent.handleChange }
									aria-invalid=${validation.errors['mf-category'] ? 'true' : 'false'}
									ref=${el =>{
																				parent.handleRadioDefault(el);
										parent.activateValidation({"message":"This field is required.","required":false}, el)
									}}
									checked=${'JAMB Candidate' === parent.getValue('mf-category')}
																/>
								${ parent.decodeEntities(`JAMB Candidate`) } 							
						</label>
						<label>
														<input
								type="radio"
								class="mf-input mf-radio-input mf-conditional-input"
								name="mf-category"
								value="Parent/Guardian"
								data-checked=""
																									onChange=${ parent.handleChange }
									aria-invalid=${validation.errors['mf-category'] ? 'true' : 'false'}
									ref=${el =>{
																				parent.handleRadioDefault(el);
										parent.activateValidation({"message":"This field is required.","required":false}, el)
									}}
									checked=${'Parent/Guardian' === parent.getValue('mf-category')}
																/>
								${ parent.decodeEntities(`Parent/Guardian`) } 							
						</label>
						<label>
														<input
								type="radio"
								class="mf-input mf-radio-input mf-conditional-input"
								name="mf-category"
								value="Teacher/School Counsellor"
								data-checked=""
																									onChange=${ parent.handleChange }
									aria-invalid=${validation.errors['mf-category'] ? 'true' : 'false'}
									ref=${el =>{
																				parent.handleRadioDefault(el);
										parent.activateValidation({"message":"This field is required.","required":false}, el)
									}}
									checked=${'Teacher/School Counsellor' === parent.getValue('mf-category')}
																/>
								${ parent.decodeEntities(`Teacher/School Counsellor`) } 							
						</label>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-category"
					as=${html``}
					/>
									<input type="hidden" name="mf-category" value="" />
							<label for="mf-input-number-2e38e547">
					${ parent.decodeEntities(`What’s your current JAMB score? (for jamb students)`) } 					
				</label>
			<input
				type="number"
				step="any"
				class="mf-input mf-conditional-input"
				id="mf-input-mobile-2e38e547"
				name="mf-jamb-score"
				placeholder="${ parent.decodeEntities(`e.g 180`) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-jamb-score'] ? 'true' : 'false'}
					ref=${el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
								/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-jamb-score"
					as=${html``}
					/>
							<label className="mf-input-label" htmlFor="mf-input-multi-select-3866e10">
					${ parent.decodeEntities(`How did you find us?`) } 					
				</label>
            <${props.Select}
                isOptionDisabled=${option => option.mf_input_option_status === 'disabled'}
                className=${"mf-input mf-input-multiselect  " + ( validation.errors['mf-multi-select'] ? 'mf-invalid' : '' )}
                classNamePrefix="mf_multiselect"
                value=${parent.getValue("mf-multi-select") && [{"label":"Google","value":"google","_id":"b66f96a","mf_input_option_status":"","mf_input_option_selected":""},{"label":"Facebook","value":"FB","_id":"25992d5","mf_input_option_status":"","mf_input_option_selected":""},{"label":"Instagram","value":"IG","_id":"b0a44c4","mf_input_option_status":"","mf_input_option_selected":""},{"label":"Friend","value":"Friends","_id":"ac18634","mf_input_option_status":"","mf_input_option_selected":""},{"label":"Others","value":"others","_id":"99c9cab","mf_input_option_status":"","mf_input_option_selected":""}].filter(item => {
                    if(parent.state.formData['mf-multi-select'] && parent.state.formData['mf-multi-select'].indexOf(item.value) != -1 ){
                        return item;
                    }
                })}
                name='mf-multi-select'
                placeholder="${ parent.decodeEntities(``) } "
                options=${[{"label":"Google","value":"google","_id":"b66f96a","mf_input_option_status":"","mf_input_option_selected":""},{"label":"Facebook","value":"FB","_id":"25992d5","mf_input_option_status":"","mf_input_option_selected":""},{"label":"Instagram","value":"IG","_id":"b0a44c4","mf_input_option_status":"","mf_input_option_selected":""},{"label":"Friend","value":"Friends","_id":"ac18634","mf_input_option_status":"","mf_input_option_selected":""},{"label":"Others","value":"others","_id":"99c9cab","mf_input_option_status":"","mf_input_option_selected":""}]}
                onChange=${(el) => {
                    setValue("mf-multi-select", '');
                    if(el != null){
                        setValue("mf-multi-select", el, true);
                    }
                    parent.multiSelectChange(el, 'mf-multi-select');
                }}
                ref=${() => {
				                    register({ name: "mf-multi-select" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false}));
                    if(parent.state?.submitted !== true){
                        if ( parent.getValue("mf-multi-select") === '' && false ) {
                            parent.setValue( 'mf-multi-select', '[]');
                            parent.multiSelectChange('[]', 'mf-multi-select');
                        }
                    }
                }}
                isMulti
            />
            				<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-multi-select"
					as=${html``}
					/>
					<label>
												<input
							type="checkbox"
							class="mf-input mf-checkbox-input "
							name="mf-gdpr-consent"
															onInput=${ parent.handleOptin }
								aria-invalid=${validation.errors['mf-gdpr-consent'] ? 'true' : 'false'}
								ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }
														/>
							I agree to receive marketing communication from Inspire Polytechnic						
					</label>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-gdpr-consent"
					as=${html``}
					/>
						<input type="hidden" name="g-recaptcha-response-v3" />
										<input type="hidden" name="mf-hidden-input-name" value="mf_hidden_input_value" ref=${parent.setDefault} />
							<button type="submit" id="">
					${ parent.decodeEntities(`CLAIM YOUR SPOT`) } 
				</button>