www.hificorp.co.za
Open in
urlscan Pro
151.101.3.42
Public Scan
Submitted URL: https://sp63h.mjt.lu/lnk/AVsAAEVSnwQAAAAj39oAAPPAPDcAAAAClqMABVaCACigWQBmepO4UxP78jR2RVydc4CsOoccYgAjUxE/16/1gXWMoEUJ...
Effective URL: https://www.hificorp.co.za/hisense-9kg-front-load-washer-titanium-grey-wfqp9012vmt
Submission: On June 25 via api from ZA — Scanned from DE
Effective URL: https://www.hificorp.co.za/hisense-9kg-front-load-washer-titanium-grey-wfqp9012vmt
Submission: On June 25 via api from ZA — Scanned from DE
Form analysis 28 forms found in the DOM
GET https://www.hificorp.co.za/catalogsearch/result/
<form class="form minisearch" id="search_mini_form" action="https://www.hificorp.co.za/catalogsearch/result/" method="get">
<input id="search" type="text" name="q" value="" placeholder="Search..." class="input-text" maxlength="128" role="combobox" aria-label="Search" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false">
<div id="search_autocomplete" class="search-autocomplete"></div>
<div class="nested">
<a class="action advanced" href="https://www.hificorp.co.za/catalogsearch/advanced/" data-action="advanced-search">
Advanced Search </a>
</div>
<div class="actions">
<div name="klevuVoiceSearchImage" alt="Search by Voice" title="Search by Voice" class="klevuVoiceSearchImage" onclick="klevu.search.modules.voiceSearch.base.startVoiceDictation(this)" id="kvsi-0"></div>
<button type="button" class="action search delete primary"></button>
<button type="submit" title="Search" class="action search primary" aria-label="Search">
<span>Search</span>
</button>
</div>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1404197/
<form data-product-sku="000000000010286651" action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1404197/" method="post"
id="product_addtocart_form" novalidate="novalidate">
<input type="hidden" name="product" value="1404197">
<input type="hidden" name="selected_configurable_option" value="">
<input type="hidden" name="related_product" id="related-products-field" value="">
<input type="hidden" name="item" value="1404197">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn">
<div class="box-tocart">
<div class="fieldset">
<div class="field qty">
<label class="label" for="qty"><span>Qty</span></label>
<div class="control" data-bind="scope: "qty-changer__0"">
<input type="number" name="qty" id="qty" min="0" value="1" title="Qty" class="input-text qty" data-validate="{"required-number":true,"validate-item-quantity":{"maxAllowed":50}}">
<!--
/**
* Copyright © Vaimo Group. All rights reserved.
* See LICENSE_VAIMO.txt for license details.
*/
-->
<div class="qty-action-wrap">
<!-- ko if: qty() == 1 && hasRemove --><!-- /ko -->
<!-- ko if: qty() != 1 || !hasRemove -->
<button type="button" class="qty-action reduce" data-bind="click: reduce, enable: qty() > 1" disabled="">
<span class="icon__minus"></span>
</button>
<!-- /ko -->
<button type="button" class="qty-action increase" data-bind="click: increase">
<span class="icon__plus-math"></span>
</button>
</div>
<!-- ko if: showUpdate() && hasUpdate --><!-- /ko -->
</div>
</div>
<div class="actions">
<button type="submit" title="Add to Cart" class="action primary tocart videoly-atc-btn" id="product-addtocart-button" data-videoly-label="buy" data-videoly-label-index="0">
<span>Add to Cart</span>
</button>
</div>
</div>
</div>
</form>GET
<form data-bind="submit: searchByInput" method="get">
<div class="fieldset">
<div class="field">
<div class="control">
<input type="text" id="product-instorestock-search" class="input-text" aria-label="Search" data-bind="
attr: {
placeholder: inputPlaceholder,
'aria-label': $t('Search')
},
value: ViewModel.searchInput,
hasFocus: ViewModel.inputHasFocus
, afterRender: searchInputAfterRender" placeholder="Start typing...suburb or city">
<button type="button" class="action primary action-search" data-bind="click: searchByInput">
<span class="icon__search"></span>
</button>
</div>
</div>
<div class="field">
<span class="divider label">
<!-- ko i18n: 'or' --><span>or</span><!-- /ko -->
</span>
<button type="button" class="action" data-bind="
enable: ViewModel.useMyLocation.allowed(),
click: useMyLocation
">
<span class="icon__target" data-bind="
css: {
'icon__target': ViewModel.useMyLocation.allowed(),
'icon__location-off': !ViewModel.useMyLocation.allowed()
}
"></span>
<span data-bind="text: locationText">Find collection areas close to me</span>
</button>
</div>
</div>
<!-- ko ifnot: ViewModel.useMyLocation.allowed() --><!-- /ko -->
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1387653/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010132036"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1387653/" method="post">
<input type="hidden" name="product" value="1387653">
<input type="hidden" name="related_product" value="1387653">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1389183/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010256324"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1389183/" method="post">
<input type="hidden" name="product" value="1389183">
<input type="hidden" name="related_product" value="1389183">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1389184/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010260778"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1389184/" method="post">
<input type="hidden" name="product" value="1389184">
<input type="hidden" name="related_product" value="1389184">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1389185/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010260798"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1389185/" method="post">
<input type="hidden" name="product" value="1389185">
<input type="hidden" name="related_product" value="1389185">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1391369/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010265469"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1391369/" method="post">
<input type="hidden" name="product" value="1391369">
<input type="hidden" name="related_product" value="1391369">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1394348/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010198022"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1394348/" method="post">
<input type="hidden" name="product" value="1394348">
<input type="hidden" name="related_product" value="1394348">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1395028/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010256289"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1395028/" method="post">
<input type="hidden" name="product" value="1395028">
<input type="hidden" name="related_product" value="1395028">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1398656/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010284612"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1398656/" method="post">
<input type="hidden" name="product" value="1398656">
<input type="hidden" name="related_product" value="1398656">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1398676/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010284664"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1398676/" method="post">
<input type="hidden" name="product" value="1398676">
<input type="hidden" name="related_product" value="1398676">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1398678/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010284666"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1398678/" method="post">
<input type="hidden" name="product" value="1398678">
<input type="hidden" name="related_product" value="1398678">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1403089/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010285427"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/1403089/" method="post">
<input type="hidden" name="product" value="1403089">
<input type="hidden" name="related_product" value="1403089">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form>POST https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/36911/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010126810"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvaGlzZW5zZS05a2ctZnJvbnQtbG9hZC13YXNoZXItdGl0YW5pdW0tZ3JleS13ZnFwOTAxMnZtdA~~/product/36911/" method="post">
<input type="hidden" name="product" value="36911">
<input type="hidden" name="related_product" value="36911">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"> <button type="submit" title="Add to Cart" class="action primary related-tocart">
<span>Add to Cart</span>
</button>
</form><form class="klevu-recom-form">
<input type="hidden" name="qty" value="1">
<input type="hidden" name="product" value="
3564">
<input type="hidden" name="sku" value="
3564">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-product-id="3564" data-id="3564">Add to Cart </button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="uenc" value="1">
<input type="hidden" name="product" value="
3564">
<input type="hidden" class="formKey" name="form_key" value="">
<button class="submit-compare" style="display: none;"></button>
<a href="javascript:;" class="action tocompare kuRECSItemBottom" title="Compare" aria-label="Add to Compare" role="button">
<span>Compare</span>
</a>
</form><form class="klevu-recom-form">
<input type="hidden" name="qty" value="1">
<input type="hidden" name="product" value="
957314">
<input type="hidden" name="sku" value="
957314">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-product-id="957314" data-id="957314">Add to Cart </button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="uenc" value="1">
<input type="hidden" name="product" value="
957314">
<input type="hidden" class="formKey" name="form_key" value="">
<button class="submit-compare" style="display: none;"></button>
<a href="javascript:;" class="action tocompare kuRECSItemBottom" title="Compare" aria-label="Add to Compare" role="button">
<span>Compare</span>
</a>
</form><form class="klevu-recom-form">
<input type="hidden" name="qty" value="1">
<input type="hidden" name="product" value="
957313">
<input type="hidden" name="sku" value="
957313">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-product-id="957313" data-id="957313">Add to Cart </button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="uenc" value="1">
<input type="hidden" name="product" value="
957313">
<input type="hidden" class="formKey" name="form_key" value="">
<button class="submit-compare" style="display: none;"></button>
<a href="javascript:;" class="action tocompare kuRECSItemBottom" title="Compare" aria-label="Add to Compare" role="button">
<span>Compare</span>
</a>
</form><form class="klevu-recom-form">
<input type="hidden" name="qty" value="1">
<input type="hidden" name="product" value="
22503">
<input type="hidden" name="sku" value="
22503">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-product-id="22503" data-id="22503">Add to Cart </button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="uenc" value="1">
<input type="hidden" name="product" value="
22503">
<input type="hidden" class="formKey" name="form_key" value="">
<button class="submit-compare" style="display: none;"></button>
<a href="javascript:;" class="action tocompare kuRECSItemBottom" title="Compare" aria-label="Add to Compare" role="button">
<span>Compare</span>
</a>
</form><form class="klevu-recom-form">
<input type="hidden" name="qty" value="1">
<input type="hidden" name="product" value="
895372">
<input type="hidden" name="sku" value="
895372">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-product-id="895372" data-id="895372">Add to Cart </button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="uenc" value="1">
<input type="hidden" name="product" value="
895372">
<input type="hidden" class="formKey" name="form_key" value="">
<button class="submit-compare" style="display: none;"></button>
<a href="javascript:;" class="action tocompare kuRECSItemBottom" title="Compare" aria-label="Add to Compare" role="button">
<span>Compare</span>
</a>
</form>POST https://www.hificorp.co.za/newsletter/subscriber/new/
<form class="form subscribe" novalidate="novalidate" action="https://www.hificorp.co.za/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
<div class="field newsletter">
<div class="control">
<label for="newsletter">
<div class="actions">
<button class="action subscribe primary open-custom-popup" title="Subscribe" type="button" data-trigger="email-custom-trigger" aria-label="Subscribe">
<span>Subscribe</span>
</button>
</div>
</label>
</div>
</div>
<div class="field-recaptcha" id="recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796-container" data-bind="scope:'recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796'">
<!-- ko template: getTemplate() -->
<div data-bind="{
attr: {
'id': getReCaptchaId() + '-wrapper'
},
'afterRender': function() { waitForUser(); renderReCaptcha(); }
}" id="recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796-wrapper">
<div class="g-recaptcha" id="recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796" style="">
<div class="grecaptcha-badge" data-style="none" style="width: 256px; height: 60px; position: fixed; visibility: hidden;">
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-ukzvoyk4z11x" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcLWLsZAAAAAFMV9Q-tx9tKnIaOZ4XrZILc2yYy&co=aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemE6NDQz&hl=de&v=KXX4ARWFlYTftefkdODAYWZh&theme=light&size=invisible&badge=bottomright&cb=5x0o3eg1n283"></iframe>
</div>
<div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-1" name="g-recaptcha-response" class="g-recaptcha-response"
style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div>
</div>
<!-- ko if: (!getIsInvisibleRecaptcha()) --><!-- /ko -->
</div>
<!-- /ko -->
</div><input type="text" name="token" style="display: none">
</form>POST https://www.hificorp.co.za/creditapplications/application/apply
<form method="post" data-bind="attr: { action: getFormActionUrl(), id: htmlId, class: htmlClass }, afterRender: initForm" action="https://www.hificorp.co.za/creditapplications/application/apply" id="credit-application-form"
class="credit-application-form" novalidate="novalidate">
<!-- ko foreach: getRegion('form') -->
<!-- ko template: getTemplate() -->
<fieldset class="fieldset active first" data-bind="
css: {
active: active,
disabled: disabled,
first: isFirst(),
last: isLast()
},
attr: {
id: name + '__fieldset'
}" id="creditApplicationForm.basicDetails__fieldset">
<!-- ko ifnot: hasNoSiblings() -->
<legend class="legend"><span data-bind="text: label">Basic Details</span></legend><!-- /ko -->
<div class="fieldset fieldset-content" data-bind="visible: !disabled">
<!-- ko foreach: { data: getFields(), as: 'field' } -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="
visible: field.enabled,
attr: { class: 'field field-switcher ' + field.key },
css: { '_yes': $parent.getRadioObservable(field.key, (field.value.defaultState) ? 1 : 0)() == 1 }
" class="field field-switcher administration_order_subject">
<span class="label" data-bind="text: field.value.label">Are you subject to an Administration Order?</span>
<ol class="control">
<div class="field choice choice__yes">
<input type="radio" value="1" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('Yes'),
id: $parent.getId(field.key, 'yes'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
" title="Yes" id="creditApplicationForm__administration_order_subject--yes" name="administration_order_subject" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'yes') }" for="creditApplicationForm__administration_order_subject--yes">
<span><!-- ko i18n: 'Yes' --><span>Yes</span><!-- /ko --></span>
</label>
</div>
<div class="field choice choice__no">
<input type="radio" value="0" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('No'),
id: $parent.getId(field.key, 'no'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
, afterRender: $parent.fieldReady.bind($parent)" title="No" id="creditApplicationForm__administration_order_subject--no" name="administration_order_subject" aria-required="true"
data-validate="{"validate-one-required-by-name":true}" data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'no') }" for="creditApplicationForm__administration_order_subject--no">
<span><!-- ko i18n: 'No' --><span>No</span><!-- /ko --></span>
</label>
</div>
</ol>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="
visible: field.enabled,
attr: { class: 'field field-switcher ' + field.key },
css: { '_yes': $parent.getRadioObservable(field.key, (field.value.defaultState) ? 1 : 0)() == 1 }
" class="field field-switcher applied_under_administration">
<span class="label" data-bind="text: field.value.label">Have you applied to be under Administration?</span>
<ol class="control">
<div class="field choice choice__yes">
<input type="radio" value="1" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('Yes'),
id: $parent.getId(field.key, 'yes'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
" title="Yes" id="creditApplicationForm__applied_under_administration--yes" name="applied_under_administration" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'yes') }" for="creditApplicationForm__applied_under_administration--yes">
<span><!-- ko i18n: 'Yes' --><span>Yes</span><!-- /ko --></span>
</label>
</div>
<div class="field choice choice__no">
<input type="radio" value="0" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('No'),
id: $parent.getId(field.key, 'no'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
, afterRender: $parent.fieldReady.bind($parent)" title="No" id="creditApplicationForm__applied_under_administration--no" name="applied_under_administration" aria-required="true"
data-validate="{"validate-one-required-by-name":true}" data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'no') }" for="creditApplicationForm__applied_under_administration--no">
<span><!-- ko i18n: 'No' --><span>No</span><!-- /ko --></span>
</label>
</div>
</ol>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="
visible: field.enabled,
attr: { class: 'field field-switcher ' + field.key },
css: { '_yes': $parent.getRadioObservable(field.key, (field.value.defaultState) ? 1 : 0)() == 1 }
" class="field field-switcher under_sequestration">
<span class="label" data-bind="text: field.value.label">Are you under Sequestration?</span>
<ol class="control">
<div class="field choice choice__yes">
<input type="radio" value="1" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('Yes'),
id: $parent.getId(field.key, 'yes'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
" title="Yes" id="creditApplicationForm__under_sequestration--yes" name="under_sequestration" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'yes') }" for="creditApplicationForm__under_sequestration--yes">
<span><!-- ko i18n: 'Yes' --><span>Yes</span><!-- /ko --></span>
</label>
</div>
<div class="field choice choice__no">
<input type="radio" value="0" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('No'),
id: $parent.getId(field.key, 'no'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
, afterRender: $parent.fieldReady.bind($parent)" title="No" id="creditApplicationForm__under_sequestration--no" name="under_sequestration" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'no') }" for="creditApplicationForm__under_sequestration--no">
<span><!-- ko i18n: 'No' --><span>No</span><!-- /ko --></span>
</label>
</div>
</ol>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="
visible: field.enabled,
attr: { class: 'field field-switcher ' + field.key },
css: { '_yes': $parent.getRadioObservable(field.key, (field.value.defaultState) ? 1 : 0)() == 1 }
" class="field field-switcher applied_to_sequestrated">
<span class="label" data-bind="text: field.value.label">Have you applied to be Sequestrated?</span>
<ol class="control">
<div class="field choice choice__yes">
<input type="radio" value="1" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('Yes'),
id: $parent.getId(field.key, 'yes'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
" title="Yes" id="creditApplicationForm__applied_to_sequestrated--yes" name="applied_to_sequestrated" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'yes') }" for="creditApplicationForm__applied_to_sequestrated--yes">
<span><!-- ko i18n: 'Yes' --><span>Yes</span><!-- /ko --></span>
</label>
</div>
<div class="field choice choice__no">
<input type="radio" value="0" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('No'),
id: $parent.getId(field.key, 'no'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
, afterRender: $parent.fieldReady.bind($parent)" title="No" id="creditApplicationForm__applied_to_sequestrated--no" name="applied_to_sequestrated" aria-required="true"
data-validate="{"validate-one-required-by-name":true}" data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'no') }" for="creditApplicationForm__applied_to_sequestrated--no">
<span><!-- ko i18n: 'No' --><span>No</span><!-- /ko --></span>
</label>
</div>
</ol>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="
visible: field.enabled,
attr: { class: 'field field-switcher ' + field.key },
css: { '_yes': $parent.getRadioObservable(field.key, (field.value.defaultState) ? 1 : 0)() == 1 }
" class="field field-switcher under_debt_review">
<span class="label" data-bind="text: field.value.label">Are you under Debt Review?</span>
<ol class="control">
<div class="field choice choice__yes">
<input type="radio" value="1" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('Yes'),
id: $parent.getId(field.key, 'yes'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
" title="Yes" id="creditApplicationForm__under_debt_review--yes" name="under_debt_review" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'yes') }" for="creditApplicationForm__under_debt_review--yes">
<span><!-- ko i18n: 'Yes' --><span>Yes</span><!-- /ko --></span>
</label>
</div>
<div class="field choice choice__no">
<input type="radio" value="0" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('No'),
id: $parent.getId(field.key, 'no'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
, afterRender: $parent.fieldReady.bind($parent)" title="No" id="creditApplicationForm__under_debt_review--no" name="under_debt_review" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'no') }" for="creditApplicationForm__under_debt_review--no">
<span><!-- ko i18n: 'No' --><span>No</span><!-- /ko --></span>
</label>
</div>
</ol>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="
visible: field.enabled,
attr: { class: 'field field-switcher ' + field.key },
css: { '_yes': $parent.getRadioObservable(field.key, (field.value.defaultState) ? 1 : 0)() == 1 }
" class="field field-switcher applied_under_debt_review">
<span class="label" data-bind="text: field.value.label">Have you applied to be placed under Debt Review?</span>
<ol class="control">
<div class="field choice choice__yes">
<input type="radio" value="1" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('Yes'),
id: $parent.getId(field.key, 'yes'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
" title="Yes" id="creditApplicationForm__applied_under_debt_review--yes" name="applied_under_debt_review" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'yes') }" for="creditApplicationForm__applied_under_debt_review--yes">
<span><!-- ko i18n: 'Yes' --><span>Yes</span><!-- /ko --></span>
</label>
</div>
<div class="field choice choice__no">
<input type="radio" value="0" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('No'),
id: $parent.getId(field.key, 'no'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
, afterRender: $parent.fieldReady.bind($parent)" title="No" id="creditApplicationForm__applied_under_debt_review--no" name="applied_under_debt_review" aria-required="true"
data-validate="{"validate-one-required-by-name":true}" data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'no') }" for="creditApplicationForm__applied_under_debt_review--no">
<span><!-- ko i18n: 'No' --><span>No</span><!-- /ko --></span>
</label>
</div>
</ol>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined title required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__title">
<span data-bind="text: field.value.label">Title</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-gender="gender" title="Title" id="creditApplicationForm__title" name="title" aria-required="true"
data-validate="{"validate-gender-against-title-oce":true,"validate-select":true}" data-validate-default="{"validate-gender-against-title-oce":true,"validate-select":true}">
<option value="">Select your title...</option>
<option value="Ms">Ms</option>
<option value="Mr">Mr</option>
<option value="Dr">Dr</option>
<option value="Miss">Miss</option>
<option value="Mrs">Mrs</option>
<option value="Prof">Prof</option>
<option value="Rev">Rev</option>
<option value="Adv">Adv</option>
<option value="Honorable">Honorable</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined surname required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__surname">
<span data-bind="text: field.value.label">Last name</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Last name" id="creditApplicationForm__surname" name="surname" aria-required="true" data-validate="{"validate-alphanum-with-spaces":true,"required":true}"
data-validate-default="{"validate-alphanum-with-spaces":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined first_names required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__first_names">
<span data-bind="text: field.value.label">First name</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="First name" id="creditApplicationForm__first_names" name="first_names" aria-required="true"
data-validate="{"validate-alphanum-with-spaces":true,"required":true}" data-validate-default="{"validate-alphanum-with-spaces":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined initials required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__initials">
<span data-bind="text: field.value.label">Initials</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-firstname="first_names" data-lastname="surname" title="Initials" id="creditApplicationForm__initials" name="initials" aria-required="true"
data-validate="{"required":true}" data-validate-default="{"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined ethnicity required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__ethnicity">
<span data-bind="text: field.value.label">Ethnicity: Information required by Credit Regulator for statistical purposes</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Ethnicity: Information required by Credit Regulator for statistical purposes" id="creditApplicationForm__ethnicity" name="ethnicity" aria-required="true"
data-validate="{"validate-select":true}" data-validate-default="{"validate-select":true}">
<option value="">Select your ethnicity...</option>
<option value="African">African</option>
<option value="Asian">Asian</option>
<option value="Coloured">Coloured</option>
<option value="White">White</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined martial_status required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__martial_status">
<span data-bind="text: field.value.label">Marital Status</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-dependencies="how_married|obtained_spouse_consent" title="Marital Status" id="creditApplicationForm__martial_status" name="martial_status" aria-required="true"
data-validate="{"validate-select":true}" data-validate-default="{"validate-select":true}">
<option value="">Select your marital status...</option>
<option value="Single">Single</option>
<option value="Married / Civil Partnership">Married / Civil Partnership</option>
<option value="Widowed">Widowed</option>
<option value="Divorced">Divorced</option>
<option value="Separated">Separated</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined how_married required" style="display: none;">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__how_married">
<span data-bind="text: field.value.label">How Are You Married?</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="How Are You Married?" id="creditApplicationForm__how_married" name="how_married" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="ANC with Accrual">ANC with Accrual</option>
<option value="ANC without Accrual">ANC without Accrual</option>
<option value="In Community">In Community</option>
<option value="Customary Union">Customary Union</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="
visible: field.enabled,
attr: { class: 'field field-switcher ' + field.key },
css: { '_yes': $parent.getRadioObservable(field.key, (field.value.defaultState) ? 1 : 0)() == 1 }
" class="field field-switcher obtained_spouse_consent" style="display: none;">
<span class="label" data-bind="text: field.value.label">Have you obtained your spouse consent?</span>
<ol class="control">
<div class="field choice choice__yes">
<input type="radio" value="1" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('Yes'),
id: $parent.getId(field.key, 'yes'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
" title="Yes" id="creditApplicationForm__obtained_spouse_consent--yes" name="obtained_spouse_consent" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'yes') }" for="creditApplicationForm__obtained_spouse_consent--yes">
<span><!-- ko i18n: 'Yes' --><span>Yes</span><!-- /ko --></span>
</label>
</div>
<div class="field choice choice__no">
<input type="radio" value="0" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('No'),
id: $parent.getId(field.key, 'no'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
, afterRender: $parent.fieldReady.bind($parent)" title="No" id="creditApplicationForm__obtained_spouse_consent--no" name="obtained_spouse_consent" aria-required="true"
data-validate="{"validate-one-required-by-name":true}" data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'no') }" for="creditApplicationForm__obtained_spouse_consent--no">
<span><!-- ko i18n: 'No' --><span>No</span><!-- /ko --></span>
</label>
</div>
</ol>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined citizenship required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__citizenship">
<span data-bind="text: field.value.label">Citizenship</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Citizenship" id="creditApplicationForm__citizenship" name="citizenship" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="South Africa">South Africa</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined id_number required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__id_number">
<span data-bind="text: field.value.label">South African ID</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-dob="date_of_birth" title="South African ID" id="creditApplicationForm__id_number" name="id_number" aria-required="true"
data-validate="{"validate-sa-id-length":true,"validate-sa-id-pattern":true,"required":true}"
data-validate-default="{"validate-sa-id-length":true,"validate-sa-id-pattern":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined date_of_birth required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__date_of_birth">
<span data-bind="text: field.value.label">Date of Birth</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text _has-datepicker" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-said="id_number" title="Date of Birth" id="creditApplicationForm__date_of_birth" name="date_of_birth" placeholder="yyyy/mm/dd" autocomplete="new-password" aria-required="true"
data-validate="{"validate-date-strict":{"dateFormat":"yyyy/MM/dd"},"required":true}"
data-validate-default="{"validate-date-strict":{"dateFormat":"yyyy/MM/dd"},"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined gender required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__gender">
<span data-bind="text: field.value.label">Gender</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-said="id_number" data-title="title" title="Gender" id="creditApplicationForm__gender" name="gender" aria-required="true"
data-validate="{"validate-gender-against-said-oce":true,"validate-gender-against-title-oce":true,"validate-select":true}"
data-validate-default="{"validate-gender-against-said-oce":true,"validate-gender-against-title-oce":true,"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="Female">Female</option>
<option value="Male">Male</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined dependants required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__dependants">
<span data-bind="text: field.value.label">Dependants</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Dependants" id="creditApplicationForm__dependants" name="dependants" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: $parent.actionsTemplate -->
<div class="actions-toolbar">
<div class="primary">
<button type="button" class="action primary" data-bind="enable: buttonsEnabled, visible: !isLast(), click: navigateForward">
<!-- ko i18n: 'Next' --><span>Next</span><!-- /ko -->
</button>
<button type="submit" class="action primary" data-bind="enable: buttonsEnabled, visible: isLast()" style="display: none;">
<!-- ko i18n: 'Submit' --><span>Submit</span><!-- /ko -->
</button>
</div>
<div class="secondary">
<a class="action back" href="#" disabled="" data-bind="enable: buttonsEnabled, visible: !isFirst(), click: navigateBackward" style="display: none;">
<span><!-- ko i18n: 'Back' --><span>Back</span><!-- /ko --></span>
</a>
</div>
</div>
<!-- /ko -->
</div>
</fieldset>
<!-- /ko -->
<!-- ko template: getTemplate() -->
<fieldset class="fieldset disabled" data-bind="
css: {
active: active,
disabled: disabled,
first: isFirst(),
last: isLast()
},
attr: {
id: name + '__fieldset'
}" id="creditApplicationForm.spouseDetails__fieldset">
<!-- ko ifnot: hasNoSiblings() -->
<legend class="legend"><span data-bind="text: label">Spouse Details</span></legend><!-- /ko -->
<div class="fieldset fieldset-content" data-bind="visible: !disabled" style="display: none;">
<!-- ko foreach: { data: getFields(), as: 'field' } -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_title required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_title">
<span data-bind="text: field.value.label">Title</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-gender="spouse_gender" title="Title" id="creditApplicationForm__spouse_title" name="spouse_title" data-validate="{}"
data-validate-default="{"validate-gender-against-title-oce":true,"validate-select":true}">
<option value="">Select your title...</option>
<option value="Ms">Ms</option>
<option value="Mr">Mr</option>
<option value="Dr">Dr</option>
<option value="Miss">Miss</option>
<option value="Mrs">Mrs</option>
<option value="Prof">Prof</option>
<option value="Rev">Rev</option>
<option value="Adv">Adv</option>
<option value="Honorable">Honorable</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_surname required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_surname">
<span data-bind="text: field.value.label">Last name</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Last name" id="creditApplicationForm__spouse_surname" name="spouse_surname" data-validate="{}"
data-validate-default="{"validate-alphanum-with-spaces":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_first_name required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_first_name">
<span data-bind="text: field.value.label">First name</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="First name" id="creditApplicationForm__spouse_first_name" name="spouse_first_name" data-validate="{}"
data-validate-default="{"validate-alphanum-with-spaces":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_initials required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_initials">
<span data-bind="text: field.value.label">Initials</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-firstname="spouse_first_name" data-lastname="spouse_surname" title="Initials" id="creditApplicationForm__spouse_initials" name="spouse_initials" data-validate="{}"
data-validate-default="{"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_cell_number required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_cell_number">
<span data-bind="text: field.value.label">Cell Number</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Cell Number" id="creditApplicationForm__spouse_cell_number" name="spouse_cell_number" data-validate="{}"
data-validate-default="{"validate-phoneLax":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_citizenship required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_citizenship">
<span data-bind="text: field.value.label">Citizenship</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Citizenship" id="creditApplicationForm__spouse_citizenship" name="spouse_citizenship" data-validate="{}" data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="South Africa">South Africa</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_id_number required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_id_number">
<span data-bind="text: field.value.label">South African ID</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-dob="spouse_date_of_birth" title="South African ID" id="creditApplicationForm__spouse_id_number" name="spouse_id_number" data-validate="{}"
data-validate-default="{"validate-sa-id-length":true,"validate-sa-id-pattern":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_date_of_birth required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_date_of_birth">
<span data-bind="text: field.value.label">Date of Birth</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text _has-datepicker" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-said="spouse_id_number" title="Date of Birth" id="creditApplicationForm__spouse_date_of_birth" name="spouse_date_of_birth" placeholder="yyyy/mm/dd" autocomplete="new-password"
data-validate="{}" data-validate-default="{"validate-date-strict":{"dateFormat":"yyyy/MM/dd"},"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_gender required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_gender">
<span data-bind="text: field.value.label">Gender</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-said="spouse_id_number" data-title="spouse_title" title="Gender" id="creditApplicationForm__spouse_gender" name="spouse_gender" data-validate="{}"
data-validate-default="{"validate-gender-against-said-oce":true,"validate-gender-against-title-oce":true,"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="Female">Female</option>
<option value="Male">Male</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined spouse_gross_salary required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__spouse_gross_salary">
<span data-bind="text: field.value.label">Gross Salary Per Month</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Gross Salary Per Month" id="creditApplicationForm__spouse_gross_salary" name="spouse_gross_salary" data-validate="{}"
data-validate-default="{"validate-number":true,"min":100,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: $parent.actionsTemplate -->
<div class="actions-toolbar">
<div class="primary">
<button type="button" class="action primary" data-bind="enable: buttonsEnabled, visible: !isLast(), click: navigateForward">
<!-- ko i18n: 'Next' --><span>Next</span><!-- /ko -->
</button>
<button type="submit" class="action primary" data-bind="enable: buttonsEnabled, visible: isLast()" style="display: none;">
<!-- ko i18n: 'Submit' --><span>Submit</span><!-- /ko -->
</button>
</div>
<div class="secondary">
<a class="action back" href="#" disabled="" data-bind="enable: buttonsEnabled, visible: !isFirst(), click: navigateBackward">
<span><!-- ko i18n: 'Back' --><span>Back</span><!-- /ko --></span>
</a>
</div>
</div>
<!-- /ko -->
</div>
</fieldset>
<!-- /ko -->
<!-- ko template: getTemplate() -->
<fieldset class="fieldset" data-bind="
css: {
active: active,
disabled: disabled,
first: isFirst(),
last: isLast()
},
attr: {
id: name + '__fieldset'
}" id="creditApplicationForm.employmentDetails__fieldset">
<!-- ko ifnot: hasNoSiblings() -->
<legend class="legend"><span data-bind="text: label">Employment Details</span></legend><!-- /ko -->
<div class="fieldset fieldset-content" data-bind="visible: !disabled">
<!-- ko foreach: { data: getFields(), as: 'field' } -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined employment_type required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__employment_type">
<span data-bind="text: field.value.label">Employment Type</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Employment Type" id="creditApplicationForm__employment_type" name="employment_type" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="Domestic Worker">Domestic Worker</option>
<option value="Company Employed">Company Employed</option>
<option value="Government Employed">Government Employed</option>
<option value="Full-time Housewife">Full-time Housewife</option>
<option value="Self Employed - Company Owner">Self Employed - Company Owner</option>
<option value="Self Employed - Informal Trader">Self Employed - Informal Trader</option>
<option value="Student">Student</option>
<option value="Unemployed">Unemployed</option>
<option value="Pensioner/Retired">Pensioner/Retired</option>
<option value="Contract Worker">Contract Worker</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined employment_years required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__employment_years">
<span data-bind="text: field.value.label">Term of Employment Years</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Term of Employment Years" id="creditApplicationForm__employment_years" name="employment_years" placeholder="Only two numeric digits allowed" aria-required="true"
data-validate="{"validate-number":true,"validate-integer":true,"max":99,"required":true}"
data-validate-default="{"validate-number":true,"validate-integer":true,"max":99,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined employment_months required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__employment_months">
<span data-bind="text: field.value.label">Term of Employment Months</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Term of Employment Months" id="creditApplicationForm__employment_months" name="employment_months" placeholder="Only two numeric digits allowed (smaller than 11)"
aria-required="true" data-validate="{"validate-number":true,"validate-integer":true,"max":11,"required":true}"
data-validate-default="{"validate-number":true,"validate-integer":true,"max":11,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined gross_salary required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__gross_salary">
<span data-bind="text: field.value.label">Gross Salary Per Month</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Gross Salary Per Month" id="creditApplicationForm__gross_salary" name="gross_salary" aria-required="true"
data-validate="{"validate-number":true,"validate-integer":true,"min":100,"required":true}"
data-validate-default="{"validate-number":true,"validate-integer":true,"min":100,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined field_of_employment required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__field_of_employment">
<span data-bind="text: field.value.label">Field of Employment</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Field of Employment" id="creditApplicationForm__field_of_employment" name="field_of_employment" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="Manufacturing">Manufacturing</option>
<option value="Banking / Insurance">Banking / Insurance</option>
<option value="Healthcare">Healthcare</option>
<option value="Agriculture">Agriculture</option>
<option value="Transport">Transport</option>
<option value="Mining">Mining</option>
<option value="Construction">Construction</option>
<option value="Government / Social Service / Police / Defence Force">Government / Social Service / Police / Defence Force</option>
<option value="Retail / Wholesalers">Retail / Wholesalers</option>
<option value="Education">Education</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: $parent.actionsTemplate -->
<div class="actions-toolbar">
<div class="primary">
<button type="button" class="action primary" data-bind="enable: buttonsEnabled, visible: !isLast(), click: navigateForward">
<!-- ko i18n: 'Next' --><span>Next</span><!-- /ko -->
</button>
<button type="submit" class="action primary" data-bind="enable: buttonsEnabled, visible: isLast()" style="display: none;">
<!-- ko i18n: 'Submit' --><span>Submit</span><!-- /ko -->
</button>
</div>
<div class="secondary">
<a class="action back" href="#" disabled="" data-bind="enable: buttonsEnabled, visible: !isFirst(), click: navigateBackward">
<span><!-- ko i18n: 'Back' --><span>Back</span><!-- /ko --></span>
</a>
</div>
</div>
<!-- /ko -->
</div>
</fieldset>
<!-- /ko -->
<!-- ko template: getTemplate() -->
<fieldset class="fieldset" data-bind="
css: {
active: active,
disabled: disabled,
first: isFirst(),
last: isLast()
},
attr: {
id: name + '__fieldset'
}" id="creditApplicationForm.address__fieldset">
<!-- ko ifnot: hasNoSiblings() -->
<legend class="legend"><span data-bind="text: label">Address</span></legend><!-- /ko -->
<div class="fieldset fieldset-content" data-bind="visible: !disabled">
<!-- ko foreach: { data: getFields(), as: 'field' } -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined residental_street required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__residental_street">
<span data-bind="text: field.value.label">Street Address</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<img src="https://www.hificorp.co.za/static/version1718777068/frontend/Vaimo/hificorp/en_US/Vaimo_GoogleAddressSearch/images/powered_by_google_on_white_hdpi.png" class="powered-by-google"><input type="text"
class="input-text pac-target-input" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" data-province="residental_province" data-city="residental_city" data-suburb="residental_suburb" data-postal-code="residental_postal_code" data-country="residental_country"
title="Street Address" id="creditApplicationForm__residental_street" name="residental_street" aria-required="true" data-validate="{"required":true}" data-validate-default="{"required":true}"
placeholder="Geben Sie einen Standort ein." autocomplete="off">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined residental_building_complex">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__residental_building_complex">
<span data-bind="text: field.value.label">Complex/Company/Building Details (Optional)</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Complex/Company/Building Details (Optional)" id="creditApplicationForm__residental_building_complex" name="residental_building_complex" data-validate="{}"
data-validate-default="{}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined residental_province required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__residental_province">
<span data-bind="text: field.value.label">Province</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Province" id="creditApplicationForm__residental_province" name="residental_province" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="Eastern Cape">Eastern Cape</option>
<option value="Free State">Free State</option>
<option value="Gauteng">Gauteng</option>
<option value="KwaZulu-Natal">KwaZulu-Natal</option>
<option value="Limpopo">Limpopo</option>
<option value="Mpumalanga">Mpumalanga</option>
<option value="Northern Cape">Northern Cape</option>
<option value="North-West">North-West</option>
<option value="Western Cape">Western Cape</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined residental_city required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__residental_city">
<span data-bind="text: field.value.label">City</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="City" id="creditApplicationForm__residental_city" name="residental_city" aria-required="true" data-validate="{"required":true}"
data-validate-default="{"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined residental_suburb required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__residental_suburb">
<span data-bind="text: field.value.label">Suburb</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Suburb" id="creditApplicationForm__residental_suburb" name="residental_suburb" aria-required="true" data-validate="{"required":true}"
data-validate-default="{"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined residental_postal_code required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__residental_postal_code">
<span data-bind="text: field.value.label">Postal Code</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Postal Code" id="creditApplicationForm__residental_postal_code" name="residental_postal_code" aria-required="true"
data-validate="{"validate-number":true,"minlength":"4","maxlength":"4","required":true}"
data-validate-default="{"validate-number":true,"minlength":"4","maxlength":"4","required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined residental_country required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__residental_country">
<span data-bind="text: field.value.label">Country</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Country" id="creditApplicationForm__residental_country" name="residental_country" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="South Africa">South Africa</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined preferred_store required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__preferred_store">
<span data-bind="text: field.value.label">Preferred Store</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Preferred Store" id="creditApplicationForm__preferred_store" name="preferred_store" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="AMANZIMTOTI - HiFiCorp">AMANZIMTOTI - HiFiCorp</option>
<option value=" BALLITO JUNCTION - HiFiCorp"> BALLITO JUNCTION - HiFiCorp</option>
<option value="BLOEMFONTEIN - HiFiCorp">BLOEMFONTEIN - HiFiCorp</option>
<option value="BOKSBURG - HiFiCorp">BOKSBURG - HiFiCorp</option>
<option value=" CARNIVAL MALL - HiFiCorp"> CARNIVAL MALL - HiFiCorp</option>
<option value=" CENTURION - HiFiCorp"> CENTURION - HiFiCorp</option>
<option value=" CLEARWATER MALL - HiFiCorp"> CLEARWATER MALL - HiFiCorp</option>
<option value=" CORNUBIA - HiFiCorp"> CORNUBIA - HiFiCorp</option>
<option value="CRESTA - HiFiCorp">CRESTA - HiFiCorp</option>
<option value="EAST LONDON - HiFiCorp">EAST LONDON - HiFiCorp</option>
<option value=" EASTGATE - HiFiCorp"> EASTGATE - HiFiCorp</option>
<option value="EMPANGENI - HiFiCorp">EMPANGENI - HiFiCorp</option>
<option value=" FESTIVAL MALL - HiFiCorp"> FESTIVAL MALL - HiFiCorp</option>
<option value="FOURWAYS - HiFiCorp">FOURWAYS - HiFiCorp</option>
<option value=" GREENACRES - HiFiCorp"> GREENACRES - HiFiCorp</option>
<option value=" ILANGA MALL - HiFiCorp"> ILANGA MALL - HiFiCorp</option>
<option value=" KIMBERLEY - HiFiCorp"> KIMBERLEY - HiFiCorp</option>
<option value="KLERKSDORP - HiFiCorp">KLERKSDORP - HiFiCorp</option>
<option value=" MABOPANE - HiFiCorp"> MABOPANE - HiFiCorp</option>
<option value="MAHIKENG - HiFiCorp">MAHIKENG - HiFiCorp</option>
<option value=" MALL OF AFRICA - HiFiCorp"> MALL OF AFRICA - HiFiCorp</option>
<option value="MALL OF THE NORTH - HiFiCorp">MALL OF THE NORTH - HiFiCorp</option>
<option value=" MAMS MALL - HiFiCorp"> MAMS MALL - HiFiCorp</option>
<option value=" MENLYN - HiFiCorp"> MENLYN - HiFiCorp</option>
<option value=" MIDDELBURG - HiFiCorp"> MIDDELBURG - HiFiCorp</option>
<option value=" MITCHELLS PLAIN - HiFiCorp"> MITCHELLS PLAIN - HiFiCorp</option>
<option value=" MUSINA - HiFiCorp"> MUSINA - HiFiCorp</option>
<option value="N1 CITY - HiFiCorp">N1 CITY - HiFiCorp</option>
<option value=" NEWCASTLE - HiFiCorp"> NEWCASTLE - HiFiCorp</option>
<option value=" NORTHGATE - HiFiCorp"> NORTHGATE - HiFiCorp</option>
<option value=" OAKDENE - HiFiCorp"> OAKDENE - HiFiCorp</option>
<option value="PIETERMARITZBURG - HiFiCorp">PIETERMARITZBURG - HiFiCorp</option>
<option value="POLOKWANE - HiFiCorp">POLOKWANE - HiFiCorp</option>
<option value="ROSEBANK - HiFiCorp">ROSEBANK - HiFiCorp</option>
<option value="RUSTENBURG - HiFiCorp">RUSTENBURG - HiFiCorp</option>
<option value="SECUNDA - HiFiCorp">SECUNDA - HiFiCorp</option>
<option value="SOUTHGATE - HiFiCorp">SOUTHGATE - HiFiCorp</option>
<option value="SPRINGFIELD - HiFiCorp">SPRINGFIELD - HiFiCorp</option>
<option value=" THOHOYANDOU - HiFiCorp"> THOHOYANDOU - HiFiCorp</option>
<option value="VAAL - HiFiCorp">VAAL - HiFiCorp</option>
<option value="WESTGATE - HiFiCorp ">WESTGATE - HiFiCorp </option>
<option value="WITBANK - HiFiCorp">WITBANK - HiFiCorp</option>
<option value=" WONDERPARK - HiFiCorp"> WONDERPARK - HiFiCorp</option>
<option value=" WOODMEAD - HiFiCorp"> WOODMEAD - HiFiCorp</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: $parent.actionsTemplate -->
<div class="actions-toolbar">
<div class="primary">
<button type="button" class="action primary" data-bind="enable: buttonsEnabled, visible: !isLast(), click: navigateForward">
<!-- ko i18n: 'Next' --><span>Next</span><!-- /ko -->
</button>
<button type="submit" class="action primary" data-bind="enable: buttonsEnabled, visible: isLast()" style="display: none;">
<!-- ko i18n: 'Submit' --><span>Submit</span><!-- /ko -->
</button>
</div>
<div class="secondary">
<a class="action back" href="#" disabled="" data-bind="enable: buttonsEnabled, visible: !isFirst(), click: navigateBackward">
<span><!-- ko i18n: 'Back' --><span>Back</span><!-- /ko --></span>
</a>
</div>
</div>
<!-- /ko -->
</div>
</fieldset>
<!-- /ko -->
<!-- ko template: getTemplate() -->
<fieldset class="fieldset last" data-bind="
css: {
active: active,
disabled: disabled,
first: isFirst(),
last: isLast()
},
attr: {
id: name + '__fieldset'
}" id="creditApplicationForm.contactDetails__fieldset">
<!-- ko ifnot: hasNoSiblings() -->
<legend class="legend"><span data-bind="text: label">Contact Details</span></legend><!-- /ko -->
<div class="fieldset fieldset-content" data-bind="visible: !disabled">
<!-- ko foreach: { data: getFields(), as: 'field' } -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="
visible: field.enabled,
attr: { class: 'field field-switcher ' + field.key },
css: { '_yes': $parent.getRadioObservable(field.key, (field.value.defaultState) ? 1 : 0)() == 1 }
" class="field field-switcher do_you_have_bank_account">
<span class="label" data-bind="text: field.value.label">Do you have a bank account?</span>
<ol class="control">
<div class="field choice choice__yes">
<input type="radio" value="1" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('Yes'),
id: $parent.getId(field.key, 'yes'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
" data-bank="bank_name" title="Yes" id="creditApplicationForm__do_you_have_bank_account--yes" name="do_you_have_bank_account" aria-required="true" data-validate="{"validate-one-required-by-name":true}"
data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'yes') }" for="creditApplicationForm__do_you_have_bank_account--yes">
<span><!-- ko i18n: 'Yes' --><span>Yes</span><!-- /ko --></span>
</label>
</div>
<div class="field choice choice__no">
<input type="radio" value="0" class="radio" data-bind="
attr: $parent.getAttributes(field.value, {
title: $t('No'),
id: $parent.getId(field.key, 'no'),
name: field.key
}),
checked: $parent.getRadioObservable(field.key, '0')
, afterRender: $parent.fieldReady.bind($parent)" data-bank="bank_name" title="No" id="creditApplicationForm__do_you_have_bank_account--no" name="do_you_have_bank_account" aria-required="true"
data-validate="{"validate-one-required-by-name":true}" data-validate-default="{"validate-one-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key, 'no') }" for="creditApplicationForm__do_you_have_bank_account--no">
<span><!-- ko i18n: 'No' --><span>No</span><!-- /ko --></span>
</label>
</div>
</ol>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined bank_name required" style="display: none;">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__bank_name">
<span data-bind="text: field.value.label">Choose your bank</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Choose your bank" id="creditApplicationForm__bank_name" name="bank_name" aria-required="true" data-validate="{"validate-select":true}"
data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="ABSA">ABSA</option>
<option value="AFRICAN BANK">AFRICAN BANK</option>
<option value="BIDVEST">BIDVEST</option>
<option value="CAPITEC">CAPITEC</option>
<option value="FNB">FNB</option>
<option value="INVESTEC">INVESTEC</option>
<option value="NEDBANK">NEDBANK</option>
<option value="STANDARD BANK SA">STANDARD BANK SA</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined contact_cell_number required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__contact_cell_number">
<span data-bind="text: field.value.label">Cell Number</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Cell Number" id="creditApplicationForm__contact_cell_number" name="contact_cell_number" aria-required="true"
data-validate="{"validate-phoneLax":true,"required":true}" data-validate-default="{"validate-phoneLax":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined contact_email_address required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__contact_email_address">
<span data-bind="text: field.value.label">E-mail Address</span>
</label>
<!-- ko if: field.value.tooltip --><!-- /ko -->
<!-- ko ifnot: field.value.tooltip -->
<div class="control">
<input type="text" class="input-text" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key,
placeholder: field.value.placeholder,
autocomplete: field.value.autocomplete
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="E-mail Address" id="creditApplicationForm__contact_email_address" name="contact_email_address" aria-required="true"
data-validate="{"email":true,"required":true}" data-validate-default="{"email":true,"required":true}">
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field ' + field.value.column + ' ' + field.key + (field.value.required ? ' required' : '') }" class="field undefined correspondence_language required">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }" for="creditApplicationForm__correspondence_language">
<span data-bind="text: field.value.label">Correspondence Language</span>
</label>
<div class="control">
<select class="validate-select" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
options: $parent.getFromDirectory(field.key),
optionsText: $parent.optionsText,
optionsValue: $parent.optionsValue,
optionsCaption: field.value.caption,
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" title="Correspondence Language" id="creditApplicationForm__correspondence_language" name="correspondence_language" aria-required="true"
data-validate="{"validate-select":true}" data-validate-default="{"validate-select":true}">
<option value="">Select from one of the options...</option>
<option value="English">English</option>
<option value="Afrikaans">Afrikaans</option>
<option value="Sesotho">Sesotho</option>
<option value="Xhosa">Xhosa</option>
<option value="Zulu">Zulu</option>
</select>
</div>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field choice ' + field.value.column + ' ' + field.key + ' ' + field.value.key + (field.value.required ? ' required' : '') }" class="field choice undefined accept_tncs undefined required">
<input type="checkbox" value="1" class="checkbox" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
checked: $parent.prepopulateField(field.key)
" title="I accept Terms & Conditions" id="creditApplicationForm__accept_tncs" name="accept_tncs" aria-required="true" data-validate="{"validate-one-checkbox-required-by-name":true}"
data-validate-default="{"validate-one-checkbox-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }, afterRender: $parent.fieldReady.bind($parent)" for="creditApplicationForm__accept_tncs">
<!-- ko if: field.value.url -->
<span>
<a target="_blank" data-bind="attr: { href: field.value.url}, text: field.value.label" href="https://www.hificorp.co.za/terms-and-conditions">I accept Terms & Conditions</a>
</span>
<!-- /ko -->
<!-- ko if: field.value.agreements --><!-- /ko -->
<!-- ko if: field.value.agreementsCheckout --><!-- /ko -->
<!-- ko ifnot: field.value.agreementsCheckout -->
<!-- ko ifnot: field.value.url --><!-- /ko -->
<!-- /ko -->
</label>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<input type="hidden" data-bind="
attr: $parent.getAttributes(field.value, {
id: $parent.getId(field.key),
name: field.key
}),
value: $parent.prepopulateField(field.key)
, afterRender: $parent.fieldReady.bind($parent)" id="creditApplicationForm__type" name="type" aria-required="true" data-validate="{}" data-validate-default="{}" value="oca">
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field choice ' + field.value.column + ' ' + field.key + ' ' + field.value.key + (field.value.required ? ' required' : '') }" class="field choice undefined marketing_consent undefined">
<input type="checkbox" value="1" class="checkbox" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
checked: $parent.prepopulateField(field.key)
" title="I would like to be kept informed about specials and deals" id="creditApplicationForm__marketing_consent" name="marketing_consent" data-validate="{}" data-validate-default="{}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }, afterRender: $parent.fieldReady.bind($parent)" for="creditApplicationForm__marketing_consent">
<!-- ko if: field.value.url --><!-- /ko -->
<!-- ko if: field.value.agreements --><!-- /ko -->
<!-- ko if: field.value.agreementsCheckout --><!-- /ko -->
<!-- ko ifnot: field.value.agreementsCheckout -->
<!-- ko ifnot: field.value.url -->
<span data-bind="ifnot: field.value.agreements, attr: {class: field.key}" class="marketing_consent">
<!-- ko text: field.value.label -->I would like to be kept informed about specials and deals<!-- /ko -->
</span>
<!-- /ko -->
<!-- /ko -->
</label>
</div>
<!-- /ko -->
<!-- ko template: "vForm/form/component/" + field.value.type -->
<div data-bind="visible: field.enabled,
attr: { class: 'field choice ' + field.value.column + ' ' + field.key + ' ' + field.value.key + (field.value.required ? ' required' : '') }" class="field choice undefined privacy_policy undefined required">
<input type="checkbox" value="1" class="checkbox" data-bind="
attr: $parent.getAttributes(field.value, {
title: field.value.label,
id: $parent.getId(field.key),
name: field.key
}),
checked: $parent.prepopulateField(field.key)
" title="I have read and accept the privacy policy" id="creditApplicationForm__privacy_policy" name="privacy_policy" aria-required="true" data-validate="{"validate-one-checkbox-required-by-name":true}"
data-validate-default="{"validate-one-checkbox-required-by-name":true}">
<label class="label" data-bind="attr: { for: $parent.getId(field.key) }, afterRender: $parent.fieldReady.bind($parent)" for="creditApplicationForm__privacy_policy">
<!-- ko if: field.value.url -->
<span>
<a target="_blank" data-bind="attr: { href: field.value.url}, text: field.value.label" href="https://www.hificorp.co.za/privacy-policy">I have read and accept the privacy policy</a>
</span>
<!-- /ko -->
<!-- ko if: field.value.agreements --><!-- /ko -->
<!-- ko if: field.value.agreementsCheckout --><!-- /ko -->
<!-- ko ifnot: field.value.agreementsCheckout -->
<!-- ko ifnot: field.value.url --><!-- /ko -->
<!-- /ko -->
</label>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: $parent.actionsTemplate -->
<div class="actions-toolbar">
<div class="primary">
<button type="button" class="action primary" data-bind="enable: buttonsEnabled, visible: !isLast(), click: navigateForward" style="display: none;">
<!-- ko i18n: 'Next' --><span>Next</span><!-- /ko -->
</button>
<button type="submit" class="action primary" data-bind="enable: buttonsEnabled, visible: isLast()">
<!-- ko i18n: 'Submit' --><span>Submit</span><!-- /ko -->
</button>
</div>
<div class="secondary">
<a class="action back" href="#" disabled="" data-bind="enable: buttonsEnabled, visible: !isFirst(), click: navigateBackward">
<span><!-- ko i18n: 'Back' --><span>Back</span><!-- /ko --></span>
</a>
</div>
</div>
<!-- /ko -->
</div>
</fieldset>
<!-- /ko -->
<!--/ko-->
<!-- ko foreach: getRegion('additional') -->
<!-- ko template: getTemplate() -->
<div data-bind="{
attr: {
'id': getReCaptchaId() + '-wrapper'
},
'afterRender': function() { waitForUser(); renderReCaptcha(); }
}" id="creditapp-wrapper">
<div class="g-recaptcha" id="creditapp" style="">
<div class="grecaptcha-badge" data-style="none" style="width: 256px; height: 60px; position: fixed; visibility: hidden;">
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-i2romnvhq78i" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcLWLsZAAAAAFMV9Q-tx9tKnIaOZ4XrZILc2yYy&co=aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemE6NDQz&hl=de&v=KXX4ARWFlYTftefkdODAYWZh&theme=light&size=invisible&badge=bottomright&cb=xoibymdpgji6"></iframe>
</div>
<div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-2" name="g-recaptcha-response" class="g-recaptcha-response"
style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"></iframe>
</div>
<!-- ko if: (!getIsInvisibleRecaptcha()) --><!-- /ko -->
</div>
<!-- /ko -->
<!--/ko-->
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden"
value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key"
type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input
name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden" value="kFUQCksNDt7yixrn"><input name="form_key" type="hidden"
value="kFUQCksNDt7yixrn"><input type="text" name="token" style="display: none">
</form>Name: webform_yaI2rv — POST
<form method="post" name="webform_yaI2rv" id="webform_yaI2rv" enctype="multipart/form-data" class="form warranty_form form-application-wrapper " style="" aria-label="HFC Subscribe Now " role="none" novalidate="novalidate">
<input name="form_key" type="hidden" value="kFUQCksNDt7yixrn">
<input type="hidden" name="submitForm_50" value="1">
<input type="hidden" name="form_id" value="50">
<input name="field[1014]" type="hidden" value="true">
<input name="field[1020]" type="hidden" value="H104">
<fieldset id="fieldset_yaI2rv50" class="fieldset fieldset-50 wf-lg-1-1 wf-md-1-1 wf-sm-1-1" style="" role="group" aria-labelledby="legend_yaI2rv50">
<div id="field_yaI2rv966" role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-text webforms-fields-966 webforms-fields-firstname required" aria-labelledby="label_fieldyaI2rv966">
<label class="label" id="label_fieldyaI2rv966" for="fieldyaI2rv966"> First Name </label>
<div class="control" role="group" aria-labelledby="label_fieldyaI2rv966">
<input id="fieldyaI2rv966" name="field[966]" type="text" class="input-text " style="" value="" placeholder="" data-validate="{'required-entry':true}" aria-labelledby="label_fieldyaI2rv966" aria-required="true">
</div>
</div>
<div id="field_yaI2rv967" role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-text webforms-fields-967 webforms-fields-lastname required" aria-labelledby="label_fieldyaI2rv967">
<label class="label" id="label_fieldyaI2rv967" for="fieldyaI2rv967"> Last Name </label>
<div class="control" role="group" aria-labelledby="label_fieldyaI2rv967">
<input id="fieldyaI2rv967" name="field[967]" type="text" class="input-text " style="" value="" placeholder="" data-validate="{'required-entry':true}" aria-labelledby="label_fieldyaI2rv967" aria-required="true">
</div>
</div>
<div id="field_yaI2rv968" role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-text webforms-fields-968 webforms-fields-cellphone_number required" aria-labelledby="label_fieldyaI2rv968">
<label class="label" id="label_fieldyaI2rv968" for="fieldyaI2rv968"> Cellphone Number </label>
<div class="control" role="group" aria-labelledby="label_fieldyaI2rv968">
<input id="fieldyaI2rv968" name="field[968]" type="text" class="input-text " style="" value="" placeholder="" data-validate="{'required-entry':true, 'mm-pattern':'^0\\d{9}$', 'validate-length-min':'10', 'validate-length-max':'10'}"
data-msg-mm-pattern="Please enter a valid 10 digit cellphone number e.g. 0827891234" data-msg-validate-length-min="Please enter a valid 10 digit cellphone number e.g. 0827891234"
data-msg-validate-length-max="Please enter a valid 10 digit cellphone number e.g. 0827891234" aria-labelledby="label_fieldyaI2rv968" aria-required="true">
</div>
</div>
<div id="field_yaI2rv969" role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-email webforms-fields-969 webforms-fields-email required" aria-labelledby="label_fieldyaI2rv969">
<label class="label" id="label_fieldyaI2rv969" for="fieldyaI2rv969"> E-mail Address </label>
<div class="control" role="group" aria-labelledby="label_fieldyaI2rv969">
<input id="fieldyaI2rv969" name="field[969]" type="text" class="input-text " style="" value="" placeholder="" data-validate="{'required-entry':true, 'validate-email':true}" aria-labelledby="label_fieldyaI2rv969" aria-required="true"
onkeyup="if(this.value.search(' ')>=0){this.value = this.value.replace(' ','');}">
</div>
</div>
</fieldset>
<div id="submityaI2rv" class="actions-toolbar">
<div class="primary">
<button type="submit" class="action submit primary " id="webform_yaI2rv_submit_button" title="Submit" name="submit_button_yaI2rv">
<span>Submit</span>
</button>
</div>
<div class="secondary">
<div class="please-wait" id="webform_yaI2rv_sending_data" style="display:none;">
<div class="loading-indicator"></div>
<span id="webform_yaI2rv_progress_text">Sending...</span>
</div>
</div>
</div>
</form>Text Content
JavaScript seems to be disabled in your browser. For the best experience on our
site, be sure to turn on Javascript in your browser.
We use cookies to offer you a better experience. For further information on how
we use cookies you can read our Cookie and privacy policy.
Ok
Advanced Search
Search
* Menu
* Products
* * TV & Audio
* * TV
* * HD Ready
* Full HD
* 4K
* TV Accessories
* * Brackets
* TV Cables
* TV Remotes
* Other Accessories
* Streaming Devices
* * Android Devices
* Decoders
* * DSTV Decoders
* Decoder Accessories
* Home Entertainment Systems
* * Soundbars
* Hi-Fi Systems
* Audio Accessories
* Headphones & Earphones
* * Earphones
* Headphones
* Portable Audio
* * Smart and Bluetooth Speakers
* Party Speakers
* Radios
* Audio & DJ Equipment
* * Studio & Recording
* Live Sound & DJ Equipment
* Musical Instruments
* Car Audio
* * Car Speakers & Subs
* Head Units
* Car Amplifiers
* Car Audio Accessories
* Appliances
* * Fridges & Freezers
* * Bar Fridges
* Bottom Freezer Fridges
* Side By Side Fridges
* Single Door Fridges
* Top Freezer Fridges
* Chest Freezer
* Upright Freezer
* Fireplaces, Heaters & Electric Blankets
* * Fireplaces
* Heaters
* Electric Blankets
* Fans, Air Coolers & Air Conditioners
* * Fans
* Air Conditioners
* Air Coolers
* Microwaves, Ovens & Stoves
* * Cookerhoods & Extractor Fans
* Microwave Ovens
* Mini Ovens
* Ovens & Hobs
* Standalone stoves
* Countertop Cookers and Air Fryers
* * Air Fryers, Grillers & Hotplates
* Cookers & Steamers
* Toasters & Sandwich Makers
* * Toasters
* Sandwich Makers
* Irons & Steamers
* Laundry
* * Front Loader washing Machines
* Top Loader Washing Machines
* Twin Tub Washing Machines
* Washer & Dryer Combos
* Tumble Dryers
* Dishwashers
* Sewing
* * Sewing Machines
* Food Preparation
* * Blenders & Juicers
* Food Processors
* General Food Preparation
* Mixers
* Kettles, Coffee Machines & Urns
* * Coffee Machines
* Kettles
* Coffee & Tea Accessories
* Floorcare
* * Vacuum Cleaners
* Vacuum Cleaner Accessories
* Floor Polishers & Cleaners
* Personal Care
* * Tongs & Straighteners
* Hairdryers
* Clippers & grooming
* Electric Shavers
* Humidifiers & Purifiers
* Hair Removal
* Electric Toothbrushes
* Computers, Printers & Accessories
* * Laptops
* * Windows
* MacBook
* Chromebook
* Desktops
* * Windows
* PC Gaming
* * Gaming Laptops
* PC Headsets
* Tablets
* * iPad
* Android
* Tablet Accessories
* Monitors
* Printers & Consumables
* * Printers & Multifunction Devices
* Ink & Toner Cartridges
* Printer Accessories
* Wi-Fi & Networking
* * Routers & Modems
* WiFi UPS
* WiFi Networking
* Adapters, Cables & Accessories
* Computer Accessories
* * Keyboards & Mouses
* Bags, Cases & Covers
* Cable Locks
* Adapters
* Docking Stations, Chargers & Batteries
* Speakers & Video Conferencing
* Hubs
* PC Headsets
* Data Storage
* * External Hard Drives
* USB Flash Drives
* Memory Cards
* Software and Antivirus
* * Business
* Cellphones & Wearables
* * Cellphones
* * iPhones
* Samsung
* Xiaomi
* Huawei
* Pre-Owned (Good as New)
* Other cellphones
* Cellular Accessories
* * Batteries, Chargers & Power Banks
* Cases & Covers
* Screen Protectors
* Cables
* Car Kits
* Headsets
* Other Cellular Accessories
* Wearable Technology
* * Fitness Trackers
* Watches
* Contracts, Data & Airtime
* * Sim Cards & Starter Packs
* Furniture & Beds
* * * Bedroom Furniture
* * Headboards
* Pedestals
* Dressing Tables & Stools
* Bedroom Suites
* Wardrobes
* Blanket Boxes, Kists & Chests
* Beds & Mattresses
* * Bed Sets
* Mattresses
* Bed Linen
* * Home Office
* * Desks
* Office Chairs
* Bookshelves
* Lounge Furniture
* * Plasma & Media Stands
* Couches
* Coffee & Side Tables
* Occasional Chairs
* Dining Room Furniture
* * Dining Servers & Sideboards
* Dining Tables
* Dining Chairs
* Gaming
* * Consoles
* * PlayStation
* Xbox
* Games
* * PlayStation
* Gaming Laptops
* Gaming Monitors
* Gaming Desks & Chairs
* Accessories
* * PlayStation Accessories
* Gaming Keyboards
* PC Headsets
* Other Accessories
* Components
* * Internal Hard Drives
* Office & Stationery
* * Office Furniture
* * Desks
* Office Chairs
* Book Shelves
* Office Automation
* * Projectors & Screens
* Batteries
* Calculators
* Telephones
* Stationery
* * Copy, Colour & Photo Paper
* Writing & Correction
* Books, Diaries & Paper Products
* Stationery Packs
* Desktop & Drawer Organisers
* Markers & Highlighters
* Adhesives & Tapes
* Boards & Planners
* Filing & Storage
* Punching & Stapling
* Colouring & Painting
* Arts & Crafts
* Binding & Laminating Consumables
* Other Office Supplies
* Other Scholastic Supplies
* Smart Home, Security & WIFI
* * WiFi & Networking
* * Routers & Modems
* WiFi Extension
* WiFi UPS
* Smart Lighting
* Smart Security
* Smart Appliances
* Smart Audio & Hubs
* Photography
* * Camera Lenses
* Digital SLRs
* General Photographic Accessories
* SD Cards
* Housewares & Textiles
* * Cookware
* * Pots
* Pans, Grills & Woks
* Cookware Sets
* Ovenware
* Cooking Accessories
* Bakeware
* * Bakeware & Cooling Racks
* Mixing Bowls
* Baking Utensils & Accessories
* Kitchenware
* * Utensils & Knives
* Measuring & Timing
* Kitchen & Food Storage
* Dustbins
* Kitchen Textiles
* Kitchen Accessories
* Coffee & Tea
* Dining & Entertaining
* * Barware
* Glassware
* Kids Dinnerware
* Cutlery
* Crockery
* Table Linen
* Outdoor Tableware & Picnic
* Bedroom
* * Duvet Covers
* Sheeting
* Duvet Inners & Pillows
* Mattress & Pillow Protectors
* Kids Textiles
* * Duvet Covers
* Blankets & Throws
* Laundry & Cleaning
* * Cleaning
* Laundry
* Brushware
* Storage & Organisation
* * Storage Boxes
* Closet Storage & Accessories
* Power Solutions
* * Inverters
* Power Stations
* Generators
* UPS
* Power Banks
* Home Improvement & DIY
* * Power Tools & Machinery
* * Drills & Accessories
* High Pressure Cleaning
* Welding Machinery
* Grinders
* Saws & Accessories
* Sanders & Accessories
* Compressors & Accessories
* Routers
* Specialised Power Tools
* Planers
* Spray Guns
* Hand Tools
* Lighting
* * Globes
* Fittings
* Outdoor lights
* Household Torches & Portable Lights
* Bathroom
* * Bathroom Fittings & Fixtures
* Bathroom Storage
* Cabinets
* Accessories
* Electrical
* * Extension Cords, Multi Plugs & Surge Protectors
* Inverters
* Plugs and Switches
* Security
* * Security Systems
* Security Accessories
* Safes
* Automotive
* * Automotive Accessories
* Car Seats & Covers
* Car Care & Cleaning
* Storage & Organising
* * Tool Boxes
* Garage Storage
* Hardware
* * Fastening & Fixing
* Ladders
* Tool Kits
* Awnings
* Paint
* * Accessories
* Personal Protective Equipment
* * Overalls & Protective Wear
* Loadshedding Essentials
* * Power Stations
* Batteries
* Outdoor, Pool & Garden
* * Braais & Fire Pits
* * Braais
* Braai Accessories
* Gas
* * Accessories
* Appliances
* Outdoor Furniture
* * Patio Furniture
* Pool
* * Pool Cleaning & Treatment
* Garden
* * Garden Machinery
* Water Tanks & Pump
* Garden Tools
* Irrigation
* Camping
* * Camping Accessories
* Camping Equipment
* Torches & Lanterns
* Camping Furniture
* Tents
* Coolers & Storage
* Fun Outdoor Activities
* * Scooters, Hovers & Ride Ons
* Household & Cleaning
* * Household Consumables
* * Air Fresheners
* Kitchen Consumables
* Insecticides
* Household Cleaning
* * Detergents & Softeners
* Dishwashing
* Surface Cleaners
* Household Value Bundles
* Luggage & Travel
* * School Bags
* * School Backpacks
* School Trolley Bags
* Laptop Bags
* * Computer Backpacks
* Travel Luggage
* * Suitcases
* Carry-on Luggage
* Luggage Sets
* Travel Backpacks
* Trolley Bags & Spinners
* Downloads & Gift Cards
* * Productivity
* Gift Cards & Vouchers
* Brands
* Payment Options
My Account
Close
My Shopping Cart
You have 0 products in your cart
TRY ONE OF OUR POPULAR CATEGORIES...
* Large Appliances
* Small Appliances
* TV's
* Audio
* Cellular
* Computing
Continue Shopping
Payment
Help
* Hi-Home
* Support & Services
* Warranty Registration
* Registration & Rewards
* Sustainability
* Home of TV's
* Home of Appliances
* Home of Cellular
* Loadshedding
* Support & Services
* Warranty Registration
Quick Order Store Finder
Track my Order Track
* Home
* Hisense 9kg Front Load Washer Titanium Grey WFQP9012VMT
Skip to the end of the images gallery
1 of 1
Online Only
Product Gallery
Product Images
Videos
1 of 1
Skip to the beginning of the images gallery
Save R 1500
View Product Gallery
HISENSE 9KG FRONT LOAD WASHER TITANIUM GREY WFQP9012VMT
In stock
Product Code
000000000010286651
* A+++ energy rating
* Steam wash function
* Durable inverter motor
* 1200RPM spin speed
* Quick wash function
* Self diagnosis
* Drum clean
* 4 year warranty
Sale ends Sunday, 30 June 2024
Special Price R 6,999 Regular Price R 8,499
BUY NOW, PAY LATER
No Deposit. Only R 3,499.50 on your next two paycheques. Interest free. Learn
More.
Available for delivery in 2 to 5 working days.
Limited Stock Available in Certain Regions.
Qty
Add to Cart
Add to Wish List Add to Compare
Check Stock In Your Area
or Find collection areas close to me
Please search for your closest collection point.
R 485 pm x 24 months
Apply for Credit
Rate: 19.5%
Credit Price: R 11,640
Get it now, pay later!
1. R 1,750
No interest, no fees, 4x instalments over 6 weeks
Learn More
2. Get it on for
R656
/month
One time, easy & quick online application process requiring minimal
information.
Learn More
FREQUENTLY BOUGHT TOGETHER
1. Current Product
Online Only
Hisense 9kg Front Load Washer Titanium Grey WFQP9012VMT
Special Price R 6,999 Regular Price R 8,499
2. Online Only
Retractaline Pluto Airer
R 699
Select Selected
Add to Cart
3. Save R 50
Online Only
Ariel Power Capsules 3in1 30 Pods
Special Price R 179 Regular Price R 229
Select Selected
Add to Cart
4. Online Only
Mr Sheen Oxi Ultra Wash Stain Remover Bar 75g
R 16
Select Selected
Add to Cart
5. Online Only
Mr Sheen Oxi Ultra Wash Fabric Stain Remover 500g
R 69
Select Selected
Add to Cart
6. Save R 20
Online Only
Otima Daisy 50L Navy Laundry Basket
Special Price R 129 Regular Price R 149
Select Selected
Add to Cart
7. Save R 10
Online Only
Gizmo 10 Pack Hangers White
Special Price R 49 Regular Price R 59
Select Selected
Add to Cart
8. Save R 60
Online Only
Ariel Auto Washing Liquid 3 Litre
Special Price R 179 Regular Price R 239
Select Selected
Add to Cart
9. Online Only
Comfort Uplifting Concentrated Laundry Fabric Softener 800ml
R 59
Select Selected
Add to Cart
10. Online Only
Comfort Perfume Deluxe Heavenly Nectar Laundry Fabric Softener 800ml
R 65
Select Selected
Add to Cart
11. Online Only
Comfort Pure Concentrated Fabric Softener Refill For Sensitive Skin 800ml
R 49
Select Selected
Add to Cart
12. Online Only
House Of York Ironing Board Choice
R 439
Select Selected
Add to Cart
13. Online Only
Addis Modern Laundry Basket
R 69
Select Selected
Add to Cart
Package Total:
Special Price R 6,999 Regular Price R 8,499
Add Items to Cart
ALTERNATIVE PRODUCTS
1. Defy 7kg Front Loader Washer Manhattan Grey DAW384
R6,299
Add to Cart
Compare
2. Samsung 9kg Front Load Washer WW90T3040BS
R8,999
Add to Cart
Compare
3. Hisense 6kg Front Load Washer Silver WFVC6010S
R5,599
Add to Cart
Compare
4. Defy 10kg Front Load Washer Manhattan Grey DAW387
R10,999
Add to Cart
Compare
5. Samsung 9kg Front Loader Washer Inox WW90T554DAN
R10,999
Add to Cart
Compare
Hisense 9kg Front Load Washer Titanium Grey WFQP9012VMT
1404197
000000000010286651
ZAR
R8499
Additional Information
About This Item
Specifications
Customer Reviews
Delivery & Returns
Capacity
The washing machine has a generous 9kg capacity, making it suitable for larger
laundry loads.
Durable Inverter
The inclusion of a durable inverter motor ensures long-lasting performance,
reduced vibration, minimal noise, and improved energy efficiency.
Stylish New Look
The washing machine boasts a stylish new design, enhancing its aesthetic appeal
and seamlessly blending into modern home environments.
Automatic Programs
With 15 automatic programs, the washing machine offers versatility to cater to
different fabric types and soil levels, optimizing the washing process.
Steam Wash
The steam wash feature utilizes steam during the washing cycle to effectively
clean and refresh clothes, providing an advanced level of cleanliness and aiding
in wrinkle reduction.
These features collectively make this washing machine a practical and attractive
choice for households, promising efficient washing, improved energy savings, and
a modern design that complements various home settings.
More Information General Specifications Eco Cycle Yes Electronic Controls Yes
Energy Efficiency Rating A+++ No. of Programs 8 Plumbing Required Yes Spin Speed
(rpm) 1200.0000 Water Consumption 0 l Style Finish Metal Boxed / Shipping
Dimensions Gross Weight 68 kg Height 88 cm Length / Depth 57 cm Net Weight 64 kg
Width 65 cm Product Dimensions Product Height 84.5 cm Product Length / Depth 54
cm Product Width 64 cm General Dimensions Load Capacity 9 kg
Write Review
Reviews
Write Review
Reviews
Powered by TestFreaks
Be the first to write a review
Delivering your Online Order
Delivery is available throughout South Africa and will be concluded between 2 –
5 working days from Monday to Friday (excluding public holidays), subject to
payment and order confirmation before 12h00. Depending on origin and
destination, a further delay of up to 24 hours may be experienced on shipments
to outlying areas.
What will the delivery cost?
Delivery charges are determined by the value of the order placed.
Type of products Delivery Fee Orders over R500 (excludes TV’s, Large
Appliances, Furniture, Beds, Large Items & Sports Equipment) Free Delivery
Orders under R500 R75.00 TV's R120.00 Large Appliances, Beds, Inverters,
Portable Inverters, Generators, Outdoor & Sports equipment R220.00
Large Items, DIY & Furniture
R300.00
When will delivery take place?
* Delivery service will commence upon payment confirmation being received
unless supporting documents are requested i.e. in the case of the
verification of a TV License with a valid ID.
* Deliveries will generally be made within the timeframe of the selected
delivery type after collection from point of dispatch and between major
centers from Monday to Fridays.
* We deliver from Monday to Friday from 08h00 to 17h00 to both business and
residential addresses.
* No deliveries will be made on the weekend or any public holiday.
What if I miss my delivery?
We will notify you of a failed delivery i.e. when no one can be reached at the
specified delivery address to receive and sign for the goods at the scheduled
time. We will reschedule the delivery as soon as possible.
What if my items are damaged, faulty or incorrectly delivered?
In the regrettable event that you receive a damaged product, please notify us
within 24 hours of receipt of delivery on 0860 459 459 or hificorp@jdg.co.za. We
will do our utmost best to have the damaged product collected and a new product
delivered to you within 3 business days.
What if I receive the incorrect items or quantity of products?
Should the incorrect items or quantity of items be delivered to you, you need to
notify us immediately so that we can rectify the situation. You can notify us on
0860 459 459 or hificorp@jdg.co.za and we will get our team to collect the
incorrect items and replace them as soon as possible.
Returns & Refunds process:
We offer a full returns and exchanges policy. You may return or exchange goods
at any one of our stores subject to producing the original receipt and ensuring
the product is in its original packaging and condition. Should the product not
be in its original packaging, a handling fee of up to 15% of the product’s value
may be charged as per the CPA.
The following cannot be returned or refunded:
- Items specified as non-returnable/non-refundable items.
- Delivery and or installation costs.
- Pre-paid cards.
- Digital content.
- Any damaged or abused items.
- Faulty/defective products after 14 days. (excluding all plasma LCD & LED
televisions larger than 32-inch as well as all large appliances)
In the unfortunate event that your purchased product becomes faulty or defective
within the first six months of delivery, you can take it to any of our stores to
be inspected. You will be entitled to the following options as per the CPA:
- Have the product repaired.
- Have the product replaced.
- Be refunded for the purchase amount.
In the event that the product is found to not be faulty, you will be liable for
all handling and shipping charges; including the collection and the re-delivery
of the product to you. You will be liable if the goods are damaged or faulty as
a result of misuse, abuse or negligence.
The warranty does not cover any defects caused by foreign objects or connection
errors that are not part of the product.
Refunds can take up to 10 days to reflect in your bank account. Should you not
receive your refund within 10 days, kindly contact us on 0860 459 459.
Catalogue
Catalogue
Stores
Toggle Nav
Services
0 Cart
HiFiCorp Newsletter
Subscribe for HiFiCorp news & special offers!
Subscribe
SHOP
* Catalogue
* Brands
* Click & Collect
* HiFiCorp Namibia
* HiFiCorp Botswana
* HiFiCorp Eswatini
COMPANY
* Corporate Terms & Conditions
* Promotional Terms & Conditions
* Marketing Consent Terms & Conditions
* Archived Terms & Conditions
* Privacy Policy
* Do More Foundation
* Abacus Insurance
* Unsubscribe
CUSTOMER SERVICE
* Data Security Incident_June
* Data Security Incident_August
* Returns & Refunds
* Registration & Rewards
* Find A Store
* FAQs
* Delivery Info
PAYMENT
* Apply For Credit
* Pay Credit Instalment
* 1Voucher
CONTACT US
* WhatsApp Us
* 0860 459 459
* Email Us
* Facebook
© 2024 PEPKOR TRADING LTD PTY T/A HiFiCorp. All rights reserved.
© 2023 PEPKOR TRADING LTD PTY T/A Incredible Connection. All rights reserved.
2d01a98d0809cadb2f249bddea628cacf436fd0d4076aa1baa2fd1f35bdab832 81.95.5.43
BUY THE THINGS YOU LOVE & PAY FOR THEM OVER TWO MONTHS.
PAYMENTS ARE INTEREST-FREE WITH NO DEPOSIT REQUIRED. #CHOOSEHAPPY
1. Add items to your cart.
2. Choose at checkout.
3. Enter your payment details & payday.
4. Your first payment (50%) is made on your first payday post-purchase and the
second payment (50%) is made on your next payday thereafter.
Sign up
APPLY FOR CREDIT
Close
* Basic Details
* Spouse Details
* Employment Details
* Address
* Contact Details
Step 1 / 5
Basic Details
Are you subject to an Administration Order?
Yes
No
Have you applied to be under Administration?
Yes
No
Are you under Sequestration?
Yes
No
Have you applied to be Sequestrated?
Yes
No
Are you under Debt Review?
Yes
No
Have you applied to be placed under Debt Review?
Yes
No
Title
Select your title...MsMrDrMissMrsProfRevAdvHonorable
Last name
First name
Initials
Ethnicity: Information required by Credit Regulator for statistical purposes
Select your ethnicity...AfricanAsianColouredWhiteOther
Marital Status
Select your marital status...SingleMarried / Civil
PartnershipWidowedDivorcedSeparatedOther
How Are You Married?
Select from one of the options...ANC with AccrualANC without AccrualIn
CommunityCustomary UnionOther
Have you obtained your spouse consent?
Yes
No
Citizenship
South Africa
South African ID
Date of Birth
Gender
Select from one of the options...FemaleMale
Dependants
Select from one of the options...0123456789
Next Submit
Back
Spouse Details
Title
Select your title...MsMrDrMissMrsProfRevAdvHonorable
Last name
First name
Initials
Cell Number
Citizenship
Select from one of the options...South Africa
South African ID
Date of Birth
Gender
Select from one of the options...FemaleMale
Gross Salary Per Month
Next Submit
Back
Employment Details
Employment Type
Select from one of the options...Domestic WorkerCompany EmployedGovernment
EmployedFull-time HousewifeSelf Employed - Company OwnerSelf Employed - Informal
TraderStudentUnemployedPensioner/RetiredContract WorkerOther
Term of Employment Years
Term of Employment Months
Gross Salary Per Month
Field of Employment
Select from one of the options...ManufacturingBanking /
InsuranceHealthcareAgricultureTransportMiningConstructionGovernment / Social
Service / Police / Defence ForceRetail / WholesalersEducationOther
Next Submit
Back
Address
Street Address
Complex/Company/Building Details (Optional)
Province
Select from one of the options...Eastern CapeFree
StateGautengKwaZulu-NatalLimpopoMpumalangaNorthern CapeNorth-WestWestern Cape
City
Suburb
Postal Code
Country
Select from one of the options...South Africa
Preferred Store
Select from one of the options...AMANZIMTOTI - HiFiCorp BALLITO JUNCTION -
HiFiCorpBLOEMFONTEIN - HiFiCorpBOKSBURG - HiFiCorp CARNIVAL MALL - HiFiCorp
CENTURION - HiFiCorp CLEARWATER MALL - HiFiCorp CORNUBIA - HiFiCorpCRESTA -
HiFiCorpEAST LONDON - HiFiCorp EASTGATE - HiFiCorpEMPANGENI - HiFiCorp FESTIVAL
MALL - HiFiCorpFOURWAYS - HiFiCorp GREENACRES - HiFiCorp ILANGA MALL - HiFiCorp
KIMBERLEY - HiFiCorpKLERKSDORP - HiFiCorp MABOPANE - HiFiCorpMAHIKENG - HiFiCorp
MALL OF AFRICA - HiFiCorpMALL OF THE NORTH - HiFiCorp MAMS MALL - HiFiCorp
MENLYN - HiFiCorp MIDDELBURG - HiFiCorp MITCHELLS PLAIN - HiFiCorp MUSINA -
HiFiCorpN1 CITY - HiFiCorp NEWCASTLE - HiFiCorp NORTHGATE - HiFiCorp OAKDENE -
HiFiCorpPIETERMARITZBURG - HiFiCorpPOLOKWANE - HiFiCorpROSEBANK -
HiFiCorpRUSTENBURG - HiFiCorpSECUNDA - HiFiCorpSOUTHGATE - HiFiCorpSPRINGFIELD -
HiFiCorp THOHOYANDOU - HiFiCorpVAAL - HiFiCorpWESTGATE - HiFiCorp WITBANK -
HiFiCorp WONDERPARK - HiFiCorp WOODMEAD - HiFiCorp
Next Submit
Back
Contact Details
Do you have a bank account?
Yes
No
Choose your bank
Select from one of the options...ABSAAFRICAN
BANKBIDVESTCAPITECFNBINVESTECNEDBANKSTANDARD BANK SA
Cell Number
E-mail Address
Correspondence Language
Select from one of the options...EnglishAfrikaansSesothoXhosaZulu
I accept Terms & Conditions
I would like to be kept informed about specials and deals
I have read and accept the privacy policy
Next Submit
Back
Close
* My Account Welcome to Hifi Corp!
I have an account
Fill in your username and password to access your account.
Sign In
Create a New Customer Account
By creating a Customer account you`ll be able to access:
* Quick Checkout and Order Tracking.
* Orders and Invoices.
Create an Account
* My Product Reviews
Close
Mobicred is powered by RCS Cards, a registered credit and authorised Financial
Services Provider. NCRCP 38/FSP 44481.
Mobicred is a digital credit facility that allows you to shop now and repay the
amount in monthly instalments. The displayed monthly payment amount is the
indicative for pricing for 12 months at 22.25%, includes a monthly fee but
excludes a once-off account initiation fee. Please note the annual interest
rate is subject to change.
SIMPLE
One time, easy & quick online application process requiring minimal information.
Quick application response.
CONVENIENT
One single account to access all participating mobicred retail partners giving
you the freedom to buy more online.
SAFE
mobicred customer authentication providing secure use of your credit facility at
approved online retail partners.
Access, manage & control your account online or via your mobile phone.
Apply Now
SUBSCRIBE NOW
Close
First Name
Last Name
Cellphone Number
E-mail Address
Submit
Sending...
The Pepkor group of companies (Pepkor Holdings Limited, Registration number
2017/221869/06, 36 Stellenberg Road, Parow
Industria)(https://www.pepkor.co.za/retail-segments/), wishes to [email/SMS/*
other electronic means] information to you about our products and services as
referred to in our External Privacy Statement.
For further information, refer to our Privacy Statement or contact our
Information Officer, on popia-io@pepkor.co.za or 0860900100. Refer to the Pepkor
External Privacy Statement. By clicking "Submit", I consent to the above
information.