<label for="mf-input-radio-72556dd">
					${ parent.decodeEntities(`Membership Type`) } 					*
				</label>
						<label>
														<input
								type="radio"
								class="mf-input mf-radio-input "
								name="mf-membership"
								value="Corporate Membership"
								data-checked="checked"
																									onChange=${ parent.handleChange }
									aria-invalid=${validation.errors['mf-membership'] ? 'true' : 'false'}
									ref=${el =>{
										parent.handleRadioDefault(el);
										parent.activateValidation({"message":"This field is required.","required":true}, el)
									}}
									checked=${'Corporate Membership' === parent.getValue('mf-membership')}
																/>
								${ parent.decodeEntities(`Corporate Membership`) } 							
						</label>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-membership"
					as=${html``}
					/>
							<label for="mf-input-text-1861122">
					${ parent.decodeEntities(`Full Name`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-1861122"
				name="mf-name"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${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-text-d041e5b">
					${ parent.decodeEntities(`Mailing Address`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-d041e5b"
				name="mf-address"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-address'] ? '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-address"
					as=${html``}
					/>
							<label for="mf-input-telephone-3aeddfb">
					${ parent.decodeEntities(`Telephone (Residence)`) } 					
				</label>
			<input
				type="tel"
				class="mf-input "
				id="mf-input-telephone-3aeddfb" 
				name="mf-telephone-Residence"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-telephone-Residence'] ? '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-telephone-Residence"
					as=${html``}
					/>
							<label for="mf-input-telephone-ffd7908">
					${ parent.decodeEntities(`Telephone (Office)`) } 					
				</label>
			<input
				type="tel"
				class="mf-input "
				id="mf-input-telephone-ffd7908" 
				name="mf-telephone-office"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-telephone-office'] ? '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-telephone-office"
					as=${html``}
					/>
							<label for="mf-input-telephone-186db8f">
					${ parent.decodeEntities(`Telephone (Mobile)`) } 					*
				</label>
			<input
				type="tel"
				class="mf-input "
				id="mf-input-telephone-186db8f" 
				name="mf-telephone-mobile"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-telephone-mobile'] ? '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-telephone-mobile"
					as=${html``}
					/>
							<label for="mf-input-telephone-9499a33">
					${ parent.decodeEntities(`Telephone (Fax)`) } 					
				</label>
			<input
				type="tel"
				class="mf-input "
				id="mf-input-telephone-9499a33" 
				name="mf-telephone-fax"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-telephone-fax'] ? '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-telephone-fax"
					as=${html``}
					/>
							<label for="mf-input-email-dc4754b">
					${ parent.decodeEntities(`Email`) } 					*
				</label>
			<input type="email"  defaultValue="" id="mf-input-email-dc4754b" name="mf-email" placeholder="${ parent.decodeEntities(``) } "  onInput=${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-text-e711e75">
					${ parent.decodeEntities(`NIC No. / Passport No.`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-e711e75"
				name="mf-nic-pp"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-nic-pp'] ? '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-nic-pp"
					as=${html``}
					/>
							<label for="mf-input-text-72d1c4a">
					${ parent.decodeEntities(`Company Registration No.`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-72d1c4a"
				name="mf-company-reg"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-company-reg'] ? '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-company-reg"
					as=${html``}
					/>
							<label for="mf-input-text-8044b49">
					${ parent.decodeEntities(`Occupation`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-8044b49"
				name="mf-occupation"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-occupation'] ? '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-occupation"
					as=${html``}
					/>
							<label for="mf-input-text-6891753">
					${ parent.decodeEntities(`Office Business Address`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-6891753"
				name="mf-office-address"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-office-address'] ? '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-office-address"
					as=${html``}
					/>
							<label for="mf-input-text-8354471">
					${ parent.decodeEntities(`My links with P.R. of China`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-8354471"
				name="mf-business-link"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-business-link'] ? '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-business-link"
					as=${html``}
					/>
							<label className="mf-input-label" htmlFor="mf-input-file-upload-28c8224">
					${ parent.decodeEntities(`Signature`) } 					*
				</label>
				<input
					type="file"
					className="mf-input mf-input-file-upload "
					id="mf-input-file-upload-28c8224" 
					name="mf-file-upload" 
					accept=".jpg, .jpeg, .png"
					onInput=${ parent.handleFileUpload }
					aria-invalid=${validation.errors['mf-file-upload'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","required":true,"file_types":[".jpg",".jpeg",".png"],"type_message":"Invalid file extension","size_limit":-1,"limit_message":"This field is required."}, el) }
					/>
				<label htmlFor="mf-input-file-upload-28c8224" className="mf-input-file-upload-label metform-btn">
					${ parent.decodeEntities(`Choose a file`) } 				</label>
					${parent.getFileLabel( 'mf-file-upload', 'No file chosen.' )}
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-file-upload"
					as=${html``}
					/>
							<button type="submit" id="">
					${ parent.decodeEntities(`Submit My Form`) } 
				</button>