Manage my policy

<md-dialog> <md-dialog-content class="container container-sm thin-container-md padding-v-15"> <md-card style="box-shadow:none"> <div data-ng-if="!otpLogin.OTPSuccess"> <div class="close-md-dialog menu-close-icon" data-ng-click="otpLogin.closeDialog()"></div> <h4 class="cool-blue-front front-brand-main-1 margin-v-5 no-margin-top"> Sign in </h4> <div data-ng-if="!otpLogin.OTPSent"> <div class="front-brand-sub-s5 font-size-5"> There are multiple phone numbers linked to your ID/Passport number, which phone number would you like us to send the OTP to? </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 md-ink-ripple rr-brand-button class="stretched" data-ng-click="SendOTP(number)" data-ng-bind="number.ContactNumberDisplay"></button> </div> </div> <div class="font-size-5 font-heavy padding-v-15 no-padding-bottom"> If you don't see your number above, your details may be outdated. Please contact our call centre on 0861 00 73 67 to update your details. </div> </div> <div data-ng-if="otpLogin.OTPSent"> <form novalidate id="verifyOTPForm" name="verifyOTPForm" data-ng-submit="VerifyOTP()"> <div class="sub-header"> <p>We've sent an OTP to <span data-ng-bind="otpLogin.SelectedNumber.ContactNumberDisplay"></span></p> </div> <div class="padding-v-15 no-padding-bottom-xs row"> <div class="col-xs-12 col-md-6"> <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">This is required.</div> </div> </md-input-container> </div> </div> <div class="front-error font-size-5 padding-v-15 no-padding-top" data-ng-if="otpLogin.OTPError" data-ng-bind="otpLogin.OTPErrorMessage"></div> <div data-ng-if="otpLogin.ContactNumbers.length == 1"> <div class="font-size-5 font-heavy"> If you don't recieve your OTP immediately, your details may be outdated. Please contact our call centre on 0861 00 73 67 to update your details. </div> <div class="font-size-5 font-heavy padding-v-15"> You can also try to <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">resend the OTP</a> </div> </div> <div data-ng-if="otpLogin.ContactNumbers.length > 1"> <div class="font-size-5 font-heavy padding-v-15 no-padding-top"> If you don't recieve your OTP immediately, you can try to <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">resend the OTP</a> </div> </div> <div class="col-xs-12 col-md-offset-6 col-md-6" data-ng-mouseover="filthify(verifyOTPForm)"> <button rr-brand-button md-ink-ripple type="submit" class="stretched" data-ng-disabled="otpLogin.VerifyingOTP || verifyOTPForm.$invalid"> Sign in </button> </div> </form> </div> </div> <div data-ng-if="otpLogin.OTPSuccess"> <h4 class="cool-blue-front front-brand-main-1 no-margin text-center"> You have successfully logged in, we are now redirecting you to your dashboard </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>