www.virseker.co.za
Open in
urlscan Pro
2606:4700::6812:17e1
Public Scan
URL:
https://www.virseker.co.za/
Submission: On February 23 via api from ZA — Scanned from DE
Submission: On February 23 via api from ZA — Scanned from DE
Form analysis 14 forms found in the DOM
Name: SmallChatDetailsForm —
<form form-focus-field="" id="SmallChatDetailsForm" name="SmallChatDetailsForm" class="ng-pristine ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-maxlength">
<md-card class="no-margin-md row teal-border2px small-chat-form budget-blue-front no-border-radius md-virseker-theme ng-hide" data-ng-show="chatmeControl.ChatMe.participantID.length == 0 && showSmallChatForm && IsCICOnline"
aria-hidden="true">
<md-card-content class="no-padding">
<div class="col-xs-12 no-padding teal-back teal-border">
<h2 class="white-front padding force-h1-style">
<span class="col-xs-10 no-padding-sides margin-bottom"> Lus om te gesels? </span>
<button type="button" class="col-xs-2 no-padding-sides close text-right" data-ng-click="toggleSmallChatForm()">
<span aria-hidden="true"> X </span>
</button>
</h2>
</div>
<div> </div>
<div class="col-xs-12 black-front"> Ons konsultante is reg om te help, vul net jou besonderhede in en begin gesels. </div>
<div class="col-xs-12">
<md-input-container class="no-padding md-accent col-xs-12 md-virseker-theme">
<label for="SmallChatName">Name</label>
<input type="text" autocomplete="off" data-ng-model="chatmeControl.ChatMe.name" id="SmallChatName" name="SmallChatName" data-ng-maxlength="250" maxlength="250" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true">
<!-- ngIf: SmallChatDetailsForm.SmallChatName.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<md-input-container class="no-padding-sides md-accent col-xs-12 md-virseker-theme">
<label for="SmallChatEmail">E-posadres</label>
<input type="text" autocomplete="off" data-ng-model="chatmeControl.ChatMe.email" data-ng-maxlength="250" id="SmallChatEmail" name="SmallChatEmail" maxlength="250" validate-emailaddress="" required=""
class="ng-pristine ng-untouched md-input ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: SmallChatDetailsForm.SmallChatEmail.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="overflow-hidden col-xs-12 padding-bottom">
<div class="col-xs-12 no-padding-sides" data-ng-mouseover="filthify(SmallChatDetailsForm)">
<button class="stretched md-virseker-theme md-raised md-primary next md-button md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:loadingNext}" data-ng-click="chatmeControl.startchat()"
data-ng-disabled="SmallChatDetailsForm.$invalid || loadingNext" name="SmallChat" id="SmallChat" aria-label="Begin gesels" disabled="disabled"><span class="ng-scope"> Begin gesels </span><md-progress-circular data-md-diameter="20px"
data-md-mode="" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" md-mode="" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
</md-card-content>
</md-card>
<md-card class="no-margin-md row discount-teal-border small-chat-form budget-blue-front md-virseker-theme ng-hide" data-ng-show="chatmeControl.ChatMe.participantID.length == 0 && showSmallChatForm && !IsCICOnline"
aria-hidden="true">
<md-card-content class="no-padding">
<div class="col-xs-12 no-padding virseker-teal-back discount-teal-border">
<h2 class="white-front padding no-padding-bottom margin-bottom force-h1-style">Lus om te gesels?</h2>
</div>
<div> </div>
<div class="col-xs-12 black-front">
<span>This functionality is no longer available.</span> Please <a data-ng-click="toggleSmallCallBackForm()">leave your details here</a> & we'll call you back.
</div>
<div> </div>
</md-card-content>
</md-card>
</form>Name: SmallChatForm —
<form form-focus-field="" id="SmallChatForm" name="SmallChatForm" class="ng-pristine ng-invalid ng-invalid-required ng-valid-maxlength">
<div class="row discount-teal-border small-chat-form-scroll white-back ng-hide" data-ng-show="chatmeControl.ChatMe.participantID.length > 0 && showSmallChatForm" aria-hidden="true">
<div class="col-xs-12 pale-light-blue-back right-align"><a class="end-chat" data-ng-click="CloseOnlineChat()">Klaar gesels</a></div>
<div class="col-xs-12 pale-light-blue-back teal-border-bottum pre-scrollable" name="scoll" id="scroll">
<!-- ngRepeat: item in chatmeControl.events | filter:{type:'text'} -->
<div>
<!-- ngIf: item.type =='url' -->
</div>
<div class="white-back form-group bargain-purple-border ng-hide" data-ng-show="chatmeControl.ChatMe.isFriendTyping"
data-ng-class="{ 'cool-blue-border' : item.displayName != chatmeControl.ChatMe.name, 'bargain-purple-border' : item.displayName == chatmeControl.ChatMe.name}" aria-hidden="true">
<label data-ng-show="item.displayName != chatmeControl.ChatMe.name" aria-hidden="true" class="ng-hide"> besig om te tik... </label>
<label class="right-align" data-ng-show="item.displayName == chatmeControl.ChatMe.name" aria-hidden="false"> besig om te tik... </label>
</div>
<div class="white-back cool-blue-border form-group" data-ng-show="!chatmeControl.ChatMe.status" aria-hidden="false">
<strong>Die sessie is nie meer aktief nie.</strong>
</div>
</div>
<md-input-container class="md-accent col-sm-8 col-xs-12 md-virseker-theme">
<label for="txtChat">Tik asseblief jou boodskap hier.</label>
<input type="text" autocomplete="off" id="txtChat" name="txtChat" data-ng-model="chatmeControl.ChatMe.message" data-ng-change="chatmeControl.Type()" data-ng-maxlength="500" data-md-maxlength="500" required=""
class="ng-pristine ng-untouched md-input ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true" ng-trim="false">
<!-- ngIf: ChatForm.txtChat.$dirty -->
<div class="md-errors-spacer">
<div class="md-char-counter">0/500</div>
</div>
</md-input-container>
<div class="clearfix visible-xs"></div>
<div class="col-sm-4 padding-top-double">
<button class="stretched md-raised md-primary next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:loadingNext}" data-ng-click="chatmeControl.sendMessage()"
data-ng-disabled="!chatmeControl.ChatMe.status || loadingNext" aria-label="Stuur" disabled="disabled"><span class="ng-scope"> Stuur </span><md-progress-circular data-md-diameter="20px" data-md-mode="" aria-valuemin="0" aria-valuemax="100"
role="progressbar" class="ng-scope md-virseker-theme" md-mode="" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
<!-- ngIf: chatmeControl.ChatMe.timedOutWarning == true -->
</div>
</form>Name: CallMeBackDetails —
<form class="col-xs-12 no-padding-sides ng-pristine ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-maxlength ng-valid-only-digits" name="CallMeBackDetails" id="CallMeBackDetails"
data-ng-show="!Submitted && !CallbackSchedule" data-ng-submit="NextCallMeBack()" aria-hidden="false">
<div class="full-width padding-top padding-bottom overflow-hidden">
<md-input-container class="col-xs-12 md-accent no-padding-bottom md-virseker-theme">
<label for="fullname">Naam en Van</label>
<input id="fullname" name="fullname" type="text" autocomplete="off" data-ng-model="Callmeback.Fullname" data-ng-maxlength="50" maxlength="50" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true">
<!-- ngIf: CallMeBackDetails.fullname.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<md-input-container class="col-xs-12 md-accent no-padding-bottom md-virseker-theme">
<label for="contactnumber">Kontaknommer</label>
<input id="contactnumber" name="contactnumber" type="tel" autocomplete="off" data-ng-model="Callmeback.ContactNumber" data-ng-maxlength="10" maxlength="10" required="" only-digits="" validate-phonenumber=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: CallMeBackDetails.contactnumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<md-input-container class="col-xs-12 md-accent no-padding-bottom md-virseker-theme md-input-invalid">
<label for="reason">Waaroor bel ons jou?</label>
<select rr-select="" id="reason" name="reason" data-ng-model="Callmeback.Reason" required="" class="md-accent ng-pristine ng-untouched ng-isolate-scope rr-select ng-not-empty ng-invalid ng-invalid-required" aria-invalid="true" style="">
<option value="? string:undefined ?" class="defaultBlankOption"></option>
<option class="md-accent" id="optQueryOnExistingCover" value="Existing">Navrae oor of veranderinge aan bestaande dekking</option>
<option class="md-accent" id="optCar&HomeInsurance" value="ShortTerm">Kwotasie vir nuwe motor- en/of huisinhoudversekering</option>
<option class="md-accent" id="optOnlineSupport" value="onlinesupport">Aanlynbystand</option>
<option class="md-accent" id="optVaps" value="Vaps">Addisionele produkte</option>
<option class="md-accent" value="Business" id="optBusiness">Besigheidsversekering</option>
</select>
<!-- ngIf: CallMeBackDetails.reason.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-xs-12 padding-bottom padding-top" data-ng-mouseover="filthify(CallMeBackDetails)">
<button class="stretched md-virseker-theme md-raised md-primary next md-button md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:loadingNext}" name="btnCallBack" id="btnCallBack"
data-ng-disabled="CallMeBackDetails.$invalid || loadingNext" disabled="disabled" aria-label="Skakel my terug"><span class="ng-binding ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode=""
aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" md-mode="" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</form>Name: CallMeBackSchedule —
<form class="overflow-hidden col-xs-12 no-padding-sides ng-pristine ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-valid-ng-invalid ng-valid ng-valid-required ng-hide" name="CallMeBackSchedule" id="CallMeBackSchedule"
data-ng-show="Submitted && !CallbackSchedule" data-ng-submit="NextCallMeBack()" aria-hidden="true">
<div class="col-xs-12 margin-top-15px padding-bottom">Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak</div>
<div class="col-xs-12 md-accent md-no-float">
<md-datepicker class="stretched md-accent ng-pristine ng-untouched ng-isolate-scope md-virseker-theme ng-empty ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-valid-ng-invalid ng-valid ng-valid-required"
name="txtCallBackDate" id="txtCallBackDate" data-md-min-date="minEffectiveDate" data-md-max-date="maxEffectiveDate" data-ng-required="Submitted && !CallbackSchedule" data-ng-invalid="invalidSunday" data-ng-model="callbackDate"
data-md-placeholder="DD/MM/YYYY" tabindex="-1" aria-required="false" aria-invalid="false"><button class="md-datepicker-button md-icon-button md-button md-virseker-theme md-ink-ripple" type="button" ng-transclude="" tabindex="-1"
aria-hidden="true" ng-click="ctrl.openCalendarPane($event)"><md-icon class="md-datepicker-calendar-icon ng-scope ng-isolate-scope md-virseker-theme" md-svg-icon="md-calendar" aria-label="md-calendar" role="img"><svg
xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet">
<path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></path>
</svg></md-icon></button>
<div class="md-datepicker-input-container" ng-class="{'md-datepicker-focused': ctrl.isFocused}"><input class="md-datepicker-input" aria-haspopup="true" ng-focus="ctrl.setFocused(true)" ng-blur="ctrl.setFocused(false)" readonly="readonly"
placeholder="DD/MM/YYYY" size="3"><button class="md-datepicker-triangle-button md-icon-button md-button md-virseker-theme" type="button" ng-transclude="" md-no-ink="" ng-click="ctrl.openCalendarPane($event)" aria-label="Open calendar">
<div class="md-datepicker-expand-triangle ng-scope"></div>
</button></div>
<div class="md-datepicker-calendar-pane md-whiteframe-z1" id="md-date-pane0">
<div class="md-datepicker-input-mask">
<div class="md-datepicker-input-mask-opaque"></div>
</div>
<div class="md-datepicker-calendar"><!-- ngIf: ctrl.isCalendarOpen --></div>
</div>
</md-datepicker>
<!-- ngIf: CallMeBackSchedule.txtCallBackDate.$dirty -->
</div>
<md-input-container class="col-xs-12 md-accent md-no-float md-virseker-theme md-input-disabled md-input-has-value md-input-has-placeholder">
<label for="AreaTypeNight">Time</label>
<select rr-select="" class="md-accent ng-pristine ng-untouched ng-isolate-scope rr-select ng-empty ng-valid ng-valid-required" name="txtCallBackTime" id="txtCallBackTime" data-ng-required="Submitted && !CallbackSchedule"
data-ng-disabled="CurrentCallbackTimeSlots === undefined || CurrentCallbackTimeSlots === null || CurrentCallbackTimeSlots.length <= 0" data-ng-model="callbackTimeslot" disabled="disabled" aria-invalid="false">
<option class="notApplicableOption" selected="selected" value="">Nie van toepassing</option>
<!-- ngRepeat: t in CurrentCallbackTimeSlots -->
</select>
<!-- ngIf: CallMeBackSchedule.txtCallBackTime.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<div class="col-xs-12 padding-bottom" data-ng-mouseover="filthify(CallMeBackSchedule)">
<button class="stretched md-virseker-theme md-raised md-primary full-width next md-button md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:loadingNext}" name="btnCallme" id="btnCallme"
data-ng-disabled="CallMeBackSchedule.$invalid || loadingNext || !validTime" aria-label="Skakel my terug" disabled="disabled"><span class="ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode=""
aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" md-mode="" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</form>Name: CallMeBackMobi —
<form form-focus-field="" data-ng-controller="CallMeBackController" name="CallMeBackMobi" id="CallMeBackMobi" data-ng-submit="SubmitCallMeBack()"
class="visible-xs visible-sm ng-pristine ng-scope ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-only-digits ng-valid-maxlength ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid">
<div class="row padding-xs-top padding-sm-bottom">
<div class="col-sm-12">
<div class="col-sm-12">
<h2>Ons bel jou</h2>
</div>
</div>
<div class="col-sm-12" data-ng-show="!Submitted" aria-hidden="false">
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme">
<label for="Fullname">Naam en Van</label>
<input type="text" autocomplete="off" data-ng-model="Callmeback.Fullname" name="Fullname" id="Fullname" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required" aria-invalid="true">
<!-- ngIf: CallMeBackMobi.Fullname.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme">
<label for="ContactNumber">Selfoonnommer</label>
<input type="tel" autocomplete="off" data-ng-model="Callmeback.ContactNumber" name="ContactNumber" only-digits="" id="ContactNumber" data-ng-maxlength="10" maxlength="10" validate-phonenumber="" required=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: CallMeBackMobi.ContactNumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme md-input-invalid">
<label for="reason">Waaroor bel ons jou?</label>
<select rr-select="" id="reason" name="reason" data-ng-model="Callmeback.Reason" required="" class="md-accent ng-pristine ng-untouched ng-isolate-scope rr-select ng-not-empty ng-invalid ng-invalid-required" aria-invalid="true" style="">
<option value="? string:undefined ?" class="defaultBlankOption"></option>
<option class="md-accent" value="Existing">Navrae oor of veranderinge aan bestaande dekking</option>
<option class="md-accent" value="ShortTerm">Kwotasie vir nuwe motor- en/of huisinhoudversekering</option>
<option class="md-accent" value="onlinesupport">Aanlynbystand</option>
<option class="md-accent" value="Vaps">Addisionele produkte</option>
<option class="md-accent" value="Business">Besigheidsversekering</option>
</select>
<!-- ngIf: CallMeBackMobi.reason.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12" data-ng-mouseover="filthify(CallMeBackMobi)">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" name="btnCallMeBackMobi" data-ng-class="{loading:CallMeLoading}"
data-ng-click="NextCallMeBack()" id="btnCallmeMobi" data-ng-disabled="CallMeBackMobi.$invalid || CallMeLoading" aria-label="Volgende" disabled="disabled"><span class="ng-scope"> Volgende </span><md-progress-circular data-md-diameter="20px"
data-md-mode="false" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="col-sm-12 ng-hide" aria-hidden="true">
<div class="col-sm-12 padding-xs-top">Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak</div>
<div class="col-sm-12 md-accent md-no-float">
<div class="md-datepicker-container md-accent">
<label for="txtCallBackDate">Date</label>
<md-datepicker class="stretched md-accent callbackDatewidth ng-pristine ng-untouched ng-isolate-scope md-virseker-theme ng-empty ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-valid ng-valid-required"
data-md-min-date="minEffectiveDate" data-md-max-date="maxEffectiveDate" id="txtCallBackDate" data-ng-required="Submitted && !CallbackSchedule" name="txtCallBackDate" data-ng-model="callbackDate" data-md-placeholder="DD/MM/YYYY"
tabindex="-1" aria-required="false" aria-invalid="false"><button class="md-datepicker-button md-icon-button md-button md-virseker-theme md-ink-ripple" type="button" ng-transclude="" tabindex="-1" aria-hidden="true"
ng-click="ctrl.openCalendarPane($event)"><md-icon class="md-datepicker-calendar-icon ng-scope ng-isolate-scope md-virseker-theme" md-svg-icon="md-calendar" aria-label="md-calendar" role="img"><svg xmlns="http://www.w3.org/2000/svg"
width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet">
<path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></path>
</svg></md-icon></button>
<div class="md-datepicker-input-container" ng-class="{'md-datepicker-focused': ctrl.isFocused}"><input class="md-datepicker-input" aria-haspopup="true" ng-focus="ctrl.setFocused(true)" ng-blur="ctrl.setFocused(false)" readonly="readonly"
placeholder="DD/MM/YYYY" size="3"><button class="md-datepicker-triangle-button md-icon-button md-button md-virseker-theme" type="button" ng-transclude="" md-no-ink="" ng-click="ctrl.openCalendarPane($event)"
aria-label="Open calendar">
<div class="md-datepicker-expand-triangle ng-scope"></div>
</button></div>
<div class="md-datepicker-calendar-pane md-whiteframe-z1" id="md-date-pane1">
<div class="md-datepicker-input-mask">
<div class="md-datepicker-input-mask-opaque"></div>
</div>
<div class="md-datepicker-calendar"><!-- ngIf: ctrl.isCalendarOpen --></div>
</div>
</md-datepicker>
<!-- ngIf: CallMeBackMobi.txtCallBackDate.$dirty -->
</div>
</div>
<md-input-container class="col-sm-12 md-accent md-no-float md-virseker-theme">
<label for="txtCallBackTime">Time</label>
<select rr-select="" class="md-accent ng-pristine ng-untouched ng-valid ng-isolate-scope rr-select ng-not-empty ng-valid-required" id="txtCallBackTime" name="txtCallBackTime" data-ng-required="Submitted && !CallbackSchedule"
data-ng-model="callbackTimeslot" aria-invalid="false">
<option value="? object:155 ?" class="defaultBlankOption"></option>
<!-- ngRepeat: t in CurrentCallbackTimeSlots -->
</select>
<!-- ngIf: CallMeBackMobi.txtCallBackTime.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<div class="col-sm-12" data-ng-click="filthify(CallMeBackMobi)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBackMobi.$invalid || CallMeLoading || !validTime" aria-label="Skakel my terug" disabled="disabled"><span class="ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode="false"
aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && CallbackSchedule" class="col-sm-12 ng-hide" aria-hidden="true">
<div class="col-xs-12">
<p> Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! </p>
</div>
</div>
</div>
</form>Name: CallMeBack —
<form form-focus-field="" data-ng-controller="CallMeBackController" name="CallMeBack" id="CallMeBack" data-ng-submit="NextCallMeBack()"
class="ng-pristine ng-scope ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-only-digits ng-valid-maxlength ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-12">
<h2>Ons bel jou</h2>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="md-accent md-virseker-theme">
<label for="FirstName">Naam en Van</label>
<input type="text" autocomplete="off" data-ng-model="Callmeback.Fullname" name="FirstName" id="FirstName" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required" aria-invalid="true">
<!-- ngIf: CallMeBack.FirstName.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="md-accent md-virseker-theme">
<label for="ContactNumber">Selfoonnommer</label>
<input type="tel" autocomplete="off" data-ng-model="Callmeback.ContactNumber" name="ContactNumber" only-digits="" validate-phonenumber="" id="ContactNumber" data-ng-maxlength="10" maxlength="10" required=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: CallMeBack.ContactNumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="col-xs-12 no-padding-sides md-accent md-virseker-theme md-input-invalid">
<label for="reason">Waaroor bel ons jou?</label>
<select rr-select="" id="reason" name="reason" data-ng-model="Callmeback.Reason" required="" class="md-accent ng-pristine ng-untouched ng-isolate-scope rr-select ng-not-empty ng-invalid ng-invalid-required" aria-invalid="true" style="">
<option value="? string:undefined ?" class="defaultBlankOption"></option>
<option class="md-accent" value="Existing">Navrae oor of veranderinge aan bestaande dekking</option>
<option class="md-accent" value="ShortTerm">Kwotasie vir nuwe motor- en/of huisinhoudversekering</option>
<option class="md-accent" value="onlinesupport">Aanlynbystand</option>
<option class="md-accent" value="Vaps">Addisionele produkte</option>
<option class="md-accent" value="business">Besigheids versekering</option>
</select>
<!-- ngIf: CallMeBack.reason.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-show="!Submitted" class="overflow-hidden padding padding-sides-15" aria-hidden="false">
<div data-ng-click="filthify(CallMeBack)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBack.$invalid || CallMeLoading" aria-label="Volgende" disabled="disabled"><span class="ng-scope"> Volgende </span><md-progress-circular data-md-diameter="20px" data-md-mode="false" aria-valuemin="0"
aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="overflow-hidden padding ng-hide" aria-hidden="true">
<div style="padding-top: 5px;">Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak</div>
<div class="col-xs-12 no-padding-sides md-accent md-no-float">
<div class="md-datepicker-container md-accent">
<label></label>
<md-datepicker class="stretched md-accent callbackDatewidth ng-pristine ng-untouched ng-isolate-scope md-virseker-theme ng-empty ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-valid ng-valid-required"
data-md-min-date="minEffectiveDate" data-md-max-date="maxEffectiveDate" id="txtCallBackDate" data-ng-required="Submitted && !CallbackSchedule" name="txtCallBackDate" data-ng-model="callbackDate" data-md-placeholder="DD/MM/YYYY"
tabindex="-1" aria-required="false" aria-invalid="false"><button class="md-datepicker-button md-icon-button md-button md-virseker-theme md-ink-ripple" type="button" ng-transclude="" tabindex="-1" aria-hidden="true"
ng-click="ctrl.openCalendarPane($event)"><md-icon class="md-datepicker-calendar-icon ng-scope ng-isolate-scope md-virseker-theme" md-svg-icon="md-calendar" aria-label="md-calendar" role="img"><svg xmlns="http://www.w3.org/2000/svg"
width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet">
<path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></path>
</svg></md-icon></button>
<div class="md-datepicker-input-container" ng-class="{'md-datepicker-focused': ctrl.isFocused}"><input class="md-datepicker-input" aria-haspopup="true" ng-focus="ctrl.setFocused(true)" ng-blur="ctrl.setFocused(false)"
readonly="readonly" placeholder="DD/MM/YYYY" size="3"><button class="md-datepicker-triangle-button md-icon-button md-button md-virseker-theme" type="button" ng-transclude="" md-no-ink="" ng-click="ctrl.openCalendarPane($event)"
aria-label="Open calendar">
<div class="md-datepicker-expand-triangle ng-scope"></div>
</button></div>
<div class="md-datepicker-calendar-pane md-whiteframe-z1" id="md-date-pane2">
<div class="md-datepicker-input-mask">
<div class="md-datepicker-input-mask-opaque"></div>
</div>
<div class="md-datepicker-calendar"><!-- ngIf: ctrl.isCalendarOpen --></div>
</div>
</md-datepicker>
<!-- ngIf: CallMeBack.txtCallBackDate.$dirty -->
</div>
</div>
<md-input-container class="col-xs-12 md-accent md-no-float md-virseker-theme md-input-disabled md-input-has-placeholder">
<label for="txtCallBackTime">Time</label>
<select rr-select="" class="md-accent ng-pristine ng-untouched ng-valid ng-isolate-scope rr-select ng-not-empty ng-valid-required" id="txtCallBackTime" name="txtCallBackTime" data-ng-model="callbackTimeslot"
data-ng-required="Submitted && !CallbackSchedule" data-ng-disabled="CurrentCallbackTimeSlots === undefined || CurrentCallbackTimeSlots === null || CurrentCallbackTimeSlots.length <= 0" disabled="disabled" aria-invalid="false">
<option class="notApplicableOption" selected="selected" value="">Nie van toepassing</option>
<!-- ngRepeat: t in CurrentCallbackTimeSlots -->
</select>
<!-- ngIf: CallMeBack.txtCallBackTime.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="overflow-hidden padding padding-sides-15 ng-hide" aria-hidden="true">
<div class="col-xs-12 no-padding" data-ng-click="filthify(CallMeBack)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBack.$invalid || CallMeLoading || !validTime" aria-label="Skakel my terug" disabled="disabled"><span class="ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode="false"
aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && CallbackSchedule" class="ng-hide" aria-hidden="true">
<div class="padding">
<p> Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! </p>
</div>
</div>
</div>
</div>
</form>Name: CallMeBackMobi —
<form form-focus-field="" data-ng-controller="CallMeBackController" name="CallMeBackMobi" id="CallMeBackMobi" data-ng-submit="SubmitCallMeBack()"
class="visible-xs visible-sm ng-pristine ng-scope ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-only-digits ng-valid-maxlength ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid">
<div class="row padding-xs-top padding-sm-bottom">
<div class="col-sm-12">
<div class="col-sm-12">
<h2>Ons bel jou</h2>
</div>
</div>
<div class="col-sm-12" data-ng-show="!Submitted" aria-hidden="false">
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme">
<label for="Fullname">Naam en Van</label>
<input type="text" autocomplete="off" data-ng-model="Callmeback.Fullname" name="Fullname" id="Fullname" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required" aria-invalid="true">
<!-- ngIf: CallMeBackMobi.Fullname.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme">
<label for="ContactNumber">Selfoonnommer</label>
<input type="tel" autocomplete="off" data-ng-model="Callmeback.ContactNumber" name="ContactNumber" only-digits="" id="ContactNumber" data-ng-maxlength="10" maxlength="10" validate-phonenumber="" required=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: CallMeBackMobi.ContactNumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme md-input-invalid">
<label for="reason">Waaroor bel ons jou?</label>
<select rr-select="" id="reason" name="reason" data-ng-model="Callmeback.Reason" required="" class="md-accent ng-pristine ng-untouched ng-isolate-scope rr-select ng-not-empty ng-invalid ng-invalid-required" aria-invalid="true" style="">
<option value="? string:undefined ?" class="defaultBlankOption"></option>
<option class="md-accent" value="Existing">Navrae oor of veranderinge aan bestaande dekking</option>
<option class="md-accent" value="ShortTerm">Kwotasie vir nuwe motor- en/of huisinhoudversekering</option>
<option class="md-accent" value="onlinesupport">Aanlynbystand</option>
<option class="md-accent" value="Vaps">Addisionele produkte</option>
<option class="md-accent" value="Business">Besigheidsversekering</option>
</select>
<!-- ngIf: CallMeBackMobi.reason.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12" data-ng-mouseover="filthify(CallMeBackMobi)">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" name="btnCallMeBackMobi" data-ng-class="{loading:CallMeLoading}"
data-ng-click="NextCallMeBack()" id="btnCallmeMobi" data-ng-disabled="CallMeBackMobi.$invalid || CallMeLoading" aria-label="Volgende" disabled="disabled"><span class="ng-scope"> Volgende </span><md-progress-circular data-md-diameter="20px"
data-md-mode="false" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="col-sm-12 ng-hide" aria-hidden="true">
<div class="col-sm-12 padding-xs-top">Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak</div>
<div class="col-sm-12 md-accent md-no-float">
<div class="md-datepicker-container md-accent">
<label for="txtCallBackDate">Date</label>
<md-datepicker class="stretched md-accent callbackDatewidth ng-pristine ng-untouched ng-isolate-scope md-virseker-theme ng-empty ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-valid ng-valid-required"
data-md-min-date="minEffectiveDate" data-md-max-date="maxEffectiveDate" id="txtCallBackDate" data-ng-required="Submitted && !CallbackSchedule" name="txtCallBackDate" data-ng-model="callbackDate" data-md-placeholder="DD/MM/YYYY"
tabindex="-1" aria-required="false" aria-invalid="false"><button class="md-datepicker-button md-icon-button md-button md-virseker-theme md-ink-ripple" type="button" ng-transclude="" tabindex="-1" aria-hidden="true"
ng-click="ctrl.openCalendarPane($event)"><md-icon class="md-datepicker-calendar-icon ng-scope ng-isolate-scope md-virseker-theme" md-svg-icon="md-calendar" aria-label="md-calendar" role="img"><svg xmlns="http://www.w3.org/2000/svg"
width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet">
<path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></path>
</svg></md-icon></button>
<div class="md-datepicker-input-container" ng-class="{'md-datepicker-focused': ctrl.isFocused}"><input class="md-datepicker-input" aria-haspopup="true" ng-focus="ctrl.setFocused(true)" ng-blur="ctrl.setFocused(false)" readonly="readonly"
placeholder="DD/MM/YYYY" size="3"><button class="md-datepicker-triangle-button md-icon-button md-button md-virseker-theme" type="button" ng-transclude="" md-no-ink="" ng-click="ctrl.openCalendarPane($event)"
aria-label="Open calendar">
<div class="md-datepicker-expand-triangle ng-scope"></div>
</button></div>
<div class="md-datepicker-calendar-pane md-whiteframe-z1" id="md-date-pane3">
<div class="md-datepicker-input-mask">
<div class="md-datepicker-input-mask-opaque"></div>
</div>
<div class="md-datepicker-calendar"><!-- ngIf: ctrl.isCalendarOpen --></div>
</div>
</md-datepicker>
<!-- ngIf: CallMeBackMobi.txtCallBackDate.$dirty -->
</div>
</div>
<md-input-container class="col-sm-12 md-accent md-no-float md-virseker-theme">
<label for="txtCallBackTime">Time</label>
<select rr-select="" class="md-accent ng-pristine ng-untouched ng-valid ng-isolate-scope rr-select ng-not-empty ng-valid-required" id="txtCallBackTime" name="txtCallBackTime" data-ng-required="Submitted && !CallbackSchedule"
data-ng-model="callbackTimeslot" aria-invalid="false">
<option value="? object:163 ?" class="defaultBlankOption"></option>
<!-- ngRepeat: t in CurrentCallbackTimeSlots -->
</select>
<!-- ngIf: CallMeBackMobi.txtCallBackTime.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<div class="col-sm-12" data-ng-click="filthify(CallMeBackMobi)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBackMobi.$invalid || CallMeLoading || !validTime" aria-label="Skakel my terug" disabled="disabled"><span class="ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode="false"
aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && CallbackSchedule" class="col-sm-12 ng-hide" aria-hidden="true">
<div class="col-xs-12">
<p> Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! </p>
</div>
</div>
</div>
</form>Name: CallMeBack —
<form form-focus-field="" data-ng-controller="CallMeBackController" name="CallMeBack" id="CallMeBack" data-ng-submit="NextCallMeBack()"
class="ng-pristine ng-scope ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-only-digits ng-valid-maxlength ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-12">
<h2>Ons bel jou</h2>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="md-accent md-virseker-theme">
<label for="FirstName">Naam en Van</label>
<input type="text" autocomplete="off" data-ng-model="Callmeback.Fullname" name="FirstName" id="FirstName" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required" aria-invalid="true">
<!-- ngIf: CallMeBack.FirstName.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="md-accent md-virseker-theme">
<label for="ContactNumber">Selfoonnommer</label>
<input type="tel" autocomplete="off" data-ng-model="Callmeback.ContactNumber" name="ContactNumber" only-digits="" validate-phonenumber="" id="ContactNumber" data-ng-maxlength="10" maxlength="10" required=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: CallMeBack.ContactNumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="col-xs-12 no-padding-sides md-accent md-virseker-theme md-input-invalid">
<label for="reason">Waaroor bel ons jou?</label>
<select rr-select="" id="reason" name="reason" data-ng-model="Callmeback.Reason" required="" class="md-accent ng-pristine ng-untouched ng-isolate-scope rr-select ng-not-empty ng-invalid ng-invalid-required" aria-invalid="true" style="">
<option value="? string:undefined ?" class="defaultBlankOption"></option>
<option class="md-accent" value="Existing">Navrae oor of veranderinge aan bestaande dekking</option>
<option class="md-accent" value="ShortTerm">Kwotasie vir nuwe motor- en/of huisinhoudversekering</option>
<option class="md-accent" value="onlinesupport">Aanlynbystand</option>
<option class="md-accent" value="Vaps">Addisionele produkte</option>
<option class="md-accent" value="business">Besigheids versekering</option>
</select>
<!-- ngIf: CallMeBack.reason.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-show="!Submitted" class="overflow-hidden padding padding-sides-15" aria-hidden="false">
<div data-ng-click="filthify(CallMeBack)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBack.$invalid || CallMeLoading" aria-label="Volgende" disabled="disabled"><span class="ng-scope"> Volgende </span><md-progress-circular data-md-diameter="20px" data-md-mode="false" aria-valuemin="0"
aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="overflow-hidden padding ng-hide" aria-hidden="true">
<div style="padding-top: 5px;">Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak</div>
<div class="col-xs-12 no-padding-sides md-accent md-no-float">
<div class="md-datepicker-container md-accent">
<label></label>
<md-datepicker class="stretched md-accent callbackDatewidth ng-pristine ng-untouched ng-isolate-scope md-virseker-theme ng-empty ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-valid ng-valid-required"
data-md-min-date="minEffectiveDate" data-md-max-date="maxEffectiveDate" id="txtCallBackDate" data-ng-required="Submitted && !CallbackSchedule" name="txtCallBackDate" data-ng-model="callbackDate" data-md-placeholder="DD/MM/YYYY"
tabindex="-1" aria-required="false" aria-invalid="false"><button class="md-datepicker-button md-icon-button md-button md-virseker-theme md-ink-ripple" type="button" ng-transclude="" tabindex="-1" aria-hidden="true"
ng-click="ctrl.openCalendarPane($event)"><md-icon class="md-datepicker-calendar-icon ng-scope ng-isolate-scope md-virseker-theme" md-svg-icon="md-calendar" aria-label="md-calendar" role="img"><svg xmlns="http://www.w3.org/2000/svg"
width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet">
<path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></path>
</svg></md-icon></button>
<div class="md-datepicker-input-container" ng-class="{'md-datepicker-focused': ctrl.isFocused}"><input class="md-datepicker-input" aria-haspopup="true" ng-focus="ctrl.setFocused(true)" ng-blur="ctrl.setFocused(false)"
readonly="readonly" placeholder="DD/MM/YYYY" size="3"><button class="md-datepicker-triangle-button md-icon-button md-button md-virseker-theme" type="button" ng-transclude="" md-no-ink="" ng-click="ctrl.openCalendarPane($event)"
aria-label="Open calendar">
<div class="md-datepicker-expand-triangle ng-scope"></div>
</button></div>
<div class="md-datepicker-calendar-pane md-whiteframe-z1" id="md-date-pane4">
<div class="md-datepicker-input-mask">
<div class="md-datepicker-input-mask-opaque"></div>
</div>
<div class="md-datepicker-calendar"><!-- ngIf: ctrl.isCalendarOpen --></div>
</div>
</md-datepicker>
<!-- ngIf: CallMeBack.txtCallBackDate.$dirty -->
</div>
</div>
<md-input-container class="col-xs-12 md-accent md-no-float md-virseker-theme md-input-disabled md-input-has-placeholder">
<label for="txtCallBackTime">Time</label>
<select rr-select="" class="md-accent ng-pristine ng-untouched ng-valid ng-isolate-scope rr-select ng-not-empty ng-valid-required" id="txtCallBackTime" name="txtCallBackTime" data-ng-model="callbackTimeslot"
data-ng-required="Submitted && !CallbackSchedule" data-ng-disabled="CurrentCallbackTimeSlots === undefined || CurrentCallbackTimeSlots === null || CurrentCallbackTimeSlots.length <= 0" disabled="disabled" aria-invalid="false">
<option class="notApplicableOption" selected="selected" value="">Nie van toepassing</option>
<!-- ngRepeat: t in CurrentCallbackTimeSlots -->
</select>
<!-- ngIf: CallMeBack.txtCallBackTime.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="overflow-hidden padding padding-sides-15 ng-hide" aria-hidden="true">
<div class="col-xs-12 no-padding" data-ng-click="filthify(CallMeBack)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBack.$invalid || CallMeLoading || !validTime" aria-label="Skakel my terug" disabled="disabled"><span class="ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode="false"
aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && CallbackSchedule" class="ng-hide" aria-hidden="true">
<div class="padding">
<p> Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! </p>
</div>
</div>
</div>
</div>
</form>Name: CallMeBackMobi —
<form form-focus-field="" data-ng-controller="CallMeBackController" name="CallMeBackMobi" id="CallMeBackMobi" data-ng-submit="SubmitCallMeBack()"
class="visible-xs visible-sm ng-pristine ng-scope ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-only-digits ng-valid-maxlength ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid">
<div class="row padding-xs-top padding-sm-bottom">
<div class="col-sm-12">
<div class="col-sm-12">
<h2>Ons bel jou</h2>
</div>
</div>
<div class="col-sm-12" data-ng-show="!Submitted" aria-hidden="false">
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme">
<label for="Fullname">Naam en Van</label>
<input type="text" autocomplete="off" data-ng-model="Callmeback.Fullname" name="Fullname" id="Fullname" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required" aria-invalid="true">
<!-- ngIf: CallMeBackMobi.Fullname.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme">
<label for="ContactNumber">Selfoonnommer</label>
<input type="tel" autocomplete="off" data-ng-model="Callmeback.ContactNumber" name="ContactNumber" only-digits="" id="ContactNumber" data-ng-maxlength="10" maxlength="10" validate-phonenumber="" required=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: CallMeBackMobi.ContactNumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme md-input-invalid">
<label for="reason">Waaroor bel ons jou?</label>
<select rr-select="" id="reason" name="reason" data-ng-model="Callmeback.Reason" required="" class="md-accent ng-pristine ng-untouched ng-isolate-scope rr-select ng-not-empty ng-invalid ng-invalid-required" aria-invalid="true" style="">
<option value="? string:undefined ?" class="defaultBlankOption"></option>
<option class="md-accent" value="Existing">Navrae oor of veranderinge aan bestaande dekking</option>
<option class="md-accent" value="ShortTerm">Kwotasie vir nuwe motor- en/of huisinhoudversekering</option>
<option class="md-accent" value="onlinesupport">Aanlynbystand</option>
<option class="md-accent" value="Vaps">Addisionele produkte</option>
<option class="md-accent" value="Business">Besigheidsversekering</option>
</select>
<!-- ngIf: CallMeBackMobi.reason.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-sm-12" data-ng-mouseover="filthify(CallMeBackMobi)">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" name="btnCallMeBackMobi" data-ng-class="{loading:CallMeLoading}"
data-ng-click="NextCallMeBack()" id="btnCallmeMobi" data-ng-disabled="CallMeBackMobi.$invalid || CallMeLoading" aria-label="Volgende" disabled="disabled"><span class="ng-scope"> Volgende </span><md-progress-circular data-md-diameter="20px"
data-md-mode="false" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="col-sm-12 ng-hide" aria-hidden="true">
<div class="col-sm-12 padding-xs-top">Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak</div>
<div class="col-sm-12 md-accent md-no-float">
<div class="md-datepicker-container md-accent">
<label for="txtCallBackDate">Date</label>
<md-datepicker class="stretched md-accent callbackDatewidth ng-pristine ng-untouched ng-isolate-scope md-virseker-theme ng-empty ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-valid ng-valid-required"
data-md-min-date="minEffectiveDate" data-md-max-date="maxEffectiveDate" id="txtCallBackDate" data-ng-required="Submitted && !CallbackSchedule" name="txtCallBackDate" data-ng-model="callbackDate" data-md-placeholder="DD/MM/YYYY"
tabindex="-1" aria-required="false" aria-invalid="false"><button class="md-datepicker-button md-icon-button md-button md-virseker-theme md-ink-ripple" type="button" ng-transclude="" tabindex="-1" aria-hidden="true"
ng-click="ctrl.openCalendarPane($event)"><md-icon class="md-datepicker-calendar-icon ng-scope ng-isolate-scope md-virseker-theme" md-svg-icon="md-calendar" aria-label="md-calendar" role="img"><svg xmlns="http://www.w3.org/2000/svg"
width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet">
<path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></path>
</svg></md-icon></button>
<div class="md-datepicker-input-container" ng-class="{'md-datepicker-focused': ctrl.isFocused}"><input class="md-datepicker-input" aria-haspopup="true" ng-focus="ctrl.setFocused(true)" ng-blur="ctrl.setFocused(false)" readonly="readonly"
placeholder="DD/MM/YYYY" size="3"><button class="md-datepicker-triangle-button md-icon-button md-button md-virseker-theme" type="button" ng-transclude="" md-no-ink="" ng-click="ctrl.openCalendarPane($event)"
aria-label="Open calendar">
<div class="md-datepicker-expand-triangle ng-scope"></div>
</button></div>
<div class="md-datepicker-calendar-pane md-whiteframe-z1" id="md-date-pane5">
<div class="md-datepicker-input-mask">
<div class="md-datepicker-input-mask-opaque"></div>
</div>
<div class="md-datepicker-calendar"><!-- ngIf: ctrl.isCalendarOpen --></div>
</div>
</md-datepicker>
<!-- ngIf: CallMeBackMobi.txtCallBackDate.$dirty -->
</div>
</div>
<md-input-container class="col-sm-12 md-accent md-no-float md-virseker-theme">
<label for="txtCallBackTime">Time</label>
<select rr-select="" class="md-accent ng-pristine ng-untouched ng-valid ng-isolate-scope rr-select ng-not-empty ng-valid-required" id="txtCallBackTime" name="txtCallBackTime" data-ng-required="Submitted && !CallbackSchedule"
data-ng-model="callbackTimeslot" aria-invalid="false">
<option value="? object:171 ?" class="defaultBlankOption"></option>
<!-- ngRepeat: t in CurrentCallbackTimeSlots -->
</select>
<!-- ngIf: CallMeBackMobi.txtCallBackTime.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<div class="col-sm-12" data-ng-click="filthify(CallMeBackMobi)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBackMobi.$invalid || CallMeLoading || !validTime" aria-label="Skakel my terug" disabled="disabled"><span class="ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode="false"
aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && CallbackSchedule" class="col-sm-12 ng-hide" aria-hidden="true">
<div class="col-xs-12">
<p> Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! </p>
</div>
</div>
</div>
</form>Name: CallMeBack —
<form form-focus-field="" data-ng-controller="CallMeBackController" name="CallMeBack" id="CallMeBack" data-ng-submit="NextCallMeBack()"
class="ng-pristine ng-scope ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-only-digits ng-valid-maxlength ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-12">
<h2>Ons bel jou</h2>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="md-accent md-virseker-theme">
<label for="FirstName">Naam en Van</label>
<input type="text" autocomplete="off" data-ng-model="Callmeback.Fullname" name="FirstName" id="FirstName" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required" aria-invalid="true">
<!-- ngIf: CallMeBack.FirstName.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="md-accent md-virseker-theme">
<label for="ContactNumber">Selfoonnommer</label>
<input type="tel" autocomplete="off" data-ng-model="Callmeback.ContactNumber" name="ContactNumber" only-digits="" validate-phonenumber="" id="ContactNumber" data-ng-maxlength="10" maxlength="10" required=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: CallMeBack.ContactNumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-hide="Submitted" class="col-sm-12" aria-hidden="false">
<md-input-container class="col-xs-12 no-padding-sides md-accent md-virseker-theme md-input-invalid">
<label for="reason">Waaroor bel ons jou?</label>
<select rr-select="" id="reason" name="reason" data-ng-model="Callmeback.Reason" required="" class="md-accent ng-pristine ng-untouched ng-isolate-scope rr-select ng-not-empty ng-invalid ng-invalid-required" aria-invalid="true" style="">
<option value="? string:undefined ?" class="defaultBlankOption"></option>
<option class="md-accent" value="Existing">Navrae oor of veranderinge aan bestaande dekking</option>
<option class="md-accent" value="ShortTerm">Kwotasie vir nuwe motor- en/of huisinhoudversekering</option>
<option class="md-accent" value="onlinesupport">Aanlynbystand</option>
<option class="md-accent" value="Vaps">Addisionele produkte</option>
<option class="md-accent" value="business">Besigheids versekering</option>
</select>
<!-- ngIf: CallMeBack.reason.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-show="!Submitted" class="overflow-hidden padding padding-sides-15" aria-hidden="false">
<div data-ng-click="filthify(CallMeBack)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBack.$invalid || CallMeLoading" aria-label="Volgende" disabled="disabled"><span class="ng-scope"> Volgende </span><md-progress-circular data-md-diameter="20px" data-md-mode="false" aria-valuemin="0"
aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="overflow-hidden padding ng-hide" aria-hidden="true">
<div style="padding-top: 5px;">Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak</div>
<div class="col-xs-12 no-padding-sides md-accent md-no-float">
<div class="md-datepicker-container md-accent">
<label></label>
<md-datepicker class="stretched md-accent callbackDatewidth ng-pristine ng-untouched ng-isolate-scope md-virseker-theme ng-empty ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-valid ng-valid-required"
data-md-min-date="minEffectiveDate" data-md-max-date="maxEffectiveDate" id="txtCallBackDate" data-ng-required="Submitted && !CallbackSchedule" name="txtCallBackDate" data-ng-model="callbackDate" data-md-placeholder="DD/MM/YYYY"
tabindex="-1" aria-required="false" aria-invalid="false"><button class="md-datepicker-button md-icon-button md-button md-virseker-theme md-ink-ripple" type="button" ng-transclude="" tabindex="-1" aria-hidden="true"
ng-click="ctrl.openCalendarPane($event)"><md-icon class="md-datepicker-calendar-icon ng-scope ng-isolate-scope md-virseker-theme" md-svg-icon="md-calendar" aria-label="md-calendar" role="img"><svg xmlns="http://www.w3.org/2000/svg"
width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet">
<path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></path>
</svg></md-icon></button>
<div class="md-datepicker-input-container" ng-class="{'md-datepicker-focused': ctrl.isFocused}"><input class="md-datepicker-input" aria-haspopup="true" ng-focus="ctrl.setFocused(true)" ng-blur="ctrl.setFocused(false)"
readonly="readonly" placeholder="DD/MM/YYYY" size="3"><button class="md-datepicker-triangle-button md-icon-button md-button md-virseker-theme" type="button" ng-transclude="" md-no-ink="" ng-click="ctrl.openCalendarPane($event)"
aria-label="Open calendar">
<div class="md-datepicker-expand-triangle ng-scope"></div>
</button></div>
<div class="md-datepicker-calendar-pane md-whiteframe-z1" id="md-date-pane6">
<div class="md-datepicker-input-mask">
<div class="md-datepicker-input-mask-opaque"></div>
</div>
<div class="md-datepicker-calendar"><!-- ngIf: ctrl.isCalendarOpen --></div>
</div>
</md-datepicker>
<!-- ngIf: CallMeBack.txtCallBackDate.$dirty -->
</div>
</div>
<md-input-container class="col-xs-12 md-accent md-no-float md-virseker-theme md-input-disabled md-input-has-placeholder">
<label for="txtCallBackTime">Time</label>
<select rr-select="" class="md-accent ng-pristine ng-untouched ng-valid ng-isolate-scope rr-select ng-not-empty ng-valid-required" id="txtCallBackTime" name="txtCallBackTime" data-ng-model="callbackTimeslot"
data-ng-required="Submitted && !CallbackSchedule" data-ng-disabled="CurrentCallbackTimeSlots === undefined || CurrentCallbackTimeSlots === null || CurrentCallbackTimeSlots.length <= 0" disabled="disabled" aria-invalid="false">
<option class="notApplicableOption" selected="selected" value="">Nie van toepassing</option>
<!-- ngRepeat: t in CurrentCallbackTimeSlots -->
</select>
<!-- ngIf: CallMeBack.txtCallBackTime.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div data-ng-show="Submitted && !CallbackSchedule" class="overflow-hidden padding padding-sides-15 ng-hide" aria-hidden="true">
<div class="col-xs-12 no-padding" data-ng-click="filthify(CallMeBack)" role="button" tabindex="0">
<button class="stretched md-budget-dark-theme md-raised md-primary full-width next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:CallMeLoading}" name="submit" id="btnCallme"
data-ng-disabled="CallMeBack.$invalid || CallMeLoading || !validTime" aria-label="Skakel my terug" disabled="disabled"><span class="ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode="false"
aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div data-ng-show="Submitted && CallbackSchedule" class="ng-hide" aria-hidden="true">
<div class="padding">
<p> Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! </p>
</div>
</div>
</div>
</div>
</form>Name: SelectionForm — POST /quote
<form form-focus-field="" name="SelectionForm" id="SelectionForm" action="/quote" method="post" data-ng-controller="Selection"
class="ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-maxlength ng-valid-only-digits ng-valid-email ng-valid-validate-idnumber-age">
<input name="__RequestVerificationToken" type="hidden" value="ubVbzPxbQS7Kj2VhYG4cDdm-xzHquTfmoAWWTG1NNi2E0sDj_wHY2K-vfzbZvSpONt8C0nSQakqXk0ie0yqd5MTldDhHMgi9cjUuGD5VCnc1" autocomplete="off">
<div class="row nopad">
<div class="col-xs-12">
<h2 class="force-h1-style">Wat wil jy graag verseker?</h2>
</div>
</div>
<div class="row nopad" data-ng-class="{ 'has-error' : SelectionForm.ccar.$invalid && SelectionForm.ccar.$dirty }">
<div class="col-md-6 col-lg-3">
<md-checkbox aria-label="Car" data-ng-model="Car" name="ccar" data-ng-class="{error:SelectionForm.ccar.$invalid && SelectionForm.ccar.$dirty}" id="chkCar" data-ng-required="riskSelection" role="checkbox"
class="ng-pristine ng-untouched md-virseker-theme ng-empty ng-invalid ng-invalid-required" tabindex="0" aria-required="true" required="required" aria-checked="false" aria-invalid="true">
<div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox="">
<div class="md-icon"></div>
</div>
<div ng-transclude="" class="md-label"><span class="ng-scope"> Motor </span></div>
</md-checkbox>
</div>
<div class="col-md-6 col-lg-3">
<md-checkbox aria-label="Home" data-ng-model="Home" name="chome" data-ng-class="{error:SelectionForm.chome.$invalid && SelectionForm.chome.$dirty}" id="chkHome" data-ng-required="riskSelection" role="checkbox"
class="ng-pristine ng-untouched md-virseker-theme ng-empty ng-invalid ng-invalid-required" tabindex="0" aria-required="true" required="required" aria-checked="false" aria-invalid="true">
<div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox="">
<div class="md-icon"></div>
</div>
<div ng-transclude="" class="md-label"><span class="ng-scope"> Huisinhoud </span></div>
</md-checkbox>
</div>
<div class="col-md-6 col-lg-3">
<md-checkbox aria-label="Building" data-ng-model="Building" data-ng-class="{error:SelectionForm.cbuilding.$invalid && SelectionForm.cbuilding.$dirty}" name="cbuilding" id="chkBuilding" data-ng-required="riskSelection" role="checkbox"
class="ng-pristine ng-untouched md-virseker-theme ng-empty ng-invalid ng-invalid-required" tabindex="0" aria-required="true" required="required" aria-checked="false" aria-invalid="true">
<div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox="">
<div class="md-icon"></div>
</div>
<div ng-transclude="" class="md-label"><span class="ng-scope"> Geboue </span></div>
</md-checkbox>
</div>
<div class="col-md-6 col-lg-3">
<md-checkbox aria-label="Motorcycle" data-ng-model="Motorcycle" data-ng-class="{error:SelectionForm.cmotorcycle.$invalid && SelectionForm.cmotorcycle.$dirty}" name="cmotorcycle" id="chkMotorcycle" data-ng-required="riskSelection"
role="checkbox" class="ng-pristine ng-untouched md-virseker-theme ng-empty ng-invalid ng-invalid-required" tabindex="0" aria-required="true" required="required" aria-checked="false" aria-invalid="true">
<div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox="">
<div class="md-icon"></div>
</div>
<div ng-transclude="" class="md-label"><span class="ng-scope"> Motorfiets </span></div>
</md-checkbox>
</div>
<div class="clearfix"></div>
<div class="col-xs-12 ">
<p class="only-when-has-error field-validation-error">Kies asseblief 'n risiko item</p>
</div>
</div>
<input type="hidden" name="car" data-ng-value="Car" autocomplete="off">
<input type="hidden" name="home" data-ng-value="Home" autocomplete="off">
<input type="hidden" name="building" data-ng-value="Building" autocomplete="off">
<input type="hidden" name="motorcycle" data-ng-value="Motorcycle" autocomplete="off">
<input type="hidden" name="Token" id="token" autocomplete="off">
<div class="row nopad">
<md-input-container class="col-sm-6 md-accent md-virseker-theme">
<label for="txtFirstName">Naam</label>
<input data-ng-model="FirstName" type="text" name="firstName" id="txtFirstName" autocomplete="off" validate-firstname="" maxlength="50" required=""
class="ng-pristine ng-untouched md-input ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: SelectionForm.firstName.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<md-input-container class="col-sm-6 md-accent md-virseker-theme">
<label for="txtLastName">Van</label>
<input data-ng-model="LastName" type="text" name="lastName" id="txtLastName" autocomplete="off" validate-lastname="" maxlength="50" required="" class="ng-pristine ng-untouched md-input ng-empty ng-invalid ng-invalid-required ng-valid-maxlength"
aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending" ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar"
class="ng-scope md-virseker-theme ng-hide unfocussed-loading" aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: SelectionForm.lastName.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<div class="clearfix"></div>
<md-input-container class="col-sm-6 md-accent md-virseker-theme">
<label for="txtContactNumber">Selfoonnommer</label>
<input data-ng-model="ContactNumber" type="tel" name="contactNumber" maxlength="10" autocomplete="off" id="txtContactNumber" only-digits="" validate-cellnumber="" required=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: SelectionForm.contactNumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<div class="col-sm-6">
<md-input-container class="md-accent md-virseker-theme">
<label for="txtEmailAddress">E-posadres</label>
<input data-ng-model="Email" type="email" name="emailAddress" id="txtEmailAddress" autocomplete="off" maxlength="50" validate-emailaddress="" required=""
class="ng-pristine ng-untouched md-input ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: SelectionForm.emailAddress.$dirty -->
<cooltip data-ng-hide="IsIE10" class="ng-isolate-scope strapped" aria-hidden="false">
<div class="cooltip-icon"></div>
<div ng-style="containerStyle" class="cooltip-container" style="height: 1000px; width: 480px;">
<div ng-style="maskStyle" class="cooltip-mask">
<div class="cooltip-padding-box">
<div ng-style="contentsStyle" class="cooltip-contents" style="position: absolute; width: 460px;">
<div ng-transclude=""><span class="ng-scope"> Sleutel asseblief 'n geldige e-posadres in. Dit sal jou gebruikersnaam wees indien jy kies om 'n profiel te skep. </span></div>
</div>
</div>
</div>
</div>
</cooltip>
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="clearfix"></div>
<div class="col-sm-12">
<md-input-container class="md-accent md-virseker-theme">
<label for="txtIdNumber">Suid-Afrikaanse ID-nommer</label>
<input type="tel" name="idNumber" id="txtIdNumber" data-ng-model="IdNumber" autocomplete="off" validate-idnumber-age="18" validate-idnumber="" only-digits="" maxlength="13" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-idnumber-age ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: SelectionForm.idNumber.$dirty -->
<cooltip class="ng-isolate-scope strapped">
<div class="cooltip-icon"></div>
<div ng-style="containerStyle" class="cooltip-container" style="height: 1000px; width: 990px;">
<div ng-style="maskStyle" class="cooltip-mask">
<div class="cooltip-padding-box">
<div ng-style="contentsStyle" class="cooltip-contents" style="position: absolute; width: 970px;">
<div ng-transclude=""><span class="ng-scope"> Sleutel asseblief 'n geldige Suid-Afrikaanse ID-nommer in. Indien jy nie een het nie, kan jy op die skakel hieronder kliek. </span></div>
</div>
</div>
</div>
</div>
</cooltip>
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-md-12 col-xs-12 col-sm-12">
<h2 class="teal-front">My besonderhede is waar en korrek</h2>
<md-checkbox data-ng-model="Selection.TrueAndCorrect" name="TrueAndCorrect" id="TrueAndCorrect" data-ng-class="{error:SelectionForm.TrueAndCorrect.$invalid && SelectionForm.TrueAndCorrect.$dirty}" required="" role="checkbox"
class="ng-pristine ng-untouched md-virseker-theme ng-empty ng-invalid ng-invalid-required" tabindex="0"
aria-label="Die bogenoemde inligting is waar en korrek en ek gee toestemming dat my persoonlike inligting vir versekerings en risiko doeleindes verwerk gaan word." aria-required="true" aria-checked="false" aria-invalid="true">
<div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox="">
<div class="md-icon"></div>
</div>
<div ng-transclude="" class="md-label"><span class="ng-scope"> Die bogenoemde inligting is waar en korrek en ek gee toestemming dat my persoonlike inligting vir versekerings en risiko doeleindes verwerk gaan word. </span></div>
</md-checkbox>
</div>
<div class="clearfix"></div>
<div class="col-sm-12 col-md-6 padding-top-double" data-ng-mouseover="filthify(SelectionForm); scrollToError(SelectionForm);">
<button class="stretched md-raised md-primary next md-button md-virseker-theme md-ink-ripple" type="button" ng-transclude="" data-ng-class="{loading:QuoteStarting}" data-ng-click="QuoteStarting=true; selectionSubmit();" name="btnSubmit"
id="btnSubmit" data-ng-disabled="SelectionForm.$invalid || SelectionForm.$pending" aria-label="Begin my kwotasie" disabled="disabled"><span class="ng-scope"> Begin my kwotasie </span><!-- ngIf: QuoteStarting -->
</button>
</div>
</div>
<div class="row nopad">
<div class="col-xs-12 col-sm-6 col-md-6">
<small>Nie 'n Suid-Afrikaanse ID-nommer? <a href="/kontak-gesels-met-ons">Begin kwotasie hier.</a></small>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<small> Ek het klaar 'n kwotasie begin en <a href="quote/resumequote">wil dit voltooi.</a>
</small>
</div>
</div>
</form>Name: otpLoginForm —
<form novalidate="" id="otpLoginForm" name="otpLoginForm" data-ng-controller="OTPLogin" data-ng-submit="GetLinkedContactNumbers()" class="ng-pristine ng-scope ng-valid-only-digits ng-invalid ng-invalid-required ng-valid-maxlength">
<div class="padding-v-15 padding-h-15">
<div class="col-xs-12 margin-v-10-md margin-bottom-5-sm no-padding-right-md">
<h4 class="margin-v-30-md no-margin-top-md">
<strong>Vinnige toegang tot jou profiel</strong>
</h4>
<div> Ons sal ‘n eenmalige wagwoord (OTP) na jou geregistreerde selfoon nommer stuur. </div>
</div>
<div class="clearfix"></div>
<div class="col-xs-12 col-lg-5">
<md-switch class="md-invert ng-pristine ng-untouched ng-valid md-virseker-theme ng-not-empty md-checked" data-ng-model="otpLogin.IsIdnumber" role="checkbox" tabindex="0" aria-label="Gebruik ‘n ID nommer" aria-checked="true"
aria-invalid="false">
<div class="md-container">
<div class="md-bar"></div>
<div class="md-thumb-container">
<div class="md-thumb md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox=""></div>
</div>
</div>
<div ng-transclude="" class="md-label"><span class="ng-scope"> Gebruik ‘n ID nommer </span></div>
</md-switch>
</div>
<!-- ngIf: otpLogin.IsIdnumber -->
<div class="col-xs-12 col-lg-7 ng-scope" data-ng-if="otpLogin.IsIdnumber">
<md-input-container class="md-accent stretched thin md-virseker-theme">
<label for="idNumber">ID nommer</label>
<input type="tel" name="idNumber" id="idNumber" data-ng-model="otpLogin.IdNumber" autocomplete="off" validate-idnumber="" data-ng-model-options="{ updateOn: 'default blur', debounce: { 'default': 200, 'blur': 0 } }" only-digits=""
maxlength="13" required="" class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: otpLoginForm.idNumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
</div><!-- end ngIf: otpLogin.IsIdnumber -->
<!-- ngIf: !otpLogin.IsIdnumber -->
<div class="clearfix"></div>
<!-- ngIf: otpLogin.Error -->
<div class="clearfix"></div>
<div class="button-bottom" data-ng-mouseover="filthify(otpLoginForm); otpLogin.buttonHover=true;">
<div class="col-xs-12 col-lg-7 col-lg-offset-5">
<button class="stretched md-raised md-primary md-button md-ink-ripple md-virseker-theme" type="submit" ng-transclude="" md-ink-ripple="" name="submit" data-ng-class="{loading:otpLogin.SendingOTP}" id="btnOtpLogin"
data-ng-disabled="otpLoginForm.$invalid || otpLoginForm.$pending || otpLogin.Error" aria-label="Klok in" disabled="disabled"><span class="ng-scope"> Klok in </span><!-- ngIf: otpLogin.SendingOTP -->
</button>
</div>
<div class="clearfix"></div>
</div>
</div>
<div style="display:none" id="__dlg_otpLoginDialog"> <md-dialog> <md-dialog-content class="container container-sm thin-container-md padding-v-15 no-margin"> <md-card style="box-shadow:none"> <div class="col-xs-12"
data-ng-if="!otpLogin.OTPSuccess"> <div class="close-md-dialog menu-close-icon" data-ng-click="otpLogin.closeDialog()"></div> <h4 class="margin-v-5 no-margin-top"> Klok in </h4> <div
data-ng-if="!otpLogin.OTPSent"> <div> Daar is verskeie selfoon nommers gekoppel aan jou ID/Paspoort nommer, na watter nommer moet ons jou eenmalige wagwoord stuur? </div> <div class="padding-v-15 row"> <div
class="col-xs-12 col-md-6 padding-v-15 no-padding-bottom" data-ng-repeat="number in otpLogin.ContactNumbers"> <button class="stretched md-raised md-primary" data-ng-click="SendOTP(number)"
data-ng-bind="number.ContactNumberDisplay"></button> </div> </div> <div class="padding-v-15 no-padding-bottom"> Indien jy nie jou nommer in die lys hierbo sien nie mag jou kontakbesonderhede dalk verkeerd wees. Kontak
gerus ons kliëntediens span by 0861 00 75 30 om jou inligting te verander.") </div> </div> <div data-ng-if="otpLogin.OTPSent"> <form novalidate id="verifyOTPForm" name="verifyOTPForm" data-ng-submit="VerifyOTP()">
<div> <p>Ons het ‘n eenmalige wagwoord gestuur na <span data-ng-bind="otpLogin.SelectedNumber.ContactNumberDisplay"></span></p> </div> <div class="col-xs-12 no-padding"> <div class="col-xs-12 col-md-6
no-padding margin-v-10"> <md-input-container class="md-accent stretched no-margin-bottom important"> <label for="otp">OTP</label> <input type="tel" name="otp" id="otp" data-ng-model="otpLogin.SelectedNumber.OTP"
only-digits maxlength="6" required="required" /> <div data-ng-messages="verifyOTPForm.otp.$error" data-ng-if="verifyOTPForm.otp.$dirty"> <div data-ng-message="required">OTP word vereis</div> </div>
</md-input-container> </div> </div> <div class="padding-v-15 error no-padding-top" data-ng-if="otpLogin.OTPError" data-ng-bind="otpLogin.OTPErrorMessage"></div> <div data-ng-if="otpLogin.ContactNumbers.length ==
1"> <div> Indien jy nie jou eenmalige wagwoord dadelik ontvang het nie mag jou kontakbesonderhede dalk verkeerd wees. Kontak gerus ons kliëntediens span by 0861 00 75 30 om jou inligting te verander. </div> <div
class="padding-v-15"> <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">Stuur een malige wagwoord weer</a> </div> </div> <div data-ng-if="otpLogin.ContactNumbers.length > 1"> <div
class="padding-v-15 no-padding-top"> Indien jy nie jou eenmalige wagwoord dadelik ontvang het nie, vra ons om") <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">die eenmalige wagwoord weer te stuur</a>
</div> </div> <div class="row" data-ng-mouseover="filthify(verifyOTPForm)"> <div class="col-xs-12 col-md-offset-6 col-md-6"> <md-button type="submit" type="submit" class="stretched md-raised md-primary" md-ink-ripple
data-ng-disabled="otpLogin.VerifyingOTP || verifyOTPForm.$invalid"> Klok in <md-progress-circular mode="indeterminate" data-md-diameter="20px" data-ng-if="otpLogin.VerifyingOTP"></md-progress-circular> </md-button>
</div> <div class="clearfix"></div> </div> </form> </div> </div> <div data-ng-if="otpLogin.OTPSuccess"> <h4 class="no-margin text-center"> Jy het suksesvol ingeklok en sal nou na jou
profielblad geneem word </h4> <div class="margin-v-15 no-margin-bottom"> <div class="quote-flower-loader"> <div class="petal-1"></div> <div class="petal-2"></div> <div class="petal-3"></div>
<div class="petal-4"></div> <div class="petal-5"></div> </div> </div> </div> </md-card> </md-dialog-content> </md-dialog> </div>
</form>Name: LoginForm — POST /Login
<form action="/Login" id="LoginForm" method="post" name="LoginForm" data-ng-controller="Login" class="ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-maxlength ng-invalid-validate-password">
<div class="clearfix padding-v-15 padding-h-15">
<input name="__RequestVerificationToken" type="hidden" value="-zi94rLA6j0-1iFGDpLUTyU19jKoEiB8MYoi8j3pq8K1D0RY7RubJ5ZRC4NJepEfGTQYC8rI6oygzjyKCRKEdukQ_wmaguHuxJ1glthJdZM1" autocomplete="off">
<input id="ReturnUrl" name="ReturnUrl" type="hidden" value="" autocomplete="off">
<input id="IdNumber" name="IdNumber" type="hidden" value="" autocomplete="off">
<div data-ng-show="!(isDebugMode || isAdmin) || !LoginReferenceNumber" class="" aria-hidden="false">
<div class="col-xs-12">
<md-input-container class="md-accent stretched thin md-virseker-theme">
<label for="EmailAddress"> E-posadres </label>
<input type="text" name="EmailAddress" id="EmailAddress" validate-emailaddress="" maxlength="50" data-ng-model="EmailAddress" required="" class="ng-pristine ng-untouched md-input ng-empty ng-invalid ng-invalid-required ng-valid-maxlength"
aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending" ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar"
class="ng-scope md-virseker-theme ng-hide unfocussed-loading" aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: LoginForm.EmailAddress.$dirty -->
<cooltip class="ng-isolate-scope strapped">
<div class="cooltip-icon"></div>
<div ng-style="containerStyle" class="cooltip-container" style="height: 1000px; width: 255px;">
<div ng-style="maskStyle" class="cooltip-mask">
<div class="cooltip-padding-box">
<div ng-style="contentsStyle" class="cooltip-contents" style="position: absolute; width: 235px;">
<div ng-transclude=""><span class="ng-scope"> Die e-pos adres waarmee jy gereegistreer het. </span></div>
</div>
</div>
</div>
</div>
</cooltip>
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="col-xs-12">
<md-input-container class="md-accent stretched thin md-virseker-theme">
<label for="Password"> Wagwoord </label>
<input type="password" autocomplete="off" name="Password" id="Password" maxlength="50" validate-password="" data-ng-model="Password" required=""
class="ng-pristine ng-untouched md-input ng-invalid ng-invalid-validate-password ng-empty ng-invalid-required ng-valid-maxlength" aria-invalid="true">
<!-- ngIf: LoginForm.Password.$dirty -->
<cooltip class="ng-isolate-scope strapped">
<div class="cooltip-icon"></div>
<div ng-style="containerStyle" class="cooltip-container" style="height: 1000px; width: 255px;">
<div ng-style="maskStyle" class="cooltip-mask">
<div class="cooltip-padding-box">
<div ng-style="contentsStyle" class="cooltip-contents" style="position: absolute; width: 235px;">
<div ng-transclude=""><span class="ng-scope"> Jou wagwoord moet ten minste 8 karakters lank wees, met klein en hoof letters, en ten minste 1 nommer en 1 lees teken.") </span></div>
</div>
</div>
</div>
</div>
</cooltip>
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
<div class="clearfix"></div>
</div>
<div class="col-xs-12 margin-v-5 no-margin-top">
<a href="/forgot-password" class="md-accent front-brand-sub-s7" tabindex="-1">Ek het my besonderhede vergeet</a>
</div>
<div class="clearfix"></div>
<div class="button-bottom" data-ng-mouseover="filthify(LoginForm); buttonHover=true;">
<div class="col-xs-12">
<button class="stretched md-raised md-primary md-button md-ink-ripple md-virseker-theme" type="submit" ng-transclude="" md-ink-ripple="" name="submit" data-ng-class="{loading:QuoteStarting}" data-ng-click="QuoteStarting=true;setOnce();"
id="btnSubmitLogin" data-ng-disabled="LoginForm.$invalid || LoginForm.$pending" aria-label="Klok in" disabled="disabled"><span class="ng-scope"> Klok in </span><!-- ngIf: QuoteStarting -->
</button>
</div>
<div class="clearfix"></div>
</div>
</div>
</form>Name: CallMeBackForm —
<form form-focus-field="" name="CallMeBackForm" id="CallMeBackForm" data-ng-submit="SubmitCallMeBack()" novalidate=""
class="ng-pristine ng-valid-validate-fullname ng-invalid ng-invalid-required ng-valid-maxlength ng-valid-only-digits ng-valid-minlength">
<div class="row nopad">
<div class="col-xs-12">
<h1>Ons sal jou skakel?</h1>
</div>
</div>
<div class="row nopad">
<div class="col-xs-12">
<div class="col-xs-12 teal-border no-padding-sides">
<div data-ng-show="!Submitted" aria-hidden="false" class="">
<md-input-container class="md-accent col-sm-4 col-xs-12 md-virseker-theme">
<label for="fullname">Naam en Van</label>
<input id="fullname" name="fullname" type="text" autocomplete="off" data-ng-model="Callmeback.Fullname" data-ng-maxlength="50" maxlength="50" validate-fullname="" required=""
class="ng-pristine ng-untouched md-input ng-valid-validate-fullname ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" aria-invalid="true">
<!-- ngIf: CallMeBackForm.fullname.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<md-input-container class="md-accent col-sm-4 col-xs-12 md-virseker-theme">
<label for="contactnumber">Selfoonnommer</label>
<input id="contactnumber" name="contactnumber" type="tel" autocomplete="off" data-ng-minlength="10" data-ng-model="Callmeback.ContactNumber" data-ng-maxlength="10" maxlength="10" required="" only-digits="" validate-phonenumber=""
class="ng-pristine ng-untouched md-input ng-valid-only-digits ng-empty ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength" aria-invalid="true"><md-progress-linear ng-show="ctrl.$pending"
ng-class="{ 'md-accent': ctrl.$focussed, 'unfocussed-loading': !ctrl.$focussed }" md-mode="indeterminate" aria-valuemin="0" aria-valuemax="100" role="progressbar" class="ng-scope md-virseker-theme ng-hide unfocussed-loading"
aria-hidden="true">
<div class="md-container md-mode-indeterminate">
<div class="md-dashed"></div>
<div class="md-bar md-bar1"></div>
<div class="md-bar md-bar2"></div>
</div>
</md-progress-linear>
<!-- ngIf: CallMeBackForm.contactnumber.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<md-input-container class="md-accent col-sm-4 col-xs-12 md-virseker-theme md-input-invalid">
<label for="reason">Waaroor bel ons jou?</label>
<select rr-select="" id="reason" name="reason" data-ng-model="Callmeback.Reason" required="" class="ng-pristine ng-untouched ng-isolate-scope rr-select ng-not-empty ng-invalid ng-invalid-required" aria-invalid="true" style="">
<option value="? string:undefined ?" class="defaultBlankOption"></option>
<option value="Existing">Navrae oor of veranderinge aan bestaande dekking</option>
<option value="ShortTerm">Kwotasie vir nuwe motor- en/of huisinhoudversekering</option>
<option value="onlinesupport">Aanlynbystand</option>
<option value="Vaps">Addisionele produkte</option>
<option value="Business">Besigheidsversekering</option>
</select>
<!-- ngIf: CallMeBackForm.reason.$dirty -->
<div class="md-errors-spacer"></div>
</md-input-container>
<div class="col-sm-offset-8">
<div class="col-xs-12" data-ng-mouseover="filthify(CallMeBackForm)">
<button class="stretched md-raised md-primary next md-button md-virseker-theme md-ink-ripple" type="submit" ng-transclude="" data-ng-class="{loading:loadingNext}" data-ng-disabled="CallMeBackForm.$invalid || CallMeLoading" name="next"
id="btnNext" aria-label="Skakel my terug" disabled="disabled"><span class="ng-scope"> Skakel my terug </span><md-progress-circular data-md-diameter="20px" data-md-mode="" aria-valuemin="0" aria-valuemax="100" role="progressbar"
class="ng-scope md-virseker-theme" md-mode="" style="width: 20px; height: 20px;">
<div class="md-scale-wrapper ng-hide" style="transform: translate(-50%, -50%) scale(0.2);">
<div class="md-spinner-wrapper">
<div class="md-inner">
<div class="md-gap"></div>
<div class="md-left">
<div class="md-half-circle"></div>
</div>
<div class="md-right">
<div class="md-half-circle"></div>
</div>
</div>
</div>
</div>
</md-progress-circular>
</button>
</div>
</div>
<div> </div>
</div>
<div data-ng-show="Submitted" class="col-xs-12 ng-hide" aria-hidden="true">
<h2 class="md-title teal-front">Baie dankie</h2>
<p> Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! </p>
</div>
</div>
</div>
</div>
</form>Text Content
Nuwe Kliënte Verkope: 0861 00 75 30 | Kliëntediens, Verkope en Eise: 0861 47 79 11 | 24 Uur-Bystand: 0861 33 37 85 Nuwe Kliënte Verkope: 0861 00 75 30 | Kliëntediens, Verkope en Eise: 0861 47 79 11 | 24 Uur-Bystand: 0861 33 37 85 * Verkope 0861 00 75 30 * Eise 0861 47 79 11 * 24 Uur Bystand 0861 33 37 85 * Klok in * Kry 'n kwotasie * Produkte * Voordele * Meer oor ons * Dagboek * Jou polis * SOEK Jou soektog het geen resultate opgelewer nie Daar was 'n fout met die opspoor van soekresultate * KLOK IN * KRY 'N KWOTASIE * PRODUKTE * VOORDELE * MEER OOR ONS * DAGBOEK * JOU POLIS * SOEK Jou soektog het geen resultate opgelewer nie Daar was 'n fout met die opspoor van soekresultate Ons bel jou LUS OM TE GESELS? X Ons konsultante is reg om te help, vul net jou besonderhede in en begin gesels. Name E-posadres Begin gesels LUS OM TE GESELS? This functionality is no longer available. Please leave your details here & we'll call you back. Klaar gesels besig om te tik... besig om te tik... Die sessie is nie meer aktief nie. Tik asseblief jou boodskap hier. 0/500 Stuur ONS SAL JOU SKAKEL? X Naam en Van Kontaknommer Waaroor bel ons jou? Navrae oor of veranderinge aan bestaande dekking Kwotasie vir nuwe motor- en/of huisinhoudversekering Aanlynbystand Addisionele produkte Besigheidsversekering Skakel my terug Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak Time Nie van toepassing Skakel my terug BAIE DANKIE Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! Reg so ONS BEL JOU Naam en Van Selfoonnommer Waaroor bel ons jou? Navrae oor of veranderinge aan bestaande dekking Kwotasie vir nuwe motor- en/of huisinhoudversekering Aanlynbystand Addisionele produkte Besigheidsversekering Volgende Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak Date Time Skakel my terug Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! AFRIKAANS – ONS TAAL, ONS TROTS! Versekeringsprodukte en -voordele in jou taal, want saam verseker ek en jy Afrikaans! Kry 'n kwotasie ONS BEL JOU Naam en Van Selfoonnommer Waaroor bel ons jou? Navrae oor of veranderinge aan bestaande dekking Kwotasie vir nuwe motor- en/of huisinhoudversekering Aanlynbystand Addisionele produkte Besigheids versekering Volgende Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak Time Nie van toepassing Skakel my terug Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! AFRIKAANS – ONS TAAL, ONS TROTS! Versekeringsprodukte en -voordele in jou taal, want saam verseker ek en jy Afrikaans! Kry 'n kwotasie ; ONS BEL JOU Naam en Van Selfoonnommer Waaroor bel ons jou? Navrae oor of veranderinge aan bestaande dekking Kwotasie vir nuwe motor- en/of huisinhoudversekering Aanlynbystand Addisionele produkte Besigheidsversekering Volgende Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak Date Time Skakel my terug Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! AFRIKAANS – ONS TAAL, ONS TROTS! Versekeringsprodukte en -voordele in jou taal, want saam verseker ek en jy Afrikaans! Kry 'n kwotasie ONS BEL JOU Naam en Van Selfoonnommer Waaroor bel ons jou? Navrae oor of veranderinge aan bestaande dekking Kwotasie vir nuwe motor- en/of huisinhoudversekering Aanlynbystand Addisionele produkte Besigheids versekering Volgende Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak Time Nie van toepassing Skakel my terug Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! AFRIKAANS – ONS TAAL, ONS TROTS! Versekeringsprodukte en -voordele in jou taal, want saam verseker ek en jy Afrikaans! Kry 'n kwotasie ; ONS BEL JOU Naam en Van Selfoonnommer Waaroor bel ons jou? Navrae oor of veranderinge aan bestaande dekking Kwotasie vir nuwe motor- en/of huisinhoudversekering Aanlynbystand Addisionele produkte Besigheidsversekering Volgende Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak Date Time Skakel my terug Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! AFRIKAANS – ONS TAAL, ONS TROTS! Versekeringsprodukte en -voordele in jou taal, want saam verseker ek en jy Afrikaans! Kry 'n kwotasie ONS BEL JOU Naam en Van Selfoonnommer Waaroor bel ons jou? Navrae oor of veranderinge aan bestaande dekking Kwotasie vir nuwe motor- en/of huisinhoudversekering Aanlynbystand Addisionele produkte Besigheids versekering Volgende Kies asseblief 'n gepaste datum en tyd vir ons om jou te kontak Time Nie van toepassing Skakel my terug Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! AFRIKAANS – ONS TAAL, ONS TROTS! Versekeringsprodukte en -voordele in jou taal, want saam verseker ek en jy Afrikaans! Kry 'n kwotasie ; WAT ONS AANBIED Sien meer VOERTUIGPRODUKTE Kry topklas dekking vir jou wiele van enige geur of kleur. HUISPRODUKTE Jou Huisinhoudversekering dek dit wat jou huis joune maak. BESITTINGS Kry die dekking wat jou kosbare goedere soos ʼn jas pas. JOU PRODUKTE Ons lewer ook ʼn reeks persoonlike produkte. BESIGHEIDSVERSEKERING Met ons Besigheidsversekeringsprodukte word jy nie net bevoordeel nie - jy behou ook die voorsprong. BAKGATVOORDELE Kyk wat maak Virseker ekstra spesiaal. Sien meer DIE VIRSEKER TRUST Ons het besluit om versekering in Afrikaans te lewer omdat dit so ʼn lekker, kleurryke en passievolle taal is. Daar is min dinge wat jy nie in Afrikaans tot op die letter kan uitbeeld nie. En omdat Afrikaans so na aan ons harte lê, het ons besluit om die Virseker Trust te begin. Ons het hierdie Trust geskep met een doel – om die welvaart en voortbestaan van Afrikaans te verseker. Ons het die afgelope jare al miljoene geskenk aan rentevrye studiehulp, Afrikaanse onderriginstansies en verskeie hulp inisiatiewe in die Afrikaanse gemeenskap. Dit is te danke aan al ons lede dat dit moontlik is vir ons om hierdie skenkings te maak. Elke maand neem ons ʼn gedeelte van al ons premies en plaas dit in die Virseker Trust, so om deur ʼn Virseker polishouer te wees, help jy ook die groei en vordering van Afrikaans. Sien wat ons doen SLUIT BY ONS AAN Ons beloof om jou by te staan in jou uur van nood; om dekking aan jou te bied wat opreg en eerlik is; en om altyd Afrikaans te praat. Deur by Virseker aan te sluit sal jy nie net topklas versekeringsprodukte en 24-uur bystand kan geniet nie, maar jy sal ook jou polis self kan bestuur, eise indien en dokumente aflaai alles aanlyn, wanneer dit jou pas. Jy hoef ook glad nie meer in te skakel inbelsentrum toe om ʼn polis uit te neem nie; voltooi jou kwotasie en wanneer jy gelukkig is met die prys kan jy dit sommer aanlyn koop. Die kersie op die koek is natuurlik dat ons dit alles doen in lekker Afrikaans. Vul sommer vandag nog jou kwotasie in. WAT WIL JY GRAAG VERSEKER? Motor Huisinhoud Geboue Motorfiets Kies asseblief 'n risiko item Naam Van Selfoonnommer E-posadres Sleutel asseblief 'n geldige e-posadres in. Dit sal jou gebruikersnaam wees indien jy kies om 'n profiel te skep. Suid-Afrikaanse ID-nommer Sleutel asseblief 'n geldige Suid-Afrikaanse ID-nommer in. Indien jy nie een het nie, kan jy op die skakel hieronder kliek. MY BESONDERHEDE IS WAAR EN KORREK Die bogenoemde inligting is waar en korrek en ek gee toestemming dat my persoonlike inligting vir versekerings en risiko doeleindes verwerk gaan word. Begin my kwotasie Nie 'n Suid-Afrikaanse ID-nommer? Begin kwotasie hier. Ek het klaar 'n kwotasie begin en wil dit voltooi. ONS DAGBOEK Sien meer MOEDERTAALDAG: BEKENDES SE GUNSTELING AFRIKAANSE WOORDE Op 21 Februarie 2022 vier ons Internasionale Moedertaaldag en die span by Virseker – Suid-Afrika se enigste trots-Afrikaanse versekeringsproduk - het by ‘n paar bekendes gaan aanklop om te hoor wat hul gunstelingwoorde in een van die mees kleurryke tale ter wêreld is. Lees meer > DIÉ 7 VERSEKERINGSBOKSIES SLAAN VERBRUIKERS GEREËLD OOR Lees meer > BELANGRIKE VERSEKERINGSVOORNEMENS VIR DIE NUWE JAAR Dit is altyd 'n goeie idee om jouself te vereenswelig met jou die bepalings en voorwaardes van jou versekeringspolisse. Maak gereeld seker dit stem ooreen met jou behoeftes. Lees meer > VYF VINNIGE VRAE AAN MARCIEL Ons met met Marciel Hopkins, aanbieder van kykNET se gewilde maatsoekreeks, Boer Soek 'n Vrou, wat deur Virseker geborg word, opgevang. Lees meer > VERMY SÓ DAT JOU BAGASIE VOETE KRY Desember en Januarie is die ideale tyd om te reis, maar ook ‘n seisoen vir bagasiediewe om fees te vier. Die vakansieseisoen bring derduisende mense na lughawens, treinstasies, bushaltes en hawens en Virseker maan verbruikers om versigtig te wees en ekstra voorsorg te tref. Lees meer > RESEP: AFRIKA-FRIKADELLE Probeer gerus hierdie maklike resep van Herman Lensing en maak dit in ‘n lugbraaier (airfryer)! Lees meer > Sien meer BESTUUR JOU POLIS Teken in om jou polis te bestuur, n eis in te dien of om n dokument af te laai. VINNIGE TOEGANG TOT JOU PROFIEL Ons sal ‘n eenmalige wagwoord (OTP) na jou geregistreerde selfoon nommer stuur. Gebruik ‘n ID nommer ID nommer Klok in <md-dialog> <md-dialog-content class="container container-sm thin-container-md padding-v-15 no-margin"> <md-card style="box-shadow:none"> <div class="col-xs-12" data-ng-if="!otpLogin.OTPSuccess"> <div class="close-md-dialog menu-close-icon" data-ng-click="otpLogin.closeDialog()"></div> <h4 class="margin-v-5 no-margin-top"> Klok in </h4> <div data-ng-if="!otpLogin.OTPSent"> <div> Daar is verskeie selfoon nommers gekoppel aan jou ID/Paspoort nommer, na watter nommer moet ons jou eenmalige wagwoord stuur? </div> <div class="padding-v-15 row"> <div class="col-xs-12 col-md-6 padding-v-15 no-padding-bottom" data-ng-repeat="number in otpLogin.ContactNumbers"> <button class="stretched md-raised md-primary" data-ng-click="SendOTP(number)" data-ng-bind="number.ContactNumberDisplay"></button> </div> </div> <div class="padding-v-15 no-padding-bottom"> Indien jy nie jou nommer in die lys hierbo sien nie mag jou kontakbesonderhede dalk verkeerd wees. Kontak gerus ons kliëntediens span by 0861 00 75 30 om jou inligting te verander.") </div> </div> <div data-ng-if="otpLogin.OTPSent"> <form novalidate id="verifyOTPForm" name="verifyOTPForm" data-ng-submit="VerifyOTP()"> <div> <p>Ons het ‘n eenmalige wagwoord gestuur na <span data-ng-bind="otpLogin.SelectedNumber.ContactNumberDisplay"></span></p> </div> <div class="col-xs-12 no-padding"> <div class="col-xs-12 col-md-6 no-padding margin-v-10"> <md-input-container class="md-accent stretched no-margin-bottom important"> <label for="otp">OTP</label> <input type="tel" name="otp" id="otp" data-ng-model="otpLogin.SelectedNumber.OTP" only-digits maxlength="6" required="required" /> <div data-ng-messages="verifyOTPForm.otp.$error" data-ng-if="verifyOTPForm.otp.$dirty"> <div data-ng-message="required">OTP word vereis</div> </div> </md-input-container> </div> </div> <div class="padding-v-15 error no-padding-top" data-ng-if="otpLogin.OTPError" data-ng-bind="otpLogin.OTPErrorMessage"></div> <div data-ng-if="otpLogin.ContactNumbers.length == 1"> <div> Indien jy nie jou eenmalige wagwoord dadelik ontvang het nie mag jou kontakbesonderhede dalk verkeerd wees. Kontak gerus ons kliëntediens span by 0861 00 75 30 om jou inligting te verander. </div> <div class="padding-v-15"> <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">Stuur een malige wagwoord weer</a> </div> </div> <div data-ng-if="otpLogin.ContactNumbers.length > 1"> <div class="padding-v-15 no-padding-top"> Indien jy nie jou eenmalige wagwoord dadelik ontvang het nie, vra ons om") <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">die eenmalige wagwoord weer te stuur</a> </div> </div> <div class="row" data-ng-mouseover="filthify(verifyOTPForm)"> <div class="col-xs-12 col-md-offset-6 col-md-6"> <md-button type="submit" type="submit" class="stretched md-raised md-primary" md-ink-ripple data-ng-disabled="otpLogin.VerifyingOTP || verifyOTPForm.$invalid"> Klok in <md-progress-circular mode="indeterminate" data-md-diameter="20px" data-ng-if="otpLogin.VerifyingOTP"></md-progress-circular> </md-button> </div> <div class="clearfix"></div> </div> </form> </div> </div> <div data-ng-if="otpLogin.OTPSuccess"> <h4 class="no-margin text-center"> Jy het suksesvol ingeklok en sal nou na jou profielblad geneem word </h4> <div class="margin-v-15 no-margin-bottom"> <div class="quote-flower-loader"> <div class="petal-1"></div> <div class="petal-2"></div> <div class="petal-3"></div> <div class="petal-4"></div> <div class="petal-5"></div> </div> </div> </div> </md-card> </md-dialog-content> </md-dialog> E-posadres Die e-pos adres waarmee jy gereegistreer het. Wagwoord Jou wagwoord moet ten minste 8 karakters lank wees, met klein en hoof letters, en ten minste 1 nommer en 1 lees teken.") Ek het my besonderhede vergeet Klok in Nuut tot Virseker? Rigistreer vir 'n anlyn profiel, en bestuur jou polise waar ookal jy is. Registreer ONS SAL JOU SKAKEL? Naam en Van Selfoonnommer Waaroor bel ons jou? Navrae oor of veranderinge aan bestaande dekking Kwotasie vir nuwe motor- en/of huisinhoudversekering Aanlynbystand Addisionele produkte Besigheidsversekering Skakel my terug BAIE DANKIE Baie dankie vir jou kontakbesonderhede. Ons sal jou binnekort kontak! Ons kliënte beoordeel ons gewoonlik as ʼn 9.4* wanneer hulle gevra word hoe maklik hulle interaksie met ons was. *Gebaseer op terugvoer vanaf kleinte uit interne opnames na diensinteraksies gedurende Junie 2021 – Augustus 2021. VERSEKERING VIR JOU VOERTUIG Kar Veldbakkie Motorfiets Karavaan en sleepwaentjie Watertuig Wiel- en bandbeskerming Opknapper VERSEKERING VIR JOU HUISHOUDING Huisinhoud Gebou Boorgat en swembadtoerusting VERSEKERING VIR JOU BESITTINGS Juwele Skootrekenaar Kamera Klere Bril Selfoon Alle Risiko VERSEKERING NET VIR JOU Persoonlike ongeluksplan Begrafnisplan Regsbystand VOORDELE Gatsakbonus Bystand MEER OOR ONS Gesels met ons Kontak ons KRY 'N KWOTASIE BESTUUR JOU POLIS VRAE EN ANTWOORDE VERKOPE Maandag - Donderdag 08h00 - 20h00 Vrydag 08h00 - 18h00 Saterdag 08h00 - 13h00 Sondag Gesluit Publieke vakansiedae 08h00 - 13h00 BYSTAND Maandag - Vrydag 08h00 - 17h00 Saterdag 08h00 - 13h00 Sondag Gesluit Publieke vakansiedae Gesluit DAGBOEK Motor Huis Virseker Verhale Bak en Brou Perskamer Trust -------------------------------------------------------------------------------- Virseker is ‘n produk van Auto & General Versekeringsmaatskappy Beperk, ‘n gelisensieerde nie-lewensversekeraar en finansiële diensverskaffer . Enige verwysing na "ons", "deur" of "met" op hierdie webwerf/advertensie verwys na Auto & General. * Vrywaring * Polisboek * Die Virseker Trust se “Kop In Die Wolke” Kompetisie * Motor herstellers * Die TIH se “Onmiddellike Aftrekking” Kompetisie * Handleiding van die Wet op Bevordering van Toegang tot Inligting * Privaatheidsbeleid * Konflik van Belange * Virseker en Weber se “Braai in ‘n japtrap” kompetisie * Virseker Besigheidsversekering se wen R50 000 kompetisie * Virseker Advertensie Navorsing Aansporingsveldtog 2021 * Virseker en Toyota se Bakkie kompetisie. Live Build.282.4f0d9 - PROD-SLAVES Throttled: no, Intrusion detected: no 2001:ac8:20:3b00:1012:175c:d1c7:676b, 172.68.186.91 Koekies Hierdie webwerf gebruik koekies om jou ervaring te verbeter. Deur die webwerf te besigtig, aanvaar jy hierdie gebruik van koekies. Sien ons privaatheidsbeleid. Ek verstaan