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``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-number"
as=${html``}
/>
{
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_name"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-first_line_address"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-postcode"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select " + ( validation.errors['mf-property'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="mf-property"
placeholder="${ parent.decodeEntities(`Select Commercial Property`) } "
isSearchable=${false}
options=${[{"label":"Offices","value":"office","isDisabled":false},{"label":"Industrial Units","value":"industrial-unit","isDisabled":false},{"label":"Furnished Holiday Lets","value":"holiday-lets","isDisabled":false},{"label":"Hotels and B&B's","value":"hotel-BB","isDisabled":false},{"label":"Care Homes","value":"care-homes","isDisabled":false},{"label":"Doctors\/Vets","value":"doctor-vets","isDisabled":false},{"label":"Retail Units","value":"retail-units","isDisabled":false},{"label":"Pubs & Restaurants","value":"pubs-restaurant","isDisabled":false}]}
value=${parent.getValue("mf-property") ? [{"label":"Offices","value":"office","isDisabled":false},{"label":"Industrial Units","value":"industrial-unit","isDisabled":false},{"label":"Furnished Holiday Lets","value":"holiday-lets","isDisabled":false},{"label":"Hotels and B&B's","value":"hotel-BB","isDisabled":false},{"label":"Care Homes","value":"care-homes","isDisabled":false},{"label":"Doctors\/Vets","value":"doctor-vets","isDisabled":false},{"label":"Retail Units","value":"retail-units","isDisabled":false},{"label":"Pubs & Restaurants","value":"pubs-restaurant","isDisabled":false}].filter(item => item.value === parent.getValue("mf-property"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "mf-property")}
ref=${() => {
register({ name: "mf-property" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("mf-property") === '' && false ) {
parent.setValue( 'mf-property', '', true );
parent.handleChange({
target: {
name: 'mf-property',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-property"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-purchase-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-office-per"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-office-per"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-ind-per"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-ind-per"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-let-per"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-let-per"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-hotel-per"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-hotel-per"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-care-per"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-care-per"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-doct-per"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-doct-per"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-retail-per"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-retail-per"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-pub-per"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-pub-per"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-office-price"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-office-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-ind-price"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-ind-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-let-price"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-let-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-hotel-price"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-hotel-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-care-price"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-care-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-doct-price"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-doct-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-retail-price"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-retail-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-pub-price"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-pub-price"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-office-19"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-office-19"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-ind-19"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-ind-19"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-let-19"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-let-19"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-hotel-19"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-hotel-19"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-care-19"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-care-19"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-doct-19"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-doct-19"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-retail-19"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-retail-19"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-pub-19"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-pub-19"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-office-25"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-office-25"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-ind-25"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-ind-25"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-let-25"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-let-25"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-hotel-25"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-hotel-25"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-care-25"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-care-25"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-doct-25"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-doct-25"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-retail-25"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-retail-25"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el) }
/>
${ parent.state.formData["mf-pub-25"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-pub-25"
as=${html``}
/>