torque.seritisolutions.co.za
Open in
urlscan Pro
105.29.158.152
Public Scan
URL:
https://torque.seritisolutions.co.za/app/financeapplication?CompanyCode=MAHE&UniqueCode=55ED4109-700F-4EC8-AD38-7BCDD55FBAE6
Submission: On December 29 via manual from IN — Scanned from DE
Submission: On December 29 via manual from IN — Scanned from DE
Form analysis 7 forms found in the DOM
Name: onlineAppplicationForm —
<form angular-validator-submit="finAppVm.setTab(1, onlineAppplicationForm)" name="onlineAppplicationForm" novalidate="" angular-validator="" class="ng-pristine ng-valid">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="margin-bottom-10"> Note! The details captured in this application may be sent to one or more financial institutions and I consent to Credit Bureau processing of credit information, including income, employment, personal data for
prescribed business as per related Acts and that such outcome may be shared with the 3rd Party. </div>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.privateCommercialFields" data-ng-model="finAppVm.financeApplicationJSON.customerType" data-label="This transaction is for:" data-title="This transaction is for:" data-inline=""
class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
<div class="show-pointer-cursor margin-top-10 margin-bottom-10 margin-left-5 ng-scope" ng-if="inline !== undefined">
<div class="t-radio padding-bottom-5 ng-binding" title="This transaction is for:"
ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}" id="t-radio-lbl-7711">This transaction is for:</div>
<!-- ngRepeat: option in fieldItems -->
</div><!-- end ngIf: inline !== undefined -->
</t-radio-button>
</div>
<div class="t-flex-item-100">
<div class="margin-top-20 margin-bottom-10 text-red"> The following documentation will assist with a timeous outcome and can be uploaded on completion of the application. </div>
<!-- ngIf: finAppVm.financeApplicationJSON.customerType == 'PRIVATE' -->
<div class="margin-top-20 margin-bottom-10 text-black ng-scope" ng-if="finAppVm.financeApplicationJSON.customerType == 'PRIVATE'"> For a Private individual </div><!-- end ngIf: finAppVm.financeApplicationJSON.customerType == 'PRIVATE' -->
<!-- ngIf: finAppVm.financeApplicationJSON.customerType == 'COMMERCIAL' -->
<!-- ngIf: finAppVm.financeApplicationJSON.customerType == 'PRIVATE' -->
<ul class="list-group margin-left-30 ng-scope" ng-if="finAppVm.financeApplicationJSON.customerType == 'PRIVATE'">
<li class="list-font-hfa">Proof of Identity (South African ID document or Passport)</li>
<li class="list-font-hfa">Driver's License</li>
<li class="list-font-hfa">3 Months Bank-Generated Bank Statements</li>
<li class="list-font-hfa">3 Months Payslips</li>
<li class="list-font-hfa">Proof of Address (Not older than 3 months)</li>
</ul><!-- end ngIf: finAppVm.financeApplicationJSON.customerType == 'PRIVATE' -->
<!-- ngIf: finAppVm.financeApplicationJSON.customerType == 'COMMERCIAL' -->
</div>
</div>
</div>
</div>
<div class="row margin-top-30">
<div class="col-lg-12">
<div class="t-flex-item-container-no-stacking">
<div class="t-flex-item-100">
<button class="btn btn-lcyan btn-block" type="submit">Next</button>
</div>
</div>
</div>
</div>
</form>Name: qualifyingCriteriaForm —
<form angular-validator-submit="finAppVm.setTab(2, qualifyingCriteriaForm)" name="qualifyingCriteriaForm" novalidate="" angular-validator="" class="ng-pristine ng-invalid ng-invalid-required ng-valid-validate-email">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="margin-bottom-10"> Please enter your email address and agree to the consent question in order to continue. </div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Email Address" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.emailAddress}">
<input class="form-control ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-validate-email" id="txtEmailAddress" spellcheck="false" name="emailAddress" autofocus=""
ng-model="finAppVm.financeApplicationJSON.client.emailAddress" required="" validate-email="" validate-on="blur" type="text" invalid-message="'A valid email address is required (someone@example.com).'" required-message="'Required'">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Declarations </div>
</div>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.insolventIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.finInsolventInd" data-label="I am insolvent?" data-title="Insolvent: Unable to pay debts owed."
class="required ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" required="">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding required radio-text-red" title="Insolvent: Unable to pay debts owed."
ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}" id="t-radio-lbl-9144">I am insolvent?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.adminOrderIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.finAdminOrderInd" data-label="I am currently subject to an Administrator Order?"
data-title="Administration Order: An administration order (AO) is a formal and legally-binding agreement between you and your creditors to pay back your debts over a period of time."
class="required ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" required="">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding required radio-text-red"
title="Administration Order: An administration order (AO) is a formal and legally-binding agreement between you and your creditors to pay back your debts over a period of time."
ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}" id="t-radio-lbl-8147">I am currently subject to an
Administrator Order?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.sequestrationOrderIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.finSequestrationOrderInd" data-label="I am currently under sequestration?"
data-title="Under Sequestration: The estate of a person who is no longer able to pay his or her debts due to uncontrollable circumstances is surrendered by order of the court."
class="required ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" required="">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding required radio-text-red"
title="Under Sequestration: The estate of a person who is no longer able to pay his or her debts due to uncontrollable circumstances is surrendered by order of the court."
ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}" id="t-radio-lbl-7057">I am currently under
sequestration?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.debtReviewIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.finDebtReviewInd" data-label="I am currently under debt review?"
data-title="Debt Review: If you are under debt review, it means you have appointed a debt counsellor who has deemed you over indebted and in need of a structured repayment plan."
class="required ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" required="">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding required radio-text-red"
title="Debt Review: If you are under debt review, it means you have appointed a debt counsellor who has deemed you over indebted and in need of a structured repayment plan."
ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}" id="t-radio-lbl-1191">I am currently under debt
review?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.guarantorIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.finGuarantorInd" data-label="I am currently liable as a guarantor?"
data-title="Guarantor: An individual who promises to pay a another person’s debt in the event of that person defaulting on their loan obligation."
class="required ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" required="">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding required radio-text-red" title="Guarantor: An individual who promises to pay a another person’s debt in the event of that person defaulting on their loan obligation."
ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}" id="t-radio-lbl-8288">I am currently liable as a
guarantor?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.suretyIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.finSuretyInd" data-label="I am currently liable as a surety?"
data-title="Surety: A surety is a person or party that takes responsibility for the debt, default or other financial responsibilities of another party."
class="required ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" required="">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding required radio-text-red" title="Surety: A surety is a person or party that takes responsibility for the debt, default or other financial responsibilities of another party."
ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}" id="t-radio-lbl-5959">I am currently liable as a
surety?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.coDebtorIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.finCoDebtorInd" data-label="I am currently liable as a co-debtor?"
data-title="Co-Debtor: Using combined credit profile and income to qualify for a loan." class="required ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" required="">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding required radio-text-red" title="Co-Debtor: Using combined credit profile and income to qualify for a loan."
ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}" id="t-radio-lbl-7223">I am currently liable as a
co-debtor?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Consents </div>
</div>
</div>
<div class="t-flex-item-100">
<span class="text-black"> The following questions relate to any and all financial (or other) institutions which may receive your information for assessment during the vehicle finance application process. </span>
</div>
<div class="t-flex-item-100 margin-top-10">
<t-radio-button data-field-items="finAppVm.fields.idxConsentIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.idxConsentInd" data-label="I consent for the Credit Provider to obtain customer bank statements?"
class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding" title="" ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}"
id="t-radio-lbl-6027">I consent for the Credit Provider to obtain customer bank statements?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
<div class="t-flex-item-100">
<t-radio-button data-field-items="finAppVm.fields.ivxConsentIndFields.fieldItems" data-ng-model="finAppVm.financeApplicationJSON.client.ivxConsentInd" data-label="I consent for the Credit Provider to obtain customer payslip?"
class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty">
<link rel="stylesheet" type="text/css" href="/Application/common/controls/radio-button/radio-button.css">
<!-- ngIf: inline === undefined -->
<div class="show-pointer-cursor margin-top-3 margin-bottom-3 ng-scope" ng-if="inline === undefined">
<div class="radio-container">
<div class="radio-label">
<div class="t-radio t-radio-label ng-binding" title="" ng-class="{'required': requiredCss && helperService.smartMandatoryLabel(ngModel), 'radio-text-red': requiredCss && helperService.smartMandatoryLabel(ngModel)}"
id="t-radio-lbl-2617">I consent for the Credit Provider to obtain customer payslip?</div>
</div>
<div class="radio-values">
<!-- ngRepeat: option in fieldItems -->
</div>
</div>
</div><!-- end ngIf: inline === undefined -->
<!-- ngIf: inline !== undefined -->
</t-radio-button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 margin-top-30">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="t-form-group placeholder" data-placeholder="Name of sales person who assisted you">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="branchSalesPerson" name="branchSalesPerson" ng-model="finAppVm.financeApplicationJSON.branchSalesPerson"
ng-options="value.displayValue as value.displayValue for value in finAppVm.fields.salesPersonsFields.salesPersons" validate-on="blur" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row margin-top-30">
<div class="col-lg-12">
<div class="t-flex-item-container-no-stacking">
<div class="t-flex-item-100">
<button class="btn btn-lcyan btn-block" type="submit">Next</button>
</div>
</div>
</div>
</div>
</form>Name: vehicleDetailsForm —
<form angular-validator-submit="finAppVm.setTab(3, vehicleDetailsForm)" name="vehicleDetailsForm" novalidate="" angular-validator=""
class="ng-pristine ng-invalid ng-invalid-required ng-valid-validate-decimal2-positive ng-valid-maxlength ng-invalid-validate-decimal2-positive-not-zero">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="margin-bottom-20">
<span class="text-black"> Note! Information pertaining the the item (Vehicle) of which you are interested in. </span>
</div>
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Do you know what vehicle you are interested in?" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.carChoiceInd}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlcarChoiceInd" name="carChoiceInd" ng-model="finAppVm.financeApplicationJSON.carChoiceInd" ng-change="finAppVm.oncarChoiceIndChanged()"
validate-on="blur" required="" required-message="'Required'">
<option value="" selected="selected">......</option>
<option value="True">YES</option>
<option value="False">NO</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 ng-hide" ng-show="finAppVm.financeApplicationJSON.carChoiceInd === 'True'">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue ng-binding"> Item Selection </div>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="New / Used / Demo" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.vehicle.newUsed}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty ng-valid-required" id="ddlnewUsed" name="newUsed" ng-disabled="finAppVm.disableNewUsed" ng-model="finAppVm.financeApplicationJSON.vehicle.newUsed"
ng-options="newUsed.fieldValue as newUsed.fieldValue for newUsed in finAppVm.fields.newUsedFields.fieldItems" ng-required="finAppVm.financeApplicationJSON.carChoiceInd === 'True'" validate-on="blur" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Make" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.vehicle.vehicleMake.manufacturer}">
<div angucomplete-alt="" id="aCmBxMakes" pause="500" selected-object="finAppVm.vehicleMakeSelectionChanged" initial-value="finAppVm.financeApplicationJSON.vehicle.vehicleMake.manufacturer"
remote-url="https://torque-api.seritisolutions.co.za/api/vehicle/manufacturers" remote-url-request-formatter="finAppVm.manufacturersRequestParams" remote-url-data-field="manufacturers" title-field="manufacturer" minlength="2"
input-class="form-control form-control-small" match-class="highlight" text-no-results="No results, please modify your search criteria." placeholder="Type here to start search"
field-required="finAppVm.financeApplicationJSON.carChoiceInd === 'True'" input-name="aCmBxMakes" disable-input="finAppVm.disableVehicleSelection" class="ng-isolate-scope">
<div id="aCmBxMakes_angucomplete-holder" class="angucomplete-holder" ng-class="{'angucomplete-dropdown-visible': showDropdown}"> <input id="aCmBxMakes_value" name="aCmBxMakes" tabindex=""
ng-class="{'angucomplete-input-not-empty': notEmpty}" ng-model="searchStr" ng-disabled="disableInput" type="text" placeholder="Type here to start search" maxlength="524288" ng-focus="onFocusHandler()"
class="form-control form-control-small ng-empty ng-valid-maxlength" ng-blur="hideResults($event)" autocapitalize="off" autocorrect="off" autocomplete="off" ng-change="inputChangeHandler(searchStr)">
<div id="aCmBxMakes_dropdown" class="angucomplete-dropdown ng-hide" ng-show="showDropdown">
<div class="angucomplete-searching ng-binding ng-hide" ng-show="searching" ng-bind="textSearching">Searching...</div>
<div class="angucomplete-searching ng-binding" ng-show="!searching && (!results || results.length == 0)" ng-bind="textNoResults">No results, please modify your search criteria.</div> <!-- ngRepeat: result in results -->
</div>
</div>
</div>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Model" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.vehicle.vehicleModel.model}">
<div angucomplete-alt="" id="aCmBxModels" pause="500" selected-object="finAppVm.vehicleModeleSelectionChanged" initial-value="finAppVm.financeApplicationJSON.vehicle.vehicleModel.model"
remote-url="https://torque-api.seritisolutions.co.za/api/vehicle/models" remote-url-request-formatter="finAppVm.modelsRequestParams" remote-url-data-field="models" title-field="model" description-field="introductionDateStr"
minlength="2" input-class="form-control form-control-small" match-class="highlight" text-no-results="No results, please modify your search criteria." field-required="finAppVm.financeApplicationJSON.carChoiceInd === 'True'"
input-name="aCmBxModels" disable-input="finAppVm.disableVehicleSelection" class="ng-isolate-scope">
<div id="aCmBxModels_angucomplete-holder" class="angucomplete-holder" ng-class="{'angucomplete-dropdown-visible': showDropdown}"> <input id="aCmBxModels_value" name="aCmBxModels" tabindex=""
ng-class="{'angucomplete-input-not-empty': notEmpty}" ng-model="searchStr" ng-disabled="disableInput" type="text" placeholder="" maxlength="524288" ng-focus="onFocusHandler()"
class="form-control form-control-small ng-empty ng-valid-maxlength" ng-blur="hideResults($event)" autocapitalize="off" autocorrect="off" autocomplete="off" ng-change="inputChangeHandler(searchStr)">
<div id="aCmBxModels_dropdown" class="angucomplete-dropdown ng-hide" ng-show="showDropdown">
<div class="angucomplete-searching ng-binding ng-hide" ng-show="searching" ng-bind="textSearching">Searching...</div>
<div class="angucomplete-searching ng-binding" ng-show="!searching && (!results || results.length == 0)" ng-bind="textNoResults">No results, please modify your search criteria.</div> <!-- ngRepeat: result in results -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 ng-hide" ng-show="finAppVm.financeApplicationJSON.carChoiceInd === 'False' || finAppVm.financeApplicationJSON.carChoiceInd === 'True'">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Item Finance </div>
</div>
</div>
<div class="t-flex-item-100">
<div ng-show="finAppVm.financeApplicationJSON.carChoiceInd === 'False' " class="t-form-group required placeholder ng-hide t-branded-text" data-placeholder="Max Price Range"
ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.vehicle.retailPrice}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-required ng-not-empty ng-invalid ng-invalid-validate-decimal2-positive-not-zero" id="txtVehicleMaxPriceRange"
ng-disabled="finAppVm.disableRetailPrice" ng-model="finAppVm.financeApplicationJSON.vehicle.retailPrice" max="99999999" name="VehicleMaxPriceRange" ng-required="finAppVm.financeApplicationJSON.carChoiceInd === 'False'"
validate-decimal2-positive-not-zero="" validate-on="blur" invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-100">
<div ng-show="finAppVm.financeApplicationJSON.carChoiceInd === 'True'" class="t-form-group required placeholder ng-hide t-branded-text" data-placeholder="Purchase Price"
ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.vehicle.retailPrice}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-required ng-not-empty ng-invalid ng-invalid-validate-decimal2-positive-not-zero" id="txtVehiclePurchasePrice"
ng-disabled="finAppVm.disableRetailPrice" ng-model="finAppVm.financeApplicationJSON.vehicle.retailPrice" max="99999999" name="PurchasePrice" ng-required="finAppVm.financeApplicationJSON.carChoiceInd === 'True'"
validate-decimal2-positive-not-zero="" validate-on="blur" invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Deposit" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.policy.carEftDeposit}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtVehicleDeposit" name="Deposit"
ng-model="finAppVm.financeApplicationJSON.policy.carEftDeposit" validate-decimal2-positive="" max="99999999" validate-on="blur" invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Payment Day" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.policy.finPaymentDay}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlPaymentDay" name="PaymentDay" ng-model="finAppVm.financeApplicationJSON.policy.finPaymentDay"
ng-options="paymentDay.fieldValue as paymentDay.fieldValue for paymentDay in finAppVm.fields.paymentDayFields.fieldItems" required="" validate-on="blur" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100 ng-hide" ng-show="finAppVm.financeApplicationJSON.carChoiceInd === 'True'">
<div class="t-form-group placeholder ng-hide" data-placeholder="Residual Value/ Balloon Payment" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.residualValue}"
ng-hide="finAppVm.financeApplicationJSON.vehicle.retailPrice ==='R 0.00' || finAppVm.financeApplicationJSON.vehicle.retailPrice ==='0'">
<input validate-decimal2-positive="" class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtClientResidualValue" min="0"
ng-change="finAppVm.changeResidualValue('ResidualValue')" ng-model="finAppVm.financeApplicationJSON.residualValue" name="ClientResidualValue" inputmode="decimal" style="text-align: right;">
</div>
<div class="t-form-group placeholder ng-hide" data-placeholder="% Percentage Of Residual Value" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.residualPercentage}"
ng-hide="finAppVm.financeApplicationJSON.vehicle.retailPrice ==='R 0.00' || finAppVm.financeApplicationJSON.vehicle.retailPrice ==='0'">
<input type="text" class="form-control torque-numeric ng-pristine ng-untouched ng-valid ng-not-empty" id="txtResidualValuePercentage" max="100" min="0" ng-change="finAppVm.changeResidualValue('PercentageValue')"
ng-model="finAppVm.financeApplicationJSON.residualPercentage" name="clientResidualValuePercentage" inputmode="decimal">
</div>
</div>
</div>
</div>
</div>
<div class="row margin-top-30">
<div class="col-lg-12">
<div class="t-flex-item-container-no-stacking">
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lblack btn-block" type="button" ng-click="finAppVm.setTab(1)">Back</button>
</div>
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lcyan btn-block" type="submit">Next</button>
</div>
</div>
</div>
</div>
</form>Name: personalDetailsForm —
<form angular-validator-submit="finAppVm.setTab(4, personalDetailsForm)" name="personalDetailsForm" novalidate="" angular-validator=""
class="ng-pristine ng-invalid ng-invalid-required ng-valid-maxlength ng-valid-validate-contact-number ng-valid-date-must-not-be-future">
<div class="row">
<div class="col-lg-9 col-md-9">
<div class="group-header">
<div class="text-center section-header blue"> Personal Information </div>
</div>
<div class="row">
<div class="col-lg-7 col-md-7">
<div class="t-flex-item-container">
<div class="t-flex-item-20">
<div class="t-form-group required placeholder" data-placeholder="Title" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.title}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlClientTitle" name="clientTitle" ng-model="finAppVm.financeApplicationJSON.client.title"
ng-options="clientTitle.fieldValue as clientTitle.fieldValue for clientTitle in finAppVm.fields.titleFields.fieldItems" required="" validate-on="blur" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-40">
<div class="t-form-group required placeholder" data-placeholder="First Name(s)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.firstName}">
<input class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="txtClientFirstName" type="text" ng-model="finAppVm.financeApplicationJSON.client.firstName" required="" validate-on="blur"
name="clientFirstName" required-message="'Required'">
</div>
</div>
<div class="t-flex-item-40">
<div class="t-form-group required placeholder" data-placeholder="Last Name" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.lastName}">
<input class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="txtClientLastName" type="text" ng-model="finAppVm.financeApplicationJSON.client.lastName" required="" validate-on="blur"
name="clientLastName" required-message="'Required'">
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group placeholder" data-placeholder="Preferred Name" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.preferredName}">
<input class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="txtClientPreferredName" type="text" ng-model="finAppVm.financeApplicationJSON.client.preferredName" validate-on="blur" name="clientPreferredName"
required-message="'Required'">
</div>
</div>
<div class="t-flex-item-100">
<div name="clientId" id-types="finAppVm.fields.idTypeFields" is-required="true" ng-model="finAppVm.financeApplicationJSON.client" class="ng-isolate-scope ng-valid ng-not-empty">
<div class="t-flex-item-container">
<div class="t-flex-item-40">
<div class="t-form-group placeholder required" data-placeholder="ID Type" ng-class="{'t-branded-select' : model[0].$modelValue.idType, 'required' : isRequired}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="50_IdType" name="50_IdType" ng-model="model[0].$modelValue.idType"
ng-options="idTypeItem.fieldValue as idTypeItem.fieldValue for idTypeItem in idTypes.fieldItems" ng-required="isRequired" ng-disabled="isDisabled" required="required" validate-on="blur" required-message="''"
ng-change="onIdTypeChanged(model[0].$modelValue.idType)">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-60">
<div class="t-form-group placeholder required" data-placeholder="ID/Passport Number" ng-class="{'t-branded-text' : model[0].$modelValue.idNumber, 'required' : isRequired}">
<input class="form-control ng-pristine ng-untouched ng-empty ng-valid-maxlength ng-invalid ng-invalid-required" id="50_IdNumber" maxlength="20" type="text" ng-model="model[0].$modelValue.idNumber" ng-required="isRequired"
ng-disabled="isDisabled" validate-on="blur" ng-change="onIdNumberChanged(model[0].$modelValue.idNumber)" name="50_IdNumber" validate-id-number="" required="required">
</div>
</div>
<!-- ngIf: model[0].$modelValue.idType === 'PASSPORT' && !hidePassportDates -->
<!-- ngIf: model[0].$modelValue.idType === 'PASSPORT' && !hidePassportDates -->
</div>
</div>
</div>
<div class="t-flex-item-50">
<!-- ngIf: finAppVm.financeApplicationJSON.client.idType === 'PASSPORT' ||
finAppVm.financeApplicationJSON.client.idType === 'OTHER ID' -->
</div>
<div class="t-flex-item-50">
<!-- ngIf: finAppVm.financeApplicationJSON.client.idType === 'PASSPORT' ||
finAppVm.financeApplicationJSON.client.idType === 'OTHER ID' -->
</div>
<div class="t-flex-item-100">
<div class="t-form-group placeholder" data-placeholder="Ethnicity" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.ethnicGroup}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="ddlClientEthnicGroup" name="clientEthnicGroup" ng-model="finAppVm.financeApplicationJSON.client.ethnicGroup"
ng-options="clientEthnicGroup.fieldValue as clientEthnicGroup.fieldValue for clientEthnicGroup in finAppVm.fields.ethnicGroupFields.fieldItems" validate-on="blur">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder" data-placeholder="Vat Number" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.vatNumber}">
<input class="form-control ng-pristine ng-untouched ng-valid ng-empty ng-valid-maxlength" id="txtClientVatNumber" type="text" maxlength="10" ng-model="finAppVm.financeApplicationJSON.client.vatNumber" validate-on="blur"
name="clientVatNumber">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group required placeholder" data-placeholder="Education Level" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.EducationLevel}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlClientEducationLevel" name="clientEducationLevel" ng-model="finAppVm.financeApplicationJSON.client.EducationLevel" required=""
ng-options="clientEducationLevel.fieldValue as clientEducationLevel.fieldValue for clientEducationLevel in finAppVm.fields.educationLevelFields.fieldItems" validate-on="blur">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-lg-5 col-md-5">
<div class="t-flex-item-container">
<div class="t-flex-item-50">
<div class="t-form-group required placeholder" data-placeholder="Mobile Number" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.mobileNumber}">
<input class="form-control torque-phone ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-validate-contact-number" id="txtClientMobileNumber"
ng-model="finAppVm.financeApplicationJSON.client.mobileNumber" required="" validate-contact-number="" validate-on="blur" type="text" name="clientMobileNumber" required-message="'Required'" inputmode="text">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder" data-placeholder="Mobile Contract Type" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.mobileContractType}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="ddlClientMobileContractType" name="clientMobileContractType" ng-model="finAppVm.financeApplicationJSON.client.mobileContractType"
ng-options="clientMobileContractType.fieldValue as clientMobileContractType.fieldValue for clientMobileContractType in finAppVm.fields.mobileContractTypeFields.fieldItems">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder" data-placeholder="Home Phone" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.homeTelephoneNumber}">
<input class="form-control torque-phone ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-validate-contact-number" id="txtClientHomeTelephoneNumber"
ng-model="finAppVm.financeApplicationJSON.client.homeTelephoneNumber" validate-on="blur" type="text" name="clientHomeTelephoneNumber" validate-contact-number="tell" required-message="'Required'" inputmode="text">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder" data-placeholder="Preferred Contact Method" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.contactMethod}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="ddlClientContactMethod" name="clientContactMethod" ng-model="finAppVm.financeApplicationJSON.client.contactMethod"
ng-options="clientContactMethod.fieldValue as clientContactMethod.fieldValue for clientContactMethod in finAppVm.fields.contactMethodFields.fieldItems">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100 margin-top-20">
<label for="foreignAffiliationInd">Do you have any foreign birthplace, nationality, citizenship or tax obligation?</label>
<div class="t-form-group placeholder required" data-placeholder="Answer">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="foreignAffiliationInd" name="foreignAffiliationInd" ng-model="finAppVm.financeApplicationJSON.client.foreignAffiliationInd"
ng-options="value.fieldValue as value.displayValue for value in finAppVm.fields.foreignAffiliationIndFields.fieldItems" required="" validate-on="blur" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100 margin-top-20" "="">
<div class=" t-form-group placeholder" data-placeholder="Country of Citizenship/Nationality" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.citizenshipCountryId}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="ddlClientCitizenshipCountryId" name="clientCitizenshipCountryId" ng-model="finAppVm.financeApplicationJSON.client.citizenshipCountryId"
ng-options="clientCitizenshipCountryId.fieldValue as clientCitizenshipCountryId.displayValue for clientCitizenshipCountryId in finAppVm.fields.countryFields.fieldItems" validate-on="blur" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3">
<div class="group-header">
<div class="text-center section-header blue"> Home Address </div>
</div>
<!-- ngIf: finAppVm.loadedFields -->
<div class="t-form-group required placeholder" data-placeholder="When did you start living here?" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.physicalAddressDate}">
<input class="form-control torque-date-past ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-date-must-not-be-future" validate-on="blur" date-must-not-be-future="" placeholder="dd mmm yyyy"
data-provide="datepicker" autocomplete="no" id="1703843826871_txtClientPhysicalAddressDate" ng-model="finAppVm.financeApplicationJSON.client.physicalAddressDate" required="" name="1703843826871_clientPhysicalAddressDate" type="text"
required-message="'Required'">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Bond Details </div>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group placeholder" data-placeholder="Residential Status" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.residentialStatus}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="ddlClientBond_ResidentialStatus" name="clientBondResidentialStatus" ng-model="finAppVm.financeApplicationJSON.client.residentialStatus"
ng-options="clientBondResidentialStatus.fieldValue as clientBondResidentialStatus.fieldValue for clientBondResidentialStatus in finAppVm.fields.residentialStatusFields.fieldItems" ng-change="finAppVm.resetBondDetails()"
validate-on="blur" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Bond Holder" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.finBondholder}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty ng-valid-required" id="ddlBondHolder" ng-disabled="finAppVm.financeApplicationJSON.client.residentialStatus !== 'OWNER BONDED'"
ng-model="finAppVm.financeApplicationJSON.client.finBondholder" ng-change="finAppVm.resetBondDetails()" ng-options="bondHolder.fieldValue as bondHolder.fieldValue for bondHolder in finAppVm.fields.bondHolderFields.fieldItems"
validate-on="blur" name="bondHolder" ng-required="finAppVm.financeApplicationJSON.client.residentialStatus === 'OWNER BONDED'" required-message="'Required'" disabled="disabled">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group placeholder" data-placeholder="% Percentage Of Bond Liable" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finBondLiabilityPercentage}">
<input type="text" ng-disabled="finAppVm.financeApplicationJSON.client.finBondholder !== 'BOTH'" class="form-control torque-numeric ng-pristine ng-untouched ng-valid ng-not-empty" id="txtClientfinBondLiabilityPercentage" max="100" min="0"
ng-model="finAppVm.financeApplicationJSON.client.finBondLiabilityPercentage" name="clientfinBondLiabilityPercentage" validate-on="blur" disabled="disabled" inputmode="decimal">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Marital Information </div>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Marital Status" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.maritalStatus}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlClientMaritalStatus" name="clientMaritalStatus" ng-model="finAppVm.financeApplicationJSON.client.maritalStatus"
ng-options="clientMaritalStatus.fieldValue as clientMaritalStatus.fieldValue for clientMaritalStatus in finAppVm.fields.maritalStatusFields.fieldItems" ng-change="finAppVm.resetSpouseValues()" required="" validate-on="blur"
required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Marital Type" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.marriageType}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty ng-valid-required" id="ddlClientMarriageType" name="clientMarriageType" ng-disabled="finAppVm.financeApplicationJSON.client.maritalStatus !== 'MARRIED'"
ng-required="finAppVm.financeApplicationJSON.client.maritalStatus == 'MARRIED'" ng-model="finAppVm.financeApplicationJSON.client.marriageType"
ng-options="clientMarriageType.fieldValue as clientMarriageType.fieldValue for clientMarriageType in finAppVm.fields.marriageTypeFields.fieldItems" validate-on="blur" required-message="'Required'" disabled="disabled">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Marital Date" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.marriageDate}">
<input class="form-control torque-date-past ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-required ng-valid-date-must-not-be-future" validate-on="blur" date-must-not-be-future="" placeholder="dd mmm yyyy"
ng-disabled="finAppVm.financeApplicationJSON.client.maritalStatus !== 'MARRIED'" ng-required="finAppVm.financeApplicationJSON.client.maritalStatus == 'MARRIED'" data-provide="datepicker" id="txtClientMarriageDate_1703843826871"
autocomplete="no" ng-model="finAppVm.financeApplicationJSON.client.marriageDate" name="1703843826871_clientMarriageDate" type="text" required-message="'Required'" disabled="disabled">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Next of Kin </div>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group required placeholder" data-placeholder="First Name(s)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.relative.firstName}">
<input class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="txtRelativeFirstName" type="text" ng-model="finAppVm.financeApplicationJSON.relative.firstName" required="" validate-on="blur"
name="relativeFirstName" required-message="'Required'">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group required placeholder" data-placeholder="Last Name" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.relative.lastName}">
<input class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="txtRelativeLastName" type="text" ng-model="finAppVm.financeApplicationJSON.relative.lastName" required="" validate-on="blur"
name="relativeLastName" required-message="'Required'">
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group placeholder" data-placeholder="Mobile Number" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.relative.mobileNumber}">
<input class="form-control torque-phone ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-validate-contact-number" id="txtRelativeMobileNumber" type="text"
ng-model="finAppVm.financeApplicationJSON.relative.mobileNumber" name="relativeMobileNumber" validate-on="blur" validate-contact-number="" inputmode="text">
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Relationship to next of kin?" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.policy.relRelation}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlRelativeRelation" ng-model="finAppVm.financeApplicationJSON.policy.relRelation"
ng-options="relRelation.fieldValue as relRelation.fieldValue for relRelation in finAppVm.fields.relativeRelationFields.fieldItems" required="" validate-on="blur" name="relativeRelation" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- ngIf: finAppVm.financeApplicationJSON.client.maritalStatus == 'MARRIED' -->
</div>
<div class="row margin-top-30">
<div class="col-lg-12">
<div class="t-flex-item-container-no-stacking">
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lblack btn-block" type="button" ng-click="finAppVm.setTab(2)">Back</button>
</div>
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lcyan btn-block" type="submit">Next</button>
</div>
</div>
</div>
</div>
</form>Name: employmentAndSalaryDetailsForm —
<form angular-validator-submit="finAppVm.setTab(5, employmentAndSalaryDetailsForm)" name="employmentAndSalaryDetailsForm" novalidate="" angular-validator=""
class="ng-pristine ng-invalid ng-invalid-required ng-valid-validate-contact-number ng-valid-date-must-not-be-future ng-valid-validate-decimal2-positive ng-invalid-validate-decimal2-positive-not-zero">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Employment Details </div>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group required placeholder" data-placeholder="Industry" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.empIndustry}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlIndustry" ng-model="finAppVm.financeApplicationJSON.client.empIndustry"
ng-options="industry.fieldValue as industry.fieldValue for industry in finAppVm.fields.industryFields.fieldItems" required="" validate-on="blur" name="industry" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group required placeholder" data-placeholder="Occupation" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.empOccupationId}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlOccupation" ng-model="finAppVm.financeApplicationJSON.client.empOccupationId"
ng-options="occupation.fieldValue as occupation.displayValue for occupation in finAppVm.fields.occupationsFields.fieldItems" required="" validate-on="blur" name="occupation" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="Level" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.empOccupationLevel}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlLevel" ng-model="finAppVm.financeApplicationJSON.client.empOccupationLevel"
ng-options="level.fieldValue as level.fieldValue for level in finAppVm.fields.levelFields.fieldItems" required="" validate-on="blur" name="level" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group required placeholder" data-placeholder="Employer Name" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.empEmployerName}">
<input class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="txtemployerName" type="text" ng-model="finAppVm.financeApplicationJSON.client.empEmployerName" required="" validate-on="blur"
name="empEmployerName" required-message="'Required'">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group required placeholder" data-placeholder="Telephone Number" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.workTelephoneNumber}">
<input class="form-control torque-phone ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-validate-contact-number" id="txtempTelephoneNumber"
ng-model="finAppVm.financeApplicationJSON.client.workTelephoneNumber" required="" validate-contact-number="" type="text" validate-on="blur" name="workTelephoneNumber" required-message="'Required'" inputmode="text">
</div>
</div>
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Employment Address </div>
</div>
</div>
<div class="t-flex-item-100">
<!-- ngIf: finAppVm.loadedFields -->
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder" data-placeholder="When did you start working here?" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.empCurrentEmploymentStartDate}">
<input id="empAddressStartDate_1703843826871" class="form-control torque-date-past ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-date-must-not-be-future" validate-on="blur"
date-must-not-be-future="" placeholder="dd mmm yyyy" data-provide="datepicker" autocomplete="no" ng-model="finAppVm.financeApplicationJSON.client.empCurrentEmploymentStartDate" required="" name="1703843826871_employerStartDate"
type="text" required-message="'Required'">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Salary Details </div>
</div>
</div>
<div class="t-flex-item-30">
<div class="t-form-group required placeholder" data-placeholder="Salary Day" ng-class="{'t-branded-select' : finAppVm.financeApplicationJSON.client.empSalaryDay}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlSalaryDay" ng-model="finAppVm.financeApplicationJSON.client.empSalaryDay"
ng-options="salaryDay.fieldValue as salaryDay.fieldValue for salaryDay in finAppVm.fields.paymentDayFields.fieldItems" required="" validate-on="blur" name="salaryDay" required-message="'Required'">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-70">
<div class="t-form-group required placeholder t-branded-text" data-placeholder="Gross Monthly Salary" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finBasicSalary}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-invalid ng-not-empty ng-valid-required ng-invalid-validate-decimal2-positive-not-zero" id="txtBasicSalary"
ng-model="finAppVm.financeApplicationJSON.client.finBasicSalary" max="99999999" ng-change="finAppVm.calculateStepFour()" validate-decimal2-positive-not-zero="" required="" validate-on="blur" name="basicSalary"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Car Allowance (incl. in Gross)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finCarAllowance}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-not-empty" id="txtCarAllowance" max="99999999" ng-change="finAppVm.calculateStepFour()" ng-model="finAppVm.financeApplicationJSON.client.finCarAllowance"
inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Reimbursements (incl. in Gross)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finReimbursement}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtFinReimbursements" max="99999999" validate-decimal2-positive="" validate-on="blur"
name="finReimbursement" ng-change="finAppVm.calculateStepFour()" ng-model="finAppVm.financeApplicationJSON.client.finReimbursement" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Commission (incl. in Gross)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finCommission}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-not-empty" id="txtCommission" max="99999999" ng-change="finAppVm.calculateStepFour()" ng-model="finAppVm.financeApplicationJSON.client.finCommission"
inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Overtime (incl. in Gross)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finOvertime}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-not-empty" id="txtOverTime" max="99999999" ng-change="finAppVm.calculateStepFour()" ng-model="finAppVm.financeApplicationJSON.client.finOvertime"
inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Other Allowance (incl. in Gross)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finOtherAllowance}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtFinOtherAllowance" ng-change="finAppVm.calculateStepFour()" max="99999999"
validate-decimal2-positive="" validate-on="blur" name="finOtherAllowance" ng-model="finAppVm.financeApplicationJSON.client.finOtherAllowance" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Loan Deductions" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finLoanDeductions}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtLoanDeductions" max="99999999" ng-change="finAppVm.calculateStepFour()"
ng-model="finAppVm.financeApplicationJSON.client.finLoanDeductions" validate-decimal2-positive="" validate-on="blur" name="finLoanDeductions" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Settled Debt (As reflects at the Credit Bureau)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finSettledDebt}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtFinSettledDebt" max="99999999"
ng-model="finAppVm.financeApplicationJSON.client.finSettledDebt" validate-decimal2-positive="" validate-on="blur" name="finSettledDebt" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group required placeholder t-branded-text" data-placeholder="Nett Salary (As on payslip)" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finPayslipNettSalary}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-invalid ng-not-empty ng-valid-required ng-invalid-validate-decimal2-positive-not-zero" id="txtNettSalary" required="" max="99999999"
ng-model="finAppVm.financeApplicationJSON.client.finPayslipNettSalary" ng-change="finAppVm.calculateStepFour()" validate-decimal2-positive-not-zero="" validate-on="blur" name="nettSalary" invalid-message="'A positive value is required'"
inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-100 margin-top-10">
<div class="form-group text-center text-information">
<div class="ng-binding">Salary Deductions: 0</div>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Rental Income" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finRentalIncome}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtFinRentalIncome" max="99999999"
ng-model="finAppVm.financeApplicationJSON.client.finRentalIncome" ng-change="finAppVm.calculateStepFour()" validate-decimal2-positive="" validate-on="blur" name="finRentalIncome" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Spousal/Child Support Income" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finMaintenanceIncome}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtFinMaintenanceIncome" max="99999999"
ng-model="finAppVm.financeApplicationJSON.client.finMaintenanceIncome" ng-change="finAppVm.calculateStepFour()" validate-decimal2-positive="" validate-on="blur" name="finMaintenanceIncome" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Other Income" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finOtherIncome}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-not-empty" id="txtOtherIncome" max="99999999" ng-model="finAppVm.financeApplicationJSON.client.finOtherIncome" ng-change="finAppVm.calculateStepFour()"
inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder" data-placeholder="Other Income Source" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finOtherIncomeSource}">
<input class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="txtOtherIncomeSource" type="text" ng-model="finAppVm.financeApplicationJSON.client.finOtherIncomeSource">
</div>
</div>
<div class="t-flex-item-100 margin-top-10">
<div class="form-group text-center text-information">
<div class="ng-binding">Nett Income: 0</div>
<div class="text-center text-red ng-binding"></div>
</div>
</div>
<div class="t-flex-item-100">
<!-- ngIf: finAppVm.financeApplicationJSON.client.maritalStatus == 'MARRIED' -->
</div>
</div>
</div>
</div>
<div class="row margin-top-30">
<div class="col-lg-12">
<div class="t-flex-item-container-no-stacking">
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lblack btn-block" type="button" ng-click="finAppVm.setTab(3)">Back</button>
</div>
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lcyan btn-block" type="submit">Next</button>
</div>
</div>
</div>
</div>
</form>Name: financialDetailsForm —
<form angular-validator-submit="finAppVm.setTab(6, financialDetailsForm)" name="financialDetailsForm" novalidate="" angular-validator=""
class="ng-pristine ng-invalid ng-invalid-required ng-valid-validate-decimal2-positive ng-valid-maxlength ng-valid-validate-integer-positive ng-valid-date-must-be-valid">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Monthly Expenses </div>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Bond/Rent Payments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finBondRentPayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtBondRentPayments" required=""
ng-model="finAppVm.financeApplicationJSON.client.finBondRentPayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="bondRentPayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Municipal Payments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finMunicipalPayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtMunicipalPayments" required=""
ng-model="finAppVm.financeApplicationJSON.client.finMunicipalPayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="municipalPayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Vehicle Repayments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finVehicleRepayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtVehicleRepayments" required=""
ng-model="finAppVm.financeApplicationJSON.client.finVehicleRepayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="vehicleRepayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Telephone Payment" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finTelephonePayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtTelephonePayment" required=""
ng-model="finAppVm.financeApplicationJSON.client.finTelephonePayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="telephonePayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Credit Card Repayments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finCreditCardRepayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtCrediCardRepayments" required=""
ng-model="finAppVm.financeApplicationJSON.client.finCreditCardRepayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="creditCardPayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Transport Costs" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finTransportCosts}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtTransportCosts" required=""
ng-model="finAppVm.financeApplicationJSON.client.finTransportCosts" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="transportCosts"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Overdraft Repayments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finOverdraftRepayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtOverdraftRepayments" required=""
ng-model="finAppVm.financeApplicationJSON.client.finOverdraftRepayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="overdraftPayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Food/Entertainment Costs" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finFoodEntertainmentCosts}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtFoodEntertainmentCosts" required=""
ng-model="finAppVm.financeApplicationJSON.client.finFoodEntertainmentCosts" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="foodEntertainmentCosts"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Loan Repayments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finLoanRepayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtLoanRepayments" required=""
ng-model="finAppVm.financeApplicationJSON.client.finLoanRepayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="loanRepayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Education Costs" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finEducationFees}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtEducationCosts" required=""
ng-model="finAppVm.financeApplicationJSON.client.finEducationFees" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="educationCosts"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Furniture Accounts" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finFurnitureAccounts}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtFurnitureAccounts" required=""
ng-model="finAppVm.financeApplicationJSON.client.finFurnitureAccounts" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="furnitureAccountPayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Security Payments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finSecurityPayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty" id="txtFinSecurityPayments" max="99999999"
ng-model="finAppVm.financeApplicationJSON.client.finSecurityPayments" validate-decimal2-positive="" validate-on="blur" name="finSecurityPayments" ng-change="finAppVm.calculateStepFive()" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Clothing Accounts" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finClothingAccounts}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtClothingAccounts" required=""
ng-model="finAppVm.financeApplicationJSON.client.finClothingAccounts" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="clothingAccountPayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Spouse/Child Support" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finChildMaintenance}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtChildMaintenance" required=""
ng-model="finAppVm.financeApplicationJSON.client.finChildMaintenance" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="childMaintenance"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Insurance Payments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finInsurancePayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtInsurancePayments" required=""
ng-model="finAppVm.financeApplicationJSON.client.finInsurancePayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="insurancePayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Household Expenses" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finHouseholdExpenses}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtHouseholdExpenses" required=""
ng-model="finAppVm.financeApplicationJSON.client.finHouseholdExpenses" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="householdExpenses"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder t-branded-text" data-placeholder="Other Payments" ng-class="{'t-branded-text' : finAppVm.financeApplicationJSON.client.finOtherPayments}">
<input class="form-control torque-currency ng-pristine ng-untouched ng-isolate-scope ng-valid-validate-decimal2-positive ng-not-empty ng-valid ng-valid-required" id="txtOtherPayments" required=""
ng-model="finAppVm.financeApplicationJSON.client.finOtherPayments" max="99999999" ng-change="finAppVm.calculateStepFive()" validate-decimal2-positive="" validate-on="blur" name="otherPayments"
invalid-message="'A positive value is required'" inputmode="decimal" style="text-align: right;">
</div>
</div>
<div class="t-flex-item-50">
<!-- ngIf: finAppVm.hideOtherPayments -->
</div>
<div class="t-flex-item-100 text-information margin-top-10">
<p class="ng-binding"> Nett Income: 0 <br> Total Expenses: 0 <br> Disposable Income: 0 </p>
<p class="text-center text-red ng-binding">
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="group-header">
<div class="text-center section-header blue"> Bank Account Details </div>
</div>
</div>
<!-- ngIf: finAppVm.initialized == true -->
<div class="t-flex-item-100 ng-scope" ng-if="finAppVm.initialized == true">
<div name="clientBank" show-account-type="true" show-account-number="true" show-primary-account-ind="false" show-account-holder-name="true" show-account-open-date="false" show-credit-card-type="true" banks="finAppVm.fields.bankFields.banks"
account-types="finAppVm.fields.accountTypeFields" credit-card-types="finAppVm.fields.creditCardTypeFields" is-required="true" ng-model="finAppVm.financeApplicationJSON.client.bankAccount" data-is-juristic="false"
class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty">
<div class="t-flex-item-container">
<div class="t-flex-item-100">
<div class="t-form-group placeholder required" data-placeholder="Bank" ng-class="{'t-branded-select' : model.$modelValue.bankId, 'required' : isRequired && helperService.smartMandatoryLabel(model.$modelValue.bankId)}">
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="ddlBank" ng-model="model.$modelValue.bankId" ng-change="onBankSelectionChanged(model.$modelValue.bankId)"
ng-options="bank.bankId as bank.bankName for bank in banks" name="clientBank" ng-required="(isRequired || bankIdRequired)" validate-on="blur" ng-disabled="disabled" required-message="'Required'" required="required">
<option value="" class="" selected="selected">......</option>
</select>
</div>
<div class="form-group-sm ng-hide" ng-show="noBranchFound === true">
<div class="form-group text-information">
<p class="ng-binding">
</p>
</div>
</div>
<div class="text-display text-left">
<div class="padding-bottom-5 ng-binding">
<div class="text-uppercase">Branch Name</div> ----
</div>
<div class="ng-binding">
<div class="text-uppercase">Branch Code</div> ----
</div>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder required" data-placeholder="Account Type"
ng-class="{'t-branded-select' : model.$modelValue.accountType, 'required' : (isRequired || model.$modelValue.bankId != null) && helperService.smartMandatoryLabel(model.$modelValue.accountType)}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty ng-valid-required" id="clientBankDdlAccountType" ng-model="model.$modelValue.accountType"
ng-options="accountType.fieldValue as accountType.fieldValue for accountType in accountTypes.fieldItems" ng-required="(accountTypeRequired) || model.$modelValue.bankId != null"
ng-disabled="model.$modelValue.bankId == null || disabled" validate-on="blur" name="clientBankAccountType" ng-change="onAccountTypeChanged()" required-message="'Required'" disabled="disabled">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder" data-placeholder="Credit Card Type"
ng-class="{'t-branded-select' : model.$modelValue.creditCardType, 'required' : isRequired && model.$modelValue.accountType == 'CREDIT CARD' && helperService.smartMandatoryLabel(model.$modelValue.creditCardType)}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty ng-valid-required" id="clientBankDdlCreditCardType" ng-model="model.$modelValue.creditCardType"
ng-disabled="model.$modelValue.accountType !== 'CREDIT CARD' || disabled" ng-options="creditCardType.fieldValue as creditCardType.fieldValue for creditCardType in creditCardTypes.fieldItems" ng-required="creditCardTypeRequired"
validate-on="blur" name="clientBankCreditCardType" required-message="'Required'" disabled="disabled">
<option value="" class="" selected="selected">......</option>
</select>
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder required" data-placeholder="Account Holder Name"
ng-class="{'t-branded-text' : model.$modelValue.accountHolderName, 'required' : (isRequired || model.$modelValue.bankId != null) && helperService.smartMandatoryLabel(model.$modelValue.accountHolderName)}">
<input class="form-control ng-pristine ng-untouched ng-valid ng-empty ng-valid-required ng-valid-maxlength" id="clientBankTxtAccountHolderName" type="text" ng-model="model.$modelValue.accountHolderName" maxlength="100"
ng-required="(accountHolderNameRequired) || model.$modelValue.bankId != null" typeof="" ng-disabled=" model.$modelValue.bankId == null || disabled" validate-on="blur" name="clientBankAccountHolderName"
required-message="'Required'" disabled="disabled">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder required" data-placeholder="Account Number"
ng-class="{'t-branded-text' : model.$modelValue.accountNumber, 'required' : isRequired && helperService.smartMandatoryLabel(model.$modelValue.accountNumber)}">
<input class="form-control ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-required ng-valid-maxlength ng-valid-validate-integer-positive" id="clientBankTxtAccountNumber" type="text" maxlength="20"
validate-integer-positive="" ng-model="model.$modelValue.accountNumber" ng-required="accountNumberRequired" ng-disabled=" model.$modelValue.bankId == null || disabled" validate-on="blur" name="clientBankAccountNumber"
required-message="'Required'" disabled="disabled">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder ng-hide required" data-placeholder="Account Open Date"
ng-class="{'t-branded-text' : model.$modelValue.accountOpenDate, 'required' : isRequired && helperService.smartMandatoryLabel(model.$modelValue.accountOpenDate)}" ng-show="showAccountOpenDate === 'true'">
<input id="clientBankTxtAccountOpenDate" class="form-control torque-date-past ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-required ng-valid-date-must-be-valid" data-provide="datepicker"
placeholder="dd mmm yyyy" date-must-be-valid="" type="text" validate-on="blur" ng-model="model.$modelValue.accountOpenDate" ng-required="accountOpenDateRequired" ng-disabled="model.$modelValue.bankId == null || disabled"
name="clientBankAccountOpenDate" required-message="'Required'" disabled="disabled">
</div>
</div>
<div class="t-flex-item-50">
<div class="t-form-group placeholder ng-hide t-branded-select" data-placeholder="Is this your primary account?"
ng-class="{'t-branded-select' : model.$modelValue.primaryAccountInd, 'required' : isRequired && helperService.smartMandatoryLabel(model.$modelValue.primaryAccountInd)}" ng-show="showPrimaryAccountInd === 'true'">
<select class="form-control ng-pristine ng-untouched ng-valid ng-valid-required ng-not-empty" id="clientBankDdlClientPrimaryAccountInd" ng-model="model.$modelValue.primaryAccountInd" ng-required="primaryAccountIndRequired"
ng-disabled="model.$modelValue.bankId == nul || ldisabled" validate-on="blur" name="clientBankPrimaryAccountInd" required-message="'Required'" disabled="disabled">
<option value="">......</option>
<option value="True">YES</option>
<option value="False" selected="selected">NO</option>
</select>
</div>
</div>
<div class="t-flex-item-100">
<div class="t-form-group placeholder required" data-placeholder="Account Holder Different From Client?"
ng-class="{'t-branded-select' : model.$modelValue.payeeEntityNumberIndicator, 'required' : isRequired && helperService.smartMandatoryLabel(model.$modelValue.payeeEntityNumberIndicator)}">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="clientBanklblPayeeEntityNumberIndicator" ng-model="model.$modelValue.payeeEntityNumberIndicator" validate-on="blur"
name="clientBanklblPayeeEntityNumberIndicator" required-message="'Required'" ng-disabled="model.$modelValue.bankId == null || disabled" disabled="disabled">
<option value="" selected="selected">......</option>
<option value="True">YES</option>
<option value="False">NO</option>
</select>
</div>
</div>
<!-- ngIf: model.$modelValue.payeeEntityNumberIndicator === 'True' -->
<!-- ngIf: model.$modelValue.payeeEntityNumberIndicator === 'True' -->
</div>
</div>
</div><!-- end ngIf: finAppVm.initialized == true -->
</div>
</div>
</div>
<div class="row margin-top-30">
<div class="col-lg-12">
<div class="t-flex-item-container-no-stacking">
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lblack btn-block" type="button" ng-click="finAppVm.setTab(4)">Back</button>
</div>
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lcyan btn-block" type="submit">Next</button>
</div>
</div>
</div>
</div>
</form>Name: DocumentsDetailsForm —
<form angular-validator-submit="finAppVm.submitfinanceApplication(qualifyingCriteriaForm, vehicleDetailsForm, personalDetailsForm, employmentAndSalaryDetailsForm, financialDetailsForm, DocumentsDetailsForm)" name="DocumentsDetailsForm" novalidate=""
angular-validator="" class="ng-pristine ng-valid">
<div class="row">
<div class="col-lg-12">
<div class="pull-left">
<!-- ngIf: finAppVm.appBrowser.getName() === 'msie' -->
</div>
</div>
<div class="col-lg-12 margin-bottom-20">
<div class="margin-bottom-20 text-black"> The following documentation will assist with a timeous outcome and can be uploaded on completion of the application </div>
<ul class="list-group margin-left-30">
<li class="list-font-hfa">Proof of Identity (South African ID document or Passport)</li>
<li class="list-font-hfa">Driver's License</li>
<li class="list-font-hfa">3 Months Bank-Generated Bank Statements</li>
<li class="list-font-hfa">3 Months Payslips</li>
<li class="list-font-hfa">Proof of Address (Not older than 3 months)</li>
</ul>
</div>
<div class="col-lg-12 margin-bottom-20">
<div class="upload-drop-zone ng-isolate-scope" for="file-upload" id="drop-zone" ng-file-upload="" data-change-callback="finAppVm.onFilesSelected(value)">
<label for="file-upload" class="custom-file-upload drop-zone-label">Drag & Drop files here or click here...</label>
</div>
<input id="file-upload" type="file" ng-file-upload="" multiple="" accept=".pdf,.bmp,.jpeg,.jpg,.png,.tiff,.doc,.docx,.xlsx,.xls,.txt,.zip,.msg" data-change-callback="finAppVm.onFilesSelected(value)" class="ng-isolate-scope">
</div>
<!-- ngIf: finAppVm.files.length > 0 -->
</div>
<div class="row margin-top-20">
<div class="col-lg-12">
<span class="text-black"> Note! By clicking Finish, all Parties hereto, whether individual or joint, hereby consent the Credit Provider to access their credit profile from the credit bureaus for the purposes of a credit assessment and in the
event that the loan application is successful, for on-going account maintenance purposes, setting limits, development of credit tools/products/models and insurance purposes. </span>
</div>
</div>
<div class="row margin-top-30">
<div class="col-lg-12">
<div class="t-flex-item-container-no-stacking">
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lblack btn-block" type="button" ng-click="finAppVm.setTab(5)">Back</button>
</div>
<div class="t-flex-item-50 margin-1">
<button class="btn btn-lcyan btn-block" type="submit" ng-class="{'link-disabled': finAppVm.netLessThanExpensesInd === true}" ng-click="finAppVm.checkValidations()">Finish</button>
</div>
</div>
</div>
</div>
</form>Text Content
OK Finance/Affordabilty Calculator Online Application Toggle navigation * Online Application Note! The details captured in this application may be sent to one or more financial institutions and I consent to Credit Bureau processing of credit information, including income, employment, personal data for prescribed business as per related Acts and that such outcome may be shared with the 3rd Party. This transaction is for: The following documentation will assist with a timeous outcome and can be uploaded on completion of the application. For a Private individual * Proof of Identity (South African ID document or Passport) * Driver's License * 3 Months Bank-Generated Bank Statements * 3 Months Payslips * Proof of Address (Not older than 3 months) Next Please enter your email address and agree to the consent question in order to continue. Declarations I am insolvent? I am currently subject to an Administrator Order? I am currently under sequestration? I am currently under debt review? I am currently liable as a guarantor? I am currently liable as a surety? I am currently liable as a co-debtor? Consents The following questions relate to any and all financial (or other) institutions which may receive your information for assessment during the vehicle finance application process. I consent for the Credit Provider to obtain customer bank statements? I consent for the Credit Provider to obtain customer payslip? ...... Next Note! Information pertaining the the item (Vehicle) of which you are interested in. ...... YES NO Item Selection ...... Searching... No results, please modify your search criteria. Searching... No results, please modify your search criteria. Item Finance ...... Back Next Personal Information ...... ...... ...... ...... ...... ...... Do you have any foreign birthplace, nationality, citizenship or tax obligation? ...... ...... Home Address Bond Details ...... ...... Marital Information ...... ...... Next of Kin ...... Back Next Employment Details ...... ...... ...... Employment Address Salary Details ...... Salary Deductions: 0 Nett Income: 0 Back Next Monthly Expenses Nett Income: 0 Total Expenses: 0 Disposable Income: 0 Bank Account Details ...... Branch Name ---- Branch Code ---- ...... ...... ...... YES NO ...... YES NO Back Next The following documentation will assist with a timeous outcome and can be uploaded on completion of the application * Proof of Identity (South African ID document or Passport) * Driver's License * 3 Months Bank-Generated Bank Statements * 3 Months Payslips * Proof of Address (Not older than 3 months) Drag & Drop files here or click here... Note! By clicking Finish, all Parties hereto, whether individual or joint, hereby consent the Credit Provider to access their credit profile from the credit bureaus for the purposes of a credit assessment and in the event that the loan application is successful, for on-going account maintenance purposes, setting limits, development of credit tools/products/models and insurance purposes. Back Finish LOADING -- VIEW ONLY --