www.hificorp.co.za
Open in
urlscan Pro
151.101.67.42
Public Scan
URL:
https://www.hificorp.co.za/tp-link-tl-mr6400-4g-lte-router
Submission: On December 10 via api from ZA — Scanned from FR
Submission: On December 10 via api from ZA — Scanned from FR
Form analysis 22 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/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/27186/
<form data-product-sku="000000000010114594" action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/27186/" method="post" id="product_addtocart_form"
novalidate="novalidate">
<input type="hidden" name="product" value="27186">
<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="27186">
<input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe">
<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/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1354352/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010277352"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1354352/" method="post">
<input type="hidden" name="product" value="1354352">
<input type="hidden" name="related_product" value="1354352">
<input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"> <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/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1398148/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010283524"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1398148/" method="post">
<input type="hidden" name="product" value="1398148">
<input type="hidden" name="related_product" value="1398148">
<input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"> <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/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1404439/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010286906"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1404439/" method="post">
<input type="hidden" name="product" value="1404439">
<input type="hidden" name="related_product" value="1404439">
<input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"> <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/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1409105/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010289000"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1409105/" method="post">
<input type="hidden" name="product" value="1409105">
<input type="hidden" name="related_product" value="1409105">
<input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"> <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/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1233681/
<form class="related-form" data-role="tocart-form-product-widget" data-product-sku="000000000010274440"
action="https://www.hificorp.co.za/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGlmaWNvcnAuY28uemEvdHAtbGluay10bC1tcjY0MDAtNGctbHRlLXJvdXRlcg~~/product/1233681/" method="post">
<input type="hidden" name="product" value="1233681">
<input type="hidden" name="related_product" value="1233681">
<input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"> <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="27189">
<input type="hidden" name="item" value="27189">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-id="27189">Add to Cart</button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="product" value="27189">
<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="1412427">
<input type="hidden" name="item" value="1412427">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-id="1412427">Add to Cart</button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="product" value="1412427">
<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="30323">
<input type="hidden" name="item" value="30323">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-id="30323">Add to Cart</button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="product" value="30323">
<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="57346">
<input type="hidden" name="item" value="57346">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-id="57346">Add to Cart</button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="product" value="57346">
<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="30433">
<input type="hidden" name="item" value="30433">
<button class="action tocart kuRECSItemBottom kuRECSItemClick" data-id="30433">Add to Cart</button>
</form><form class="klevu-recom-form-compare">
<input type="hidden" name="product" value="30433">
<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-85ltjcs9wa3f" 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=fr&v=pPK749sccDmVW_9DSeTMVvh2&theme=light&size=invisible&badge=bottomright&cb=ysdhgr1z5ww4"></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/version1731506372/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="Indiquez un lieu" 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="HIFI CORP KENILWORTH">HIFI CORP KENILWORTH</option>
<option value="HiFiCorp Amanzimtoti">HiFiCorp Amanzimtoti</option>
<option value="HiFiCorp Ballito Mall">HiFiCorp Ballito Mall</option>
<option value="HiFiCorp Bayside">HiFiCorp Bayside</option>
<option value="HIFICORP BEDWORTH MALL">HIFICORP BEDWORTH MALL</option>
<option value="HiFiCorp Bloemfontein">HiFiCorp Bloemfontein</option>
<option value="HiFiCorp Boksburg">HiFiCorp Boksburg</option>
<option value="HiFiCorp Centurion">HiFiCorp Centurion</option>
<option value="HiFiCorp Clearwater">HiFiCorp Clearwater</option>
<option value="HiFiCorp Cornubia">HiFiCorp Cornubia</option>
<option value="HiFiCorp Cresta">HiFiCorp Cresta</option>
<option value="HiFiCorp East London">HiFiCorp East London</option>
<option value="HiFiCorp Eastgate">HiFiCorp Eastgate</option>
<option value="HiFiCorp Empangeni">HiFiCorp Empangeni</option>
<option value="HiFiCorp Festival Mall">HiFiCorp Festival Mall</option>
<option value="HiFiCorp Hazyview">HiFiCorp Hazyview</option>
<option value="HiFiCorp Ilanga Mall">HiFiCorp Ilanga Mall</option>
<option value="HiFiCorp Jubilee">HiFiCorp Jubilee</option>
<option value="HiFiCorp Kimberley">HiFiCorp Kimberley</option>
<option value="HiFiCorp Klerksdorp">HiFiCorp Klerksdorp</option>
<option value="HiFiCorp Mabopane">HiFiCorp Mabopane</option>
<option value="HiFiCorp Mahikeng">HiFiCorp Mahikeng</option>
<option value="HiFiCorp Mall @ Carnival">HiFiCorp Mall @ Carnival</option>
<option value="HiFiCorp Mall of Africa">HiFiCorp Mall of Africa</option>
<option value="HiFiCorp Mall of the North">HiFiCorp Mall of the North</option>
<option value="HiFiCorp Mams Mall">HiFiCorp Mams Mall</option>
<option value="HiFiCorp Matsapha">HiFiCorp Matsapha</option>
<option value="HiFiCorp Mbabane">HiFiCorp Mbabane</option>
<option value="HiFiCorp Menlyn">HiFiCorp Menlyn</option>
<option value="HiFiCorp Middelburg">HiFiCorp Middelburg</option>
<option value="HiFiCorp Mitchells Plain">HiFiCorp Mitchells Plain</option>
<option value="HiFiCorp Musina">HiFiCorp Musina</option>
<option value="HiFiCorp N1 City">HiFiCorp N1 City</option>
<option value="HiFiCorp Newcastle">HiFiCorp Newcastle</option>
<option value="HiFiCorp Northgate">HiFiCorp Northgate</option>
<option value="HiFiCorp PE Greenacres">HiFiCorp PE Greenacres</option>
<option value="HiFiCorp Pietermaritzburg">HiFiCorp Pietermaritzburg</option>
<option value="HiFiCorp Polokwane">HiFiCorp Polokwane</option>
<option value="HiFiCorp Rosebank">HiFiCorp Rosebank</option>
<option value="HiFiCorp Rustenburg">HiFiCorp Rustenburg</option>
<option value="HiFiCorp Secunda">HiFiCorp Secunda</option>
<option value="HiFiCorp Southgate Mall">HiFiCorp Southgate Mall</option>
<option value="HiFiCorp Springfield">HiFiCorp Springfield</option>
<option value="HiFiCorp Thavhani Mall">HiFiCorp Thavhani Mall</option>
<option value="HiFiCorp The Glen">HiFiCorp The Glen</option>
<option value="HIFICORP TRADE ROUTE">HIFICORP TRADE ROUTE</option>
<option value="HiFiCorp Vaal Mall">HiFiCorp Vaal Mall</option>
<option value="HiFiCorp Vryheid">HiFiCorp Vryheid</option>
<option value="HiFiCorp Westgate">HiFiCorp Westgate</option>
<option value="HiFiCorp Witbank">HiFiCorp Witbank</option>
<option value="HiFiCorp Wonderpark">HiFiCorp Wonderpark</option>
<option value="HiFiCorp Woodmead">HiFiCorp Woodmead</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-gl4zm9v867gw" 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=fr&v=pPK749sccDmVW_9DSeTMVvh2&theme=light&size=invisible&badge=bottomright&cb=kituat76xwhk"></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>
</div>
<!-- ko if: (!getIsInvisibleRecaptcha()) --><!-- /ko -->
</div>
<!-- /ko -->
<!--/ko-->
<input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"><input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"><input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"><input name="form_key" type="hidden"
value="eK9MWuGjxD4lgbhe"><input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"><input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"><input type="hidden" class="formKey" name="form_key" value=""><input type="hidden"
class="formKey" name="form_key" value=""><input type="hidden" class="formKey" name="form_key" value=""><input type="hidden" class="formKey" name="form_key" value=""><input type="hidden" class="formKey" name="form_key" value=""><input
name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"><input name="form_key" type="hidden" value="eK9MWuGjxD4lgbhe"><input type="text" name="token" style="display: none">
</form>Name: webform_I8s8G8 — POST
<form method="post" name="webform_I8s8G8" id="webform_I8s8G8" 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="eK9MWuGjxD4lgbhe">
<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_I8s8G850" class="fieldset fieldset-50 wf-lg-1-1 wf-md-1-1 wf-sm-1-1" style="" role="group" aria-labelledby="legend_I8s8G850">
<div id="field_I8s8G8966" 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_fieldI8s8G8966">
<label class="label" id="label_fieldI8s8G8966" for="fieldI8s8G8966"> First Name </label>
<div class="control" role="group" aria-labelledby="label_fieldI8s8G8966">
<input id="fieldI8s8G8966" name="field[966]" type="text" class="input-text " style="" value="" placeholder="" data-validate="{'required-entry':true}" aria-labelledby="label_fieldI8s8G8966" aria-required="true">
</div>
</div>
<div id="field_I8s8G8967" 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_fieldI8s8G8967">
<label class="label" id="label_fieldI8s8G8967" for="fieldI8s8G8967"> Last Name </label>
<div class="control" role="group" aria-labelledby="label_fieldI8s8G8967">
<input id="fieldI8s8G8967" name="field[967]" type="text" class="input-text " style="" value="" placeholder="" data-validate="{'required-entry':true}" aria-labelledby="label_fieldI8s8G8967" aria-required="true">
</div>
</div>
<div id="field_I8s8G8968" 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_fieldI8s8G8968">
<label class="label" id="label_fieldI8s8G8968" for="fieldI8s8G8968"> Cellphone Number </label>
<div class="control" role="group" aria-labelledby="label_fieldI8s8G8968">
<input id="fieldI8s8G8968" 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_fieldI8s8G8968" aria-required="true">
</div>
</div>
<div id="field_I8s8G8969" 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_fieldI8s8G8969">
<label class="label" id="label_fieldI8s8G8969" for="fieldI8s8G8969"> E-mail Address </label>
<div class="control" role="group" aria-labelledby="label_fieldI8s8G8969">
<input id="fieldI8s8G8969" name="field[969]" type="text" class="input-text " style="" value="" placeholder="" data-validate="{'required-entry':true, 'validate-email':true}" aria-labelledby="label_fieldI8s8G8969" aria-required="true"
onkeyup="if(this.value.search(' ')>=0){this.value = this.value.replace(' ','');}">
</div>
</div>
</fieldset>
<div id="submitI8s8G8" class="actions-toolbar">
<div class="primary">
<button type="submit" class="action submit primary " id="webform_I8s8G8_submit_button" title="Submit" name="submit_button_I8s8G8">
<span>Submit</span>
</button>
</div>
<div class="secondary">
<div class="please-wait" id="webform_I8s8G8_sending_data" style="display:none;">
<div class="loading-indicator"></div>
<span id="webform_I8s8G8_progress_text">Sending...</span>
</div>
</div>
</div>
</form>POST
<form class="form form-login" method="post" data-bind="event: {submit: login }" id="login-form">
<div class="fieldset login" data-bind="attr: {'data-hasrequired': $t('* Required Fields')}" data-hasrequired="* Required Fields">
<div class="field email required">
<label class="label" for="customer-email"><span data-bind="i18n: 'Email Address'">Email Address</span></label>
<div class="control">
<input name="username" id="customer-email" type="email" class="input-text" data-mage-init="{"mage/trim-input":{}}" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true, 'validate-email':true}"
autocomplete="off">
</div>
</div>
<div class="field password required">
<label for="pass" class="label"><span data-bind="i18n: 'Password'">Password</span></label>
<div class="control">
<input name="password" type="password" class="input-text" id="pass" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true}" autocomplete="off">
<div class="password-toggle"></div>
</div>
</div>
<!-- ko foreach: getRegion('additional-login-form-fields') -->
<!-- ko template: getTemplate() -->
<input name="captcha_form_id" type="hidden" data-bind="value: formId, attr: {'data-scope': dataScope}" value="user_login" data-scope="">
<!-- ko if: (isRequired() && getIsVisible())--><!-- /ko -->
<!-- /ko -->
<!-- ko template: getTemplate() -->
<div data-bind="{
attr: {
'id': getReCaptchaId() + '-wrapper'
},
'afterRender': function() { waitForUser(); renderReCaptcha(); }
}" id="recaptcha-popup-login-wrapper">
<div class="g-recaptcha" id="recaptcha-popup-login" 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-uzdtgz957zad" 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=fr&v=pPK749sccDmVW_9DSeTMVvh2&theme=light&size=invisible&badge=bottomright&cb=u5ltrb8szvbp"></iframe>
</div>
<div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-3" 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 -->
<div class="actions-toolbar">
<input name="context" type="hidden" value="checkout">
<div class="primary">
<button type="submit" class="action primary action-login secondary" name="send" id="send2">
<span data-bind="i18n: 'Sign In'">Sign In</span>
</button>
</div>
<div class="secondary">
<a class="action remind" data-bind="attr: {href: forgotPasswordUrl}" href="https://www.hificorp.co.za/customer/account/forgotpassword/">
<span data-bind="i18n: 'Forgot Your Password?'">Forgot Your Password?</span>
</a>
</div>
</div>
</div>
<input type="text" name="token" style="display: none">
</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
* TV Stands
* 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
* Personal Care
* * Tongs & Straighteners
* Hairdryers
* Clippers & Grooming
* Electric Shavers
* Humidifiers & Purifiers
* Hair Removal
* Computers, Printers & Accessories
* * Laptops
* * Windows
* MacBook
* Chromebook
* Desktops
* * Windows
* PC Gaming
* * Gaming Desktops
* Gaming Laptops
* Gaming Mouses & Mouse Pads
* Gaming Keyboards
* 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
* Webcams
* 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 & Bedding
* * Bed Sets
* Mattresses
* Bedding
* Storage Bases
* * Home Office
* * Office Desks
* Office Chairs
* Bookshelves & Storage
* Visitors Chairs
* Lounge Furniture
* * TV Stands
* Couches
* Coffee & Side Tables
* Wall Units & Display Cabinets
* Occasional Chairs
* Ottomans
* Lounge Suites
* Daybeds
* Sleeper Couches
* Recliner Chairs & Suites
* Dining Room Furniture
* * Bar & Nook Stools
* Dining Servers & Sideboards
* Dining Tables
* Dining Chairs
* Gaming Furniture
* * Gaming Chairs
* Gaming Desks
* Kitchen Furniture
* * Kitchen Units
* Barstools
* Gaming
* * Consoles
* * PlayStation
* Xbox
* Nintendo
* Retro Consoles
* Handheld Gaming Devices
* Games
* * PlayStation
* Xbox
* Nintendo
* Gaming Desktops
* Gaming Laptops
* Gaming Monitors
* Gaming Furniture
* * Gaming Chairs
* Gaming Desks
* Accessories
* * PlayStation Accessories
* Xbox Accessories
* Nintendo Accessories
* Gaming Mouses & Mouse Pads
* Gaming Keyboards
* PC Headsets
* Multi-Platform Accessories
* Racing Seats and Steering Wheels
* Other Accessories
* Components
* * Memory (RAM)
* 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
* * Cookware
* * Pots
* Pans, Grills & Woks
* Cookware Sets
* Ovenware
* Cooking Accessories
* Bakeware
* * Bakeware & Cooling Racks
* Kitchenware
* * Utensils & Knives
* Measuring & Timing
* Kitchen & Food Storage
* Dustbins
* Coffee & Tea
* Dining & Entertaining
* * Glassware
* Cutlery
* Crockery
* Outdoor Tableware & Picnic
* Laundry & Cleaning
* * Cleaning
* Laundry
* Brushware
* Storage & Organisation
* * Storage Boxes
* 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
* Specialised Power Tools
* Planers
* 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
* 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
* Garden Tools
* Irrigation
* Camping
* * Camping Accessories
* Camping Equipment
* Torches & Lanterns
* Camping Furniture
* Tents
* Coolers & Storage
* 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
* Toys, VR & Electronic Vehicles
* * Electronic Vehicles
* * Scooters
* Ride Ons
* Electric Vehicles
* Educational
* * Science & Virtual Reality Kits
* Outdoor Toys
* * Beach & Garden Toys
* Downloads & Gift Cards
* * Gaming
* Entertainment
* Productivity
* Antivirus
* Gift Cards & Vouchers
* Brands
* Payment Options
Sign in for Exclusive Savings!
My Account
Close
My Shopping Cart
You have 0 products in your cart
Sign in for Exclusive Savings!
TRY ONE OF OUR POPULAR CATEGORIES...
* Large Appliances
* Small Appliances
* TV's
* Audio
* Cellular
* Computing
Continue Shopping
Close
Payment
Help
* * Hi-Home
* Support & Services
* Registration & Rewards
* Sustainability
* Storvault
* Home of TV's
* Home of Appliances
* Home of Cellular
* Loadshedding
* Support & Services
* Warranty Registration
Quick Order Store Finder
Track my Order Track
* Home
* TP-Link TL-MR6400 4G-LTE Router
Skip to the end of the images gallery
1 of 2
Product Gallery
Product Images
Videos
1 of 2
Skip to the beginning of the images gallery
Save R 400
View Product Gallery
712
TP-LINK TL-MR6400 4G-LTE ROUTER
In stock
Product Code
000000000010114594
* Maximum network coverage
* Available Wan connection backup
* Super fast 4G LTE speed
* Plug and play with a sim card
* 2 Year Warranty
Regular Price R 1,699
Sale ends Tuesday, 31 December 2024
Special Price R 1,299 with +more
Available for delivery in 2 to 5 working days.
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 148 pm x 24 months
Apply for Credit
Rate: 19%
Credit Price: R 3,552
Get it now, pay later!
6 weeks
2 months
12 months
R 325
for 6 weeks
No interest, no fees, 4x instalments over 6 weeks
Learn More
R 650 /month
for 2 months
Split your purchase over two paycheques. No deposit, no interest.
Learn More
R122
/month
for 12 months
One time, easy & quick online application process requiring minimal information.
Learn More
FREQUENTLY BOUGHT TOGETHER
1. Current Product
TP-Link TL-MR6400 4G-LTE Router
Regular Price R 1,699
Sale ends Tuesday, 31 December 2024
Special Price R 1,299 with +more
2. Save R 3100
Vizia 300W Home Office Backup Power Solution
Regular Price R 6,999
Sale ends Tuesday, 17 December 2024
Special Price R 3,899 with +more
Select Selected
Add to Cart
3. Save R 700
Vizia Mini DC UPS for WiFI 57 000mWh
Regular Price R 1,599
Sale ends Tuesday, 10 December 2024
Special Price R 899 with +more
Select Selected
Add to Cart
4. Save R 100
Volkano Sustain Series Mini UPS
Regular Price R 699
Sale ends Tuesday, 17 December 2024
Special Price R 599 with +more
Select Selected
Add to Cart
5. Gizzu 60W Mini DC 69Wh UPS
R 1,069
Select Selected
Add to Cart
6. Save R 100
GIZZU 46Wh Mini UPS
Regular Price R 999
Sale ends Tuesday, 17 December 2024
Special Price R 899 with +more
Select Selected
Add to Cart
Package Total:
Regular Price R 1,699
Sale ends Tuesday, 31 December 2024
Special Price R 1,299 with +more
Add Items to Cart
ALTERNATIVE PRODUCTS
1. TP-Link M7200 LTE-4G Router
R1,369
Add to Cart
Compare
2. Save R800
TP Link MR6400 4G LTE Router with Constant UPS
R2,599 R1,799 with +more
Add to Cart
Compare
3. Save R600
TP-Link MR200 Dual Band 4G-LTE Router
R2,399 R1,799 with +more
Add to Cart
Compare
4. TP-Link MR600 AC1200 GB 4G Router
R2,999
Add to Cart
Compare
5. Save R300
TP-Link M7350 LTE- Mobile WIFI Router
R1,699 R1,399 with +more
Add to Cart
Compare
TP-Link TL-MR6400 4G-LTE Router
27186
000000000010114594
ZAR
R1699
Additional Information
About This Item
Specifications
Customer Reviews
Delivery & Returns
TP-LINK TL-MR6400 4G-LTE ROUTER
More Information General Specifications Antenna Quantity 2 Antenna Type External
Frequency Range 2.4 GHz Transmission Speed (Mbps) 300 Transmission Power 20 dB
Connectivity 4G / LTE bands supported 4G LTE DHCP Client Yes DHCP Server Yes
Ethernet Port Speed 10/100 Mbpss No. of Ethernet Ports 4 Sim Types Micro Sim
Boxed / Shipping Dimensions Gross Weight 0.66 kg Height 7 cm Length / Depth 30
cm Net Weight 0.66 kg Width 23 cm System Requirements Operating System
Compatibility Android & iOS, Windows Security Firewall Security Type IP & MAC
Address Binding IP address filtering Yes Security Protocols IPv4, IPv6
4.3
Based on 1802 ratings1802 ratingsThis score is based on all expert and user
reviews that TestFreaks has collected for this product. Reviews and scores are
collected from more than 30 countries but only reviews in selected languages are
shown below.
5☆
4☆
3☆
2☆
1☆
Write Review
Reviews (712)
Write Review
Reviews (712)
Powered by TestFreaks
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
CUSTOMER SERVICE
* Data Security Incident_June
* Data Security Incident_August
* Scam Alert
* 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.
2b1039eda171b79e3abe00997fe46b7c9e173213b6ee5dce700f1f2e9af0f38c 146.70.184.148
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...HIFI CORP KENILWORTHHiFiCorp
AmanzimtotiHiFiCorp Ballito MallHiFiCorp BaysideHIFICORP BEDWORTH MALLHiFiCorp
BloemfonteinHiFiCorp BoksburgHiFiCorp CenturionHiFiCorp ClearwaterHiFiCorp
CornubiaHiFiCorp CrestaHiFiCorp East LondonHiFiCorp EastgateHiFiCorp
EmpangeniHiFiCorp Festival MallHiFiCorp HazyviewHiFiCorp Ilanga MallHiFiCorp
JubileeHiFiCorp KimberleyHiFiCorp KlerksdorpHiFiCorp MabopaneHiFiCorp
MahikengHiFiCorp Mall @ CarnivalHiFiCorp Mall of AfricaHiFiCorp Mall of the
NorthHiFiCorp Mams MallHiFiCorp MatsaphaHiFiCorp MbabaneHiFiCorp MenlynHiFiCorp
MiddelburgHiFiCorp Mitchells PlainHiFiCorp MusinaHiFiCorp N1 CityHiFiCorp
NewcastleHiFiCorp NorthgateHiFiCorp PE GreenacresHiFiCorp
PietermaritzburgHiFiCorp PolokwaneHiFiCorp RosebankHiFiCorp RustenburgHiFiCorp
SecundaHiFiCorp Southgate MallHiFiCorp SpringfieldHiFiCorp Thavhani MallHiFiCorp
The GlenHIFICORP TRADE ROUTEHiFiCorp Vaal MallHiFiCorp VryheidHiFiCorp
WestgateHiFiCorp WitbankHiFiCorp WonderparkHiFiCorp Woodmead
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
Sign in for Exclusive Savings!
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
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.
Close
Registered customers
If you have an account, sign in with your email address.
Email Address
Password
Sign In
Forgot Your Password?
Don't have an Account?
New Customers
By creating an account with our store, you will be able to move through the
checkout process faster, store multiple shipping addresses, view and track your
orders in your account and more.
Create an Account