Question 1

General Enquiry

Accepted Answer

<div class="mf-form-shortcode">
		<div
			id="metform-wrap-296-296"
			class="mf-form-wrapper"
			data-form-id="296"
			data-action="https://www.rccgcouragecentre.co.uk/wp-json/metform/v1/entries/insert/296"
			data-wp-nonce="456ebe9392"
			data-form-nonce="046f1cbb46"
			data-quiz-summery = "false"
			data-save-progress = "false"
			data-form-type="contact_form"
			data-stop-vertical-effect=""
			></div>


		

				<script type="text/mf" class="mf-template">
			function controls_data (value){
				let currentWrapper = "mf-response-props-id-296";
				let currentEl = document.getElementById(currentWrapper);
				
				return currentEl ? currentEl.dataset[value] : false
			}


			let is_edit_mode = '' ? true : false;
			let message_position = controls_data('messageposition') || 'top';

			
			let message_successIcon = controls_data('successicon') || '';
			let message_errorIcon = controls_data('erroricon') || '';
			let message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;
			let message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';
			
			let is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;

			
			return html`
				<form
					className="metform-form-content"
					ref=${parent.formContainerRef}
					onSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }
				
					>
			
			
					${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}

					

					<div className="metform-form-main-wrapper" key=${'hide-form-after-submit'} ref=${parent.formRef}>
					${html`
								<div data-elementor-type="wp-post" key="2" data-elementor-id="296" className="elementor elementor-296" data-elementor-post-type="metform-form">
						<section className="elementor-section elementor-top-section elementor-element elementor-element-7563ccf8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7563ccf8" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-185e2ef3" data-id="185e2ef3" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-197a63c2 elementor-widget elementor-widget-heading" data-id="197a63c2" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">Contact info*</h3>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section className="elementor-section elementor-top-section elementor-element elementor-element-6ea2a97e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6ea2a97e" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-17cfd732" data-id="17cfd732" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-3f45cd49 elementor-widget elementor-widget-mf-text" data-id="3f45cd49" data-element_type="widget" data-settings="{"mf_input_name":"first-name"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-3f45cd49"
				name="first-name"
				placeholder="${ parent.decodeEntities(`First name`) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['first-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="first-name"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
					</div>
		</div>
				<div className="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-505c0562" data-id="505c0562" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-0a123a9 elementor-widget elementor-widget-mf-text" data-id="0a123a9" data-element_type="widget" data-settings="{"mf_input_name":"last-name"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-0a123a9"
				name="last-name"
				placeholder="${ parent.decodeEntities(`Last name`) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['last-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="last-name"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section className="elementor-section elementor-top-section elementor-element elementor-element-69b56dd elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="69b56dd" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-94a9439" data-id="94a9439" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-552fa07 elementor-widget elementor-widget-mf-email" data-id="552fa07" data-element_type="widget" data-settings="{"mf_input_name":"email-address"}" data-widget_type="mf-email.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<input 
				type="email" 
				 
				defaultValue="" 
				className="mf-input " 
				id="mf-input-email-552fa07" 
				name="email-address" 
				placeholder="${ parent.decodeEntities(`Email*`) } " 
				 
				onBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['email-address'] ? '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="email-address" 
				as=${html`<span className="mf-error-message"></span>`}
			/>
			
					</div>

		</div>
				</div>
					</div>
		</div>
				<div className="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b7c97db" data-id="b7c97db" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-575ac03 elementor-widget elementor-widget-mf-text" data-id="575ac03" data-element_type="widget" data-settings="{"mf_input_name":"your-subject"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-575ac03"
				name="your-subject"
				placeholder="${ parent.decodeEntities(`Subject`) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['your-subject'] ? '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="your-subject"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section className="elementor-section elementor-top-section elementor-element elementor-element-7e558dd elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7e558dd" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1904d73" data-id="1904d73" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-dfe9137 elementor-widget elementor-widget-heading" data-id="dfe9137" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">Let us know your message*</h3>		</div>
				</div>
				<div className="elementor-element elementor-element-f7d9cc6 elementor-widget elementor-widget-mf-textarea" data-id="f7d9cc6" data-element_type="widget" data-settings="{"mf_input_name":"prayer-request"}" data-widget_type="mf-textarea.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<textarea className="mf-input mf-textarea " id="mf-input-text-area-f7d9cc6"
				name="prayer-request" 
				placeholder="${ parent.decodeEntities(`Message`) } "
				cols="30" rows="10"
									onInput=${ parent.handleChange }
					aria-invalid=${validation.errors['prayer-request'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
								></textarea>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="prayer-request"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-1808a68 elementor-widget elementor-widget-mf-checkbox" data-id="1808a68" data-element_type="widget" data-settings="{"mf_input_name":"mf-checkbox","mf_input_list":[{"mf_input_option_text":"I consent to my personal data being stored according to RCCG Courage Centre's Privacy Policy.","mf_input_option_value":"value-1","_id":"1e50f98","mf_input_option_status":"","mf_input_option_selected":""}]}" data-widget_type="mf-checkbox.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<div 
									ref=${el => parent.handleCheckbox(el, 'onLoad')}
									className="mf-checkbox multi-option-input-type"
					id="mf-input-checkbox-1808a68">
									<div className="mf-checkbox-option ">
						<label>
														<input type="checkbox"
								className="mf-input mf-checkbox-input "
								name="mf-checkbox"
								value="value-1"
								defaultChecked=""
								
																									onInput=${ el =>  parent.handleCheckbox(el.target, 'onClick') }
									aria-invalid=${validation.errors['mf-checkbox'] ? 'true' : 'false'}
									ref=${el => {
																				parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
									}
																/>
							<span>
								${ parent.decodeEntities(`I consent to my personal data being stored according to RCCG Courage Centre's Privacy Policy.`) } 							</span>
						</label>
					</div>
								</div>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-checkbox"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-0d306e4 mf-btn--right elementor-widget elementor-widget-mf-button" data-id="0d306e4" data-element_type="widget" data-widget_type="mf-button.default">
				<div className="elementor-widget-container">
					<div className="mf-btn-wraper " data-mf-form-conditional-logic-requirement="">
							<button type="submit" className="metform-btn metform-submit-btn " id="">
					<span>${ parent.decodeEntities(`SEND`) } </span>
					<i aria-hidden="true" className="fas fa-arrow-right"></i>				</button>
			        </div>
        		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
							`}
					</div>

					${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}
				
				</form>
			`
		</script>

		</div>

Question 2

Pray for me

Accepted Answer

<div class="mf-form-shortcode">
		<div
			id="metform-wrap-249-249"
			class="mf-form-wrapper"
			data-form-id="249"
			data-action="https://www.rccgcouragecentre.co.uk/wp-json/metform/v1/entries/insert/249"
			data-wp-nonce="456ebe9392"
			data-form-nonce="046f1cbb46"
			data-quiz-summery = "false"
			data-save-progress = "false"
			data-form-type="contact_form"
			data-stop-vertical-effect=""
			></div>


		

				<script type="text/mf" class="mf-template">
			function controls_data (value){
				let currentWrapper = "mf-response-props-id-249";
				let currentEl = document.getElementById(currentWrapper);
				
				return currentEl ? currentEl.dataset[value] : false
			}


			let is_edit_mode = '' ? true : false;
			let message_position = controls_data('messageposition') || 'top';

			
			let message_successIcon = controls_data('successicon') || '';
			let message_errorIcon = controls_data('erroricon') || '';
			let message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;
			let message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';
			
			let is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;

			
			return html`
				<form
					className="metform-form-content"
					ref=${parent.formContainerRef}
					onSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }
				
					>
			
			
					${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}

					

					<div className="metform-form-main-wrapper" key=${'hide-form-after-submit'} ref=${parent.formRef}>
					${html`
								<div data-elementor-type="wp-post" key="2" data-elementor-id="249" className="elementor elementor-249" data-elementor-post-type="metform-form">
						<section className="elementor-section elementor-top-section elementor-element elementor-element-0e19281 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0e19281" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3ea9ca0" data-id="3ea9ca0" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-d8f433c elementor-widget elementor-widget-heading" data-id="d8f433c" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">Contact info*</h3>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section className="elementor-section elementor-top-section elementor-element elementor-element-122aee1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="122aee1" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-42a5a0a" data-id="42a5a0a" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-0a597ae elementor-widget elementor-widget-mf-text" data-id="0a597ae" data-element_type="widget" data-settings="{"mf_input_name":"first-name"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-0a597ae"
				name="first-name"
				placeholder="${ parent.decodeEntities(`First name`) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['first-name'] ? '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="first-name"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
					</div>
		</div>
				<div className="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cb50b13" data-id="cb50b13" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-e7d12c8 elementor-widget elementor-widget-mf-email" data-id="e7d12c8" data-element_type="widget" data-settings="{"mf_input_name":"email-address"}" data-widget_type="mf-email.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<input 
				type="email" 
				 
				defaultValue="" 
				className="mf-input " 
				id="mf-input-email-e7d12c8" 
				name="email-address" 
				placeholder="${ parent.decodeEntities(`Email*`) } " 
				 
				onBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['email-address'] ? '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="email-address" 
				as=${html`<span className="mf-error-message"></span>`}
			/>
			
					</div>

		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section className="elementor-section elementor-top-section elementor-element elementor-element-21ab8d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="21ab8d1" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-752da94" data-id="752da94" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-bbe625d elementor-widget elementor-widget-heading" data-id="bbe625d" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">How can we pray for you today?*</h3>		</div>
				</div>
				<div className="elementor-element elementor-element-78876dd elementor-widget elementor-widget-mf-textarea" data-id="78876dd" data-element_type="widget" data-settings="{"mf_input_name":"prayer-request"}" data-widget_type="mf-textarea.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<textarea className="mf-input mf-textarea " id="mf-input-text-area-78876dd"
				name="prayer-request" 
				placeholder="${ parent.decodeEntities(`Your prayer request*`) } "
				cols="30" rows="10"
									onInput=${ parent.handleChange }
					aria-invalid=${validation.errors['prayer-request'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
								></textarea>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="prayer-request"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-a900349 elementor-widget elementor-widget-mf-checkbox" data-id="a900349" data-element_type="widget" data-settings="{"mf_input_name":"mf-checkbox","mf_input_list":[{"mf_input_option_text":"I consent to my personal data being stored according to RCCG Courage Centre's Privacy Policy.","mf_input_option_value":"value-1","_id":"5ab50ab","mf_input_option_status":"","mf_input_option_selected":""}]}" data-widget_type="mf-checkbox.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-checkbox-a900349">
					${ parent.decodeEntities(``) } 					<span className="mf-input-required-indicator"></span>
				</label>
			
			<div 
									ref=${el => parent.handleCheckbox(el, 'onLoad')}
									className="mf-checkbox multi-option-input-type"
					id="mf-input-checkbox-a900349">
									<div className="mf-checkbox-option ">
						<label>
														<input type="checkbox"
								className="mf-input mf-checkbox-input "
								name="mf-checkbox"
								value="value-1"
								defaultChecked=""
								
																									onInput=${ el =>  parent.handleCheckbox(el.target, 'onClick') }
									aria-invalid=${validation.errors['mf-checkbox'] ? 'true' : 'false'}
									ref=${el => {
																				parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
									}
																/>
							<span>
								${ parent.decodeEntities(`I consent to my personal data being stored according to RCCG Courage Centre's Privacy Policy.`) } 							</span>
						</label>
					</div>
								</div>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-checkbox"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-ad1310a mf-btn--right elementor-widget elementor-widget-mf-button" data-id="ad1310a" data-element_type="widget" data-widget_type="mf-button.default">
				<div className="elementor-widget-container">
					<div className="mf-btn-wraper " data-mf-form-conditional-logic-requirement="">
							<button type="submit" className="metform-btn metform-submit-btn " id="">
					<span>${ parent.decodeEntities(`SEND`) } </span>
					<i aria-hidden="true" className="fas fa-arrow-right"></i>				</button>
			        </div>
        		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
							`}
					</div>

					${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}
				
				</form>
			`
		</script>

		</div>

Question 3

Share my testimony

Accepted Answer

<div class="mf-form-shortcode">
		<div
			id="metform-wrap-278-278"
			class="mf-form-wrapper"
			data-form-id="278"
			data-action="https://www.rccgcouragecentre.co.uk/wp-json/metform/v1/entries/insert/278"
			data-wp-nonce="456ebe9392"
			data-form-nonce="046f1cbb46"
			data-quiz-summery = "false"
			data-save-progress = "false"
			data-form-type="contact_form"
			data-stop-vertical-effect=""
			></div>


		

				<script type="text/mf" class="mf-template">
			function controls_data (value){
				let currentWrapper = "mf-response-props-id-278";
				let currentEl = document.getElementById(currentWrapper);
				
				return currentEl ? currentEl.dataset[value] : false
			}


			let is_edit_mode = '' ? true : false;
			let message_position = controls_data('messageposition') || 'top';

			
			let message_successIcon = controls_data('successicon') || '';
			let message_errorIcon = controls_data('erroricon') || '';
			let message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;
			let message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';
			
			let is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;

			
			return html`
				<form
					className="metform-form-content"
					ref=${parent.formContainerRef}
					onSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }
				
					>
			
			
					${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}

					

					<div className="metform-form-main-wrapper" key=${'hide-form-after-submit'} ref=${parent.formRef}>
					${html`
								<div data-elementor-type="wp-post" key="2" data-elementor-id="278" className="elementor elementor-278" data-elementor-post-type="metform-form">
						<section className="elementor-section elementor-top-section elementor-element elementor-element-21ac454c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="21ac454c" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f9847da" data-id="6f9847da" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-2caa1d8f elementor-widget elementor-widget-heading" data-id="2caa1d8f" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">Contact info*</h3>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section className="elementor-section elementor-top-section elementor-element elementor-element-11479ae7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="11479ae7" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-405a5983" data-id="405a5983" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-51bd5cc elementor-widget elementor-widget-mf-text" data-id="51bd5cc" data-element_type="widget" data-settings="{"mf_input_name":"first-name"}" data-widget_type="mf-text.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<input
				type="text"
				className="mf-input "
				id="mf-input-text-51bd5cc"
				name="first-name"
				placeholder="${ parent.decodeEntities(`First name`) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['first-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="first-name"
					as=${html`<span className="mf-error-message"></span>`}
					/>
			
					</div>

				</div>
				</div>
					</div>
		</div>
				<div className="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-539a8864" data-id="539a8864" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-d5c6b5e elementor-widget elementor-widget-mf-email" data-id="d5c6b5e" data-element_type="widget" data-settings="{"mf_input_name":"email-address"}" data-widget_type="mf-email.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<input 
				type="email" 
				 
				defaultValue="" 
				className="mf-input " 
				id="mf-input-email-d5c6b5e" 
				name="email-address" 
				placeholder="${ parent.decodeEntities(`Email*`) } " 
				 
				onBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['email-address'] ? '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="email-address" 
				as=${html`<span className="mf-error-message"></span>`}
			/>
			
					</div>

		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section className="elementor-section elementor-top-section elementor-element elementor-element-4c475e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4c475e" data-element_type="section">
						<div className="elementor-container elementor-column-gap-default">
					<div className="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27942553" data-id="27942553" data-element_type="column">
			<div className="elementor-widget-wrap elementor-element-populated">
						<div className="elementor-element elementor-element-1323a366 elementor-widget elementor-widget-heading" data-id="1323a366" data-element_type="widget" data-widget_type="heading.default">
				<div className="elementor-widget-container">
			<h3 className="elementor-heading-title elementor-size-default">How has God been working in your life?*</h3>		</div>
				</div>
				<div className="elementor-element elementor-element-78b2938c elementor-widget elementor-widget-mf-textarea" data-id="78b2938c" data-element_type="widget" data-settings="{"mf_input_name":"prayer-request"}" data-widget_type="mf-textarea.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
			
			<textarea className="mf-input mf-textarea " id="mf-input-text-area-78b2938c"
				name="prayer-request" 
				placeholder="${ parent.decodeEntities(`Share your testimony*`) } "
				cols="30" rows="10"
									onInput=${ parent.handleChange }
					aria-invalid=${validation.errors['prayer-request'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
								></textarea>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="prayer-request"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-33adf68 elementor-widget elementor-widget-mf-checkbox" data-id="33adf68" data-element_type="widget" data-settings="{"mf_input_name":"mf-checkbox","mf_input_list":[{"mf_input_option_text":"I consent to my personal data being stored according to RCCG Courage Centre's Privacy Policy.","mf_input_option_value":"value-1","_id":"fd54fda","mf_input_option_status":"","mf_input_option_selected":""}]}" data-widget_type="mf-checkbox.default">
				<div className="elementor-widget-container">
			
		<div className="mf-input-wrapper">
							<label className="mf-input-label" htmlFor="mf-input-checkbox-33adf68">
					${ parent.decodeEntities(``) } 					<span className="mf-input-required-indicator"></span>
				</label>
			
			<div 
									ref=${el => parent.handleCheckbox(el, 'onLoad')}
									className="mf-checkbox multi-option-input-type"
					id="mf-input-checkbox-33adf68">
									<div className="mf-checkbox-option ">
						<label>
														<input type="checkbox"
								className="mf-input mf-checkbox-input "
								name="mf-checkbox"
								value="value-1"
								defaultChecked=""
								
																									onInput=${ el =>  parent.handleCheckbox(el.target, 'onClick') }
									aria-invalid=${validation.errors['mf-checkbox'] ? 'true' : 'false'}
									ref=${el => {
																				parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
									}
																/>
							<span>
								${ parent.decodeEntities(`I consent to my personal data being stored according to RCCG Courage Centre's Privacy Policy.`) } 							</span>
						</label>
					</div>
								</div>

							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-checkbox"
					as=${html`<span className="mf-error-message"></span>`}
					/>
								</div>

				</div>
				</div>
				<div className="elementor-element elementor-element-24fdfbd7 mf-btn--right elementor-widget elementor-widget-mf-button" data-id="24fdfbd7" data-element_type="widget" data-widget_type="mf-button.default">
				<div className="elementor-widget-container">
					<div className="mf-btn-wraper " data-mf-form-conditional-logic-requirement="">
							<button type="submit" className="metform-btn metform-submit-btn " id="">
					<span>${ parent.decodeEntities(`SEND`) } </span>
					<i aria-hidden="true" className="fas fa-arrow-right"></i>				</button>
			        </div>
        		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
							`}
					</div>

					${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}
					${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}
				
				</form>
			`
		</script>

		</div>

Contact us

What can we help you with today?

Every Sunday

Hazelwick School

Call us

Send an email