<div class="qmod-updateaccount qmod-ui-tool"><div class="qmod-not-logged-in" rv-if="data.loggedIn |= false">{'notloggedin' | i8ln tLang}</div><div class="qmod-tool-wrapper" rv-unless="data.loggedIn |= false"><div class="qmod-block-wrapper qmod-my-account-wrapper"><h2 class="qmod-uat-header">{tplLang.myaccount| toLang tLang}<span class="qmod-account-status"></span></h2><div class="pure-u-1 qmod-uat-block qmod-account-block"><div class="pure-u-md-3-4"><span>{tplLang.username| toLang tLang}:&nbsp;</span><span>{data.user.username}</span></div><div class="pure-u-md-1-4"><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-cpass" rv-on-click="data.showChangePassword">{tplLang.updatepassword| toLang tLang}</button></div></div></div><div class="qmod-block-wrapper qmod-subscription-wrapper"><h2 class="qmod-uat-header">{tplLang.acntsumry| toLang tLang}</h2><div class="pure-u-1 qmod-uat-block qmod-subscription-block qmod-loader-class" rv-if="data.subscriptionLoading"><div class="qmod-loader-threedot"></div></div><div class="pure-u-1 qmod-uat-block qmod-subscription-block" rv-unless="data.subscriptionLoading"><div class="pure-u-md-3-4"><h3 class="order-review-header" rv-if="data.hasOgAPPS">{'services' | i8ln tLang}</h3><div class="qmod-order-review-packages" rv-if="data.hasOgAPPS"><div rv-each-pkg="data.myOGpackages" rv-qmod-show-included="pkg"><div rv-if="pkg.category | = 'APPS'"><span class="fa fa-arrow-right"></span><span>&nbsp;{pkg.name}</span><span class="qmod-lowercase" rv-if="pkg.endDate">&nbsp;({'available until' | i8ln tLang} {pkg.endDate})</span></div></div></div><h3 class="order-review-header" rv-if="data.hasOgDATA">{'data Packages' | i8ln tLang}</h3><div class="qmod-order-review-packages" rv-if="data.hasOgDATA"><div rv-each-pkg="data.myOGpackages" rv-qmod-show-included="pkg"><div rv-if="pkg.category | = 'DATA'"><span class="fa fa-arrow-right"></span><span>&nbsp;{pkg.name}</span><span rv-if="pkg.endDate">&nbsp;({'available until' | i8ln tLang} {pkg.endDate})</span></div></div></div><h3 class="order-review-header" rv-if="data.hasOgNEWS">{'news packages' | i8ln tLang}</h3><div class="qmod-order-review-packages" rv-if="data.hasOgNEWS"><div rv-each-pkg="data.myOGpackages" rv-qmod-show-included="pkg"><div rv-if="pkg.category | = 'NEWS'"><span class="fa fa-arrow-right"></span><span>&nbsp;{pkg.name}</span><span rv-if="pkg.endDate">&nbsp;({'available until' | i8ln tLang} {pkg.endDate})</span></div></div></div></div><div class="pure-u-md-1-4"><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-updprd" rv-on-click="data.showUpdateSubscription">{tplLang.updatesubscriptions| toLang tLang}</button><button class="qm-block qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-cnlacnt" rv-on-click="data.showCancelSubscription" rv-if="data.canceled  | = false">{tplLang.cancelaccount| toLang tLang}</button><button class="qm-block qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-changesubscription" rv-if="data.subscriptionTermOptions" rv-show="data.term" rv-on-click="data.subscriptionTerm.click">{"change subscription term" | i8ln tLang}</button></div></div></div><div class="qmod-block-wrapper qmod-contact-wrapper"><h2 class="qmod-uat-header">{tplLang.contactinformation| toLang tLang}</h2><div class="pure-u-1 qmod-uat-block qmod-contactinfo-block qmod-loader-class" rv-if="data.contactInfoLoading"><div class="qmod-loader-threedot"></div></div><div class="pure-u-1 qmod-uat-block qmod-contactinfo-block" rv-unless="data.contactInfoLoading"><div class="pure-u-md-3-8"><div><div class="qmod-contactinfo-name"><span class="pure-u-1-2">{tplLang.fullname| toLang tLang}:&nbsp;</span><span class="pure-u-1-2 qmod-textr">{data.OGuser.fName} {data.OGuser.lName}</span></div><div class="qmod-contactinfo-address"><span class="pure-u-1-2">{tplLang.address| toLang tLang}:&nbsp;</span><span class="pure-u-1-2 qmod-textr"> {data.OGuser.address}</span></div><div class="qmod-contactinfo-city"><span class="pure-u-1-2">{tplLang.city| toLang tLang}:&nbsp;</span><span class="pure-u-1-2 qmod-textr"> {data.OGuser.city}</span></div><div class="qmod-contactinfo-state"><span class="pure-u-1-2">{tplLang.stateprovince| toLang tLang}:&nbsp;</span><span class="pure-u-1-2 qmod-textr"> {data.OGuser.state}</span></div><div class="qmod-contactinfo-zip"><span class="pure-u-1-2">{tplLang.zippostal| toLang tLang}:&nbsp;</span><span class="pure-u-1-2 qmod-textr"> {data.OGuser.zip}</span></div><div class="qmod-contactinfo-country"><span class="pure-u-1-2">{tplLang.country| toLang tLang}:&nbsp;</span><span class="pure-u-1-2 qmod-textr"> {data.OGuser.country}</span></div><div class="qmod-contactinfo-phonenumber"><span class="pure-u-1-2">{tplLang.phone| toLang tLang}:&nbsp;</span><span class="pure-u-1-2 qmod-textr"> {data.OGuser.phone}</span></div></div></div><div class="pure-u-md-3-8 qmod-contactwarning-con"><div class="qmod-contactwarning-title">{tplLang.important| toLang tLang}</div><div class="qmod-contactwarning-msg">{tplLang.contactwarning| toLang tLang}</div><div class="qmod-contactwarning-nonpro">{tplLang.nonproblurb| toLang tLang}</div></div><div class="pure-u-md-1-4"><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-updatecontactinfo" rv-on-click="data.showUpdateContactInfo">{tplLang.updatecontactinfo| toLang tLang}</button><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-manageemailsubscriptions" rv-on-click="data.showManageEmailSubscriptions" rv-if="data.showNotificationOptions" rv-hide="data.separateNotificationModal | = false">{tplLang.emailsubscriptions| toLang tLang}</button></div></div></div><div class="qmod-block-wrapper qmod-billing-wrapper" rv-if="data.feeUser |= false"><h2 class="qmod-uat-header">{'billing information' | i8ln tLang}</h2><div class="pure-u-1 qmod-uat-block qmod-billinginfo-block qmod-loader-class" rv-if="data.billingInfoLoading"><div class="qmod-loader-threedot-small"></div></div><div class="pure-u-1 qmod-uat-block qmod-billinginfo-block" rv-unless="data.billingInfoLoading"><div class="pure-u-md-3-4" rv-hide="data.isTrial |= true"><div class="pure-u-1-3"><div>{tplLang.nameoncard| toLang tLang}:</div><div class="qm-block">{data.OGbilling.fName} {data.OGbilling.lName}</div></div><div class="pure-u-1-3"><div>{tplLang.cardnumber| toLang tLang}:</div><div class="qm-block">{data.OGbilling.card}</div></div><div class="pure-u-1-3"><div>{tplLang.expirydate| toLang tLang}:</div><div class="qm-block">{data.OGbilling.expiresMonth}/{data.OGbilling.expiresYear}</div></div></div><div class="pure-u-md-3-4" rv-hide="data.isTrial |= false">{'Trial Account' | i8ln tLang}</div><div class="pure-u-md-1-4"><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-updatebillinginfo" rv-on-click="data.showUpdateBillingInfo">{tplLang.updatebillinginfo| toLang tLang}</button></div></div></div><div class="qmod-block-wrapper qmod-agreements-wrapper" rv-if="data.canceled  | = false"><h2 class="qmod-uat-header">{'Real-Time Data Exchange Agreements' | i8ln tLang}</h2><div class="pure-u-1 qmod-uat-block qmod-qgreements-block qmod-loader-class" rv-if="data.agreementsLoading"><div class="qmod-loader-threedot-small"></div></div><div class="qmod-qgreements-block qmod-uat-block" rv-unless="data.agreementsLoading"><div class="pure-u-md-3-4 qmod-agreements-msg" rv-html="data.formsMessage"></div><div class="pure-u-md-1-4"><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-signagreements" rv-text="data.showAgreementsToolBtnTxt" rv-href="data.agreementsURL" rv-if="data.showAgreementsToolBtn" rv-on-click="data.getAgreementsTool"></button></div></div></div></div><div class="qmod-modal-overlay IE11-only-class" rv-show="subModal.show"><div class="qmod-ui-modal qmod-subscription-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{tplLang.updatesubscriptions| toLang tLang}</div><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="subModal.close"><i class="fa fa-times"></i></button></div></div><div class="qmod-ui-modal-body" rv-hide="data.orderReviewShowing"><!--TABBED PRODUCTS--><div class="qmod-body-container"><div class="qmod-table-con qmod-product-select" rv-unless="data.singlePackagesPage"><div class="qmod-tab-container"><ul class="qmod-tab-list"><li class="qmod-tab-item" rv-each-cat="data.packages" rv-class-qmod-active="index | = 0" rv-class-qmod-show-tab="index | = 0" rv-data-index="index"><a class="qmod-tab-item-link" rv-on-click="data.changeCat"><div class="qmod-tab-text">{cat.fullName}</div></a></li></ul></div><div class="qmod-tab-container-bottom"></div><div class="qmod-product-select-con qmod-border-right" rv-ifclass="data.noBilling" data-qmod-true-class="pure-u-1" data-qmod-false-class="pure-u-lg-2-3"><div class="qmod-pck-message">{'You must select at least one application package to continue.' | i8ln tLang}</div><div class="qmod-non-inc-message">{'you have not selected any products that are not already provided to all users without a subscription. to proceed, you must select a subscription product.' | i8ln tLang}</div><div rv-each-ph="data.currentHeaders"><table class="qmod-table qmod-product-select-table responsive nowrap" width="100%" rv-data-ph="ph.header.code"><thead><tr class="qmod-reg-parent-h qmod-reg-parent-collapse" rv-if="data.getCurrentSubStep |='1'" rv-on-click="data.toggleSection"><th class="qmod-th-1 qmod-textl" colspan="2">{ph.header.name}</th><th class="qmod-th-2 qmod-textr" colspan="2"><span class="fa fa-minus qmod-expand-btn" rv-if="data.collapseSections"></span></th></tr><tr class="qmod-reg-parent-h" rv-unless="data.getCurrentSubStep |='1'"><th class="qmod-th-1 qmod-textl" colspan="4">{ph.header.name}</th></tr></thead><tbody class="qmod-package-section"><tr class="qmod-table-row" rv-each-pkg="ph.packages" rv-hide="pkg.displayInd |= 'false'" rv-on-click="data.clickPkg" rv-data-code="pkg.retailCode"><td class="qmod-tdcheck"><input class="qmod-chkrad qmod-pkg-check" type="checkbox" rv-name="pkg.retailCode" rv-ifclass="pkg.inclusion" data-qmod-true-class="qmod-click-disabled"/><label class="qmod-chkradlabel"></label></td><td class="qmod-product"><div class="qmod-reg-pkg-name"><span>{pkg.name} &nbsp;</span><span class="fa fa-info-circle qmod-show-desc" rv-if="pkg.truncated" rv-on-click="data.togglePackageDetails" rv-data-collapsed="true"></span><span class="qmod-external-link" rv-if="pkg.detailURL" rv-data-src="pkg.detailURL" rv-on-click="data.clickDetails"><span class="fa fa-external-link"></span><span class="qmod-external-link-text">&nbsp;{'Website' | i8ln tLang}</span></span></div><div class="qmod-reg-pkg-desc" rv-html="pkg.desc"></div></td><td class="qmod-textr qmod-price" rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </td><td class="qmod-textr qmod-price" rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </td></tr></tbody></table><div class="qmod-more"><span class="qmod-btn qmod-darkblue" rv-on-click="data.showMorePackages">{'More Data' | i8ln tLang}</span></div></div></div><div class="pure-u-lg-1-3 qmod-floating-sum-order-con" rv-unless="data.noBilling"><div class="qmod-floating-sum-order qmod-border-left"><div class="qmod-reg-parent-h">{'Order Review' | i8ln tLang}</div><div class="qmod-order-review-con"><div class="order-review-header" rv-if="data.hasAPPS">{'Services' | i8ln tLang}</div><div class="qmod-order-review-packages"><div rv-each-pkg="data.myPackages"><div rv-if="pkg.category | = 'APPS'" rv-qmod-show-included="pkg"><div class="pure-u-4-5 qmod-review-pkg-name">{pkg.name}</div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price"><span rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}  </span><span rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </span></div></div></div></div><div class="order-review-header" rv-if="data.hasDATA">{'Data Packages' | i8ln tLang}</div><div rv-each-pkg="data.myPackages"><div class="qmod-order-review-packages"><div rv-if="pkg.category | = 'DATA'" rv-qmod-show-included="pkg"><div class="pure-u-4-5 qmod-review-pkg-name">{pkg.name}</div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price"><span rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </span><span rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</span></div></div></div></div><div class="order-review-header" rv-if="data.hasNEWS">{'News Packages' | i8ln tLang}</div><div rv-each-pkg="data.myPackages"><div class="qmod-order-review-packages"><div rv-if="pkg.category | = 'NEWS'" rv-qmod-show-included="pkg"><div class="pure-u-4-5 qmod-review-pkg-name">{pkg.name}</div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price"><span rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </span><span rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</span></div></div></div></div><div class="qmod-taxes" rv-if="data.myCountry | = 'US'" rv-show="data.taxRate"></div><div class="qmod-review-total"></div><div class="qmod-promo-con" rv-if="data.showPromotionCode"><input id="qmod-bill-promo" type="text" rv-placeholder="'promotion code' | i8ln tLang" rv-value="data.promotionCode"/><div class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-promo" rv-on-click="data.applyPromo">{'apply' | i8ln tLang}</div><div class="qmod-promo-errror"></div></div></div></div></div></div><div class="qmod-ui-modal-footer"><div class="qmod-tos-con pure-u-3-4"><div class="qmod-tos-support">{'If you have any questions about registration, please call toll-free at' | i8ln tLang} {data.supportNum} {'or email' | i8ln tLang}&nbsp;<a rv-href="data.supportEmail | preFixWord 'mailto:'">{data.supportEmail}</a>.</div></div><div class="pure-u-1-4"><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-fin" rv-on-click="data.modifyProduct"><div rv-if="data.loading"><div class="qmod-textl qmond-inline">Processing</div><div class="loader qmond-inline"></div></div><div class="nav-nxt-txt" rv-unless="data.loading"><div>{tplLang.update| toLang tLang}</div></div></button></div></div><div class="qmod-table-con qmod-product-select" rv-if="data.singlePackagesPage"><div class="qmod-pck-message">{'you must select at least one application package to continue.' | i8ln tLang}</div><div class="pure-u-lg-2-3 qmod-border-right"><div class="qmod-package-cat" rv-each-cat="data.packages"><div class="qmod-product-select-con"><div class="qmod-package-category qmod-marg-bot">{cat.fullName}</div><div rv-each-ph="cat.headers"><table class="qmod-table qmod-product-select-table responsive nowrap" width="100%" rv-data-ph="ph.header.code"><thead><tr class="qmod-reg-parent-h qmod-reg-parent-collapse" rv-if="cat.cat |='DATA'" rv-on-click="data.toggleSection"><th class="qmod-th-1 qmod-textl" colspan="2">{ph.header.name}</th><th class="qmod-th-2 qmod-textr" colspan="2"><span class="fa fa-minus qmod-expand-btn" rv-if="data.collapseSections"></span></th></tr><tr class="qmod-reg-parent-h" rv-unless="cat.cat |='DATA'"><th class="qmod-th-1 qmod-textl" colspan="4">{ph.header.name}</th></tr></thead><tbody class="qmod-package-section qmod-marg-bot"><tr class="qmod-table-row" rv-each-pkg="ph.packages" rv-hide="pkg.displayInd |= 'false'" rv-on-click="data.clickPkg" rv-data-code="pkg.retailCode" rv-ifclass="data.isTrial |= true" data-qmod-true-class="qmod-click-disabled"><td class="qmod-tdcheck"><input class="qmod-chkrad qmod-pkg-check" type="checkbox" rv-name="pkg.retailCode" rv-ifclass="pkg.inclusion" data-qmod-true-class="qmod-click-disabled"/><label class="qmod-chkradlabel"></label></td><td class="qmod-product"><div class="qmod-reg-pkg-name"><span>{pkg.name} &nbsp;</span><span class="fa fa-external-link" rv-if="pkg.detailURL" rv-data-src="pkg.detailURL" rv-on-click="data.clickDetails"></span></div><div class="qmod-reg-pkg-desc" rv-html="pkg.desc"></div></td><td class="qmod-textr qmod-price" rv-unless="pkg.inclusion"><span rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </span><span rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</span></td><td class="qmod-textr qmod-price" rv-if="pkg.inclusion">{'included' | i8ln tLang}</td></tr></tbody></table></div></div></div></div><div class="pure-u-lg-1-3 qmod-floating-sum-order-con" rv-class-qmod-display-none="index | != 0"><div class="qmod-floating-sum-order"><div class="qmod-reg-parent-h">{'Order Review' | i8ln tLang}</div><div class="qmod-order-review-con"><div class="order-review-header" rv-if="data.hasAPPS">{'Services' | i8ln tLang}</div><div rv-each-pkg="data.myPackages"><div rv-if="pkg.category | = 'APPS'" rv-qmod-show-included="pkg"><div class="pure-u-4-5 qmod-review-pkg-name">{pkg.name}</div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price"><span rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </span><span rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</span></div></div></div><div class="order-review-header" rv-if="data.hasDATA">{'Data Packages' | i8ln tLang}</div><div rv-each-pkg="data.myPackages"><div rv-if="pkg.category | = 'DATA'" rv-qmod-show-included="pkg"><div class="pure-u-4-5 qmod-review-pkg-name">{pkg.name}</div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price"><span rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </span><span rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</span></div></div></div><div class="order-review-header" rv-if="data.hasNEWS">{'News Packages' | i8ln tLang}</div><div rv-each-pkg="data.myPackages"><div rv-if="pkg.category | = 'NEWS'" rv-qmod-show-included="pkg"><div class="pure-u-4-5 qmod-review-pkg-name">{pkg.name}</div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price"><span rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang} </span><span rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</span></div></div></div><div class="qmod-review-total"></div><div class="qmod-promo-con" rv-if="data.showPromotionCode"><input id="qmod-bill-promo2" type="text" rv-placeholder="'promotion code' | i8ln tLang" rv-value="data.promotionCode"/><div class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-promo" rv-on-click="data.applyPromo">{'apply' | i8ln tLang}</div><div class="qmod-promo-errror"></div></div></div></div></div></div></div></div><div class="qmod-ui-modal-body qmod-order-review-body" rv-show="data.orderReviewShowing"><div class="qmod-reg-billing-info"><div class="qmod-status-error"></div><div class="pure-u-sm-1-2 qmod-reg-billing"><div class="qmod-reg-header">{'Product changes' | i8ln tLang}</div><div class="qmod-billing-con"><div class="qmod-bottom-padding-left"></div><div class="qmod-added-products-review" rv-if="data.addedProducts |asArrayLength | &gt;0"><h4>{'The following products will be added to your account:' | i8ln tLang}</h4><ul class="qmod-added-products"><li rv-each-prod="data.addedProducts">{prod}</li></ul></div><hr rv-if="data.removedProducts |log |asArrayLength | &gt;0"/><div class="qmod-added-products-review" rv-if="data.removedProducts |log |asArrayLength | &gt;0"><h4>{'The following products will be removed from your account:' | i8ln tLang}</h4><ul class="qmod-added-products"><li rv-each-prod="data.removedProducts">{prod}</li></ul></div><hr rv-if="data.termUpdated"/><div class="qmod-changed-subscription" rv-if="data.termUpdated"><h4>{'Your subscription term will be changed to:' | i8ln tLang}</h4><ul class="qmod-added-products"><li>{data.term}</li></ul></div></div></div><div class="pure-u-sm-1-2 qmod-order-review qmod-border-left"><div class="qmod-reg-header">{'Order Review' | i8ln tLang}</div><div class="qmod-order-con"><div class="qmod-billing-cycle" rv-if="data.billingOptions"><div class="qmod-cycle-header">{'Subscription Terms' | i8ln tLang}:</div><div class="qmod-checrad-mar" rv-if="data.monthlyBilling"><input class="qmod-chkrad qmod-chkrad-pos" type="radio" id="qmod-rd-monthly" name="qmod-cycle" value="M" rv-on-change="data.changeBilling" checked="checked"/><label class="qmod-chkradlabel" for="qmod-rd-monthly">{'Monthly: I would like to pay one month at a time' | i8ln tLang}</label></div><div class="qmod-checrad-mar" rv-if="data.anualBilling"><input class="qmod-chkrad qmod-chkrad-pos" type="radio" id="qmod-rd-yearly" name="qmod-cycle" value="A" rv-on-change="data.changeBilling"/><label class="qmod-chkradlabel" for="qmod-rd-yearly">{'Annually: Receive two months for FREE! (12 months for the price of 10; data and news fees excluded)' | i8ln tLang}.</label></div></div><div class="qmod-billing-warning qmod-warning-box" rv-if="data.billingWarning">{'Due to stock exchange remittance requirements' | i8ln tLang}.</div><div class="qmod-blling-overview"><div class="qmod-prorate">{'Fees for initial billing period' | i8ln tLang}<span rv-if="ie11">*</span><br/><span rv-if="data.term | = 'M'"><span>(</span><span rv-if="tLang | = 'fr'">du&nbsp;</span><span>{data.billingPeriodStart} {'through' | i8ln tLang} {data.billingPeriodEnd}) {'in' | i8ln tLang} {data.currency}</span></span><span rv-if="data.term | = 'A'"><span>(</span><span rv-if="tLang | = 'fr'">du&nbsp;</span><span>{data.billingPeriodStart}, {data.billingCurrentYear} {'through' | i8ln tLang} {data.billingPeriodPrevMonth} {data.daysInPrevMonth}, {data.billingYearEndofCycle}) {'in' | i8ln tLang} {data.currency}</span></span></div><div class="qmod-order-review-con" rv-each-pkg="data.myPackages"><div class="pure-u-4-5 qmod-review-pkg-name">{pkg.name}</div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price" rv-if="data.isTrial |= false"><div rv-unless="data.myCountry | = 'CA'">{pkg.priceProRate | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</div><div rv-if="data.myCountry | = 'CA'">{pkg.priceProRateCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</div></div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price" rv-if="data.isTrial"><span>{'TRIAL' | i8ln tLang}</span></div></div><div rv-show="data.taxRate | &gt; 0"><div class="qmod-taxes-prorate" rv-unless="data.isTrial" rv-show="data.myCountry |= 'US'"></div></div><div class="qmod-review-total-prorate"></div><hr/><div class="qmod-recurring-promo-con"><div class="qmod-prorate-promo-r">{'Fees for recurring promo billing periods' | i8ln tLang}<span rv-if="ie11">*</span><br/><span rv-if="data.term | = 'M'"><span rv-unless="tLang | = 'fr'">(beginning {data.billingPromoStart} 1st) {'through' | i8ln tLang} {data.billingPromoEnd} in {data.currency}</span><span rv-if="tLang | = 'fr'">(à compter du 1er {data.billingPeriodNextMonth}) en {data.currency}</span></span><span rv-if="data.term | = 'A'"><span rv-unless="tLang | = 'fr'">(beginning {data.billingPeriodCurrentMonth} 1st, {data.billingNextYear}) in {data.currency}</span><span rv-if="tLang | = 'fr'">(à compter du 1er  {data.billingPeriodCurrentMonth}, {data.billingNextYear}) en {data.currency}</span></span></div><div class="qmod-review-total-promo"> </div><hr/></div><div class="qmod-prorate-r">{'Fees for recurring billing periods' | i8ln tLang}<span rv-if="ie11">*</span><br/><span rv-if="data.term | = 'M'"><span rv-unless="tLang | = 'fr'">(beginning {data.billingPeriodNextMonth} 1st) in {data.currency}</span><span rv-if="tLang | = 'fr'">(à compter du 1er {data.billingPeriodNextMonth}) en {data.currency}</span></span><span rv-if="data.term | = 'A'"><span rv-unless="tLang | = 'fr'">(beginning {data.billingPeriodCurrentMonth} 1st, {data.billingNextYear}) in {data.currency}</span><span rv-if="tLang | = 'fr'">(à compter du 1er  {data.billingPeriodCurrentMonth}, {data.billingNextYear}) en {data.currency}</span></span></div><div class="qmod-order-review-con" rv-each-pkg="data.myPackages"><div class="pure-u-4-5 qmod-review-pkg-name">{pkg.name}</div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price" rv-if="data.isTrial |= false"><div rv-unless="data.myCountry | = 'CA'">{pkg.price | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang }</div><div rv-if="data.myCountry | = 'CA'">{pkg.priceCAD | numeraljs '0,0.00' 'No Fee' tLang | asCurrency 'USD' tLang}</div></div></div><div class="pure-u-1-5 qmod-textr qmod-review-pkg-price" rv-if="data.isTrial"><span>{'TRIAL' | i8ln tLang}</span></div><div rv-show="data.taxRate | &gt; 0"><div class="qmod-taxes" rv-unless="data.isTrial" rv-show="data.myCountry |= 'US'"></div></div><div class="qmod-review-total"></div><div rv-if="ie11"><hr/><div class="qmod-ie11">*{'Due to issues with Internet Explorer, the start time for your subscription may not take timezone into account.' | i8ln tLang}</div></div></div></div></div></div><div class="qmod-ui-modal-footer qmod-textr"><div class="qmod-textl" id="qmod-tos-warning">{'you must accept the terms and conditions.' | i8ln tLang}</div><div class="qmod-tos-con qmod-textl pure-u-3-4"><input class="qmod-chkrad" id="qmod-tos-box" type="checkbox"/><label class="qmod-chkradlabel qmod-pkg-check-lp" for="qmod-tos-box">{'I have read and agree to the' | i8ln tLang}&nbsp;<a rv-on-click="data.clickTerms">{'terms and conditions of use & privacy policy' | i8ln tLang}</a>.</label></div><div class="pure-u-1-4"><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-btn-fin" rv-on-click="data.confirmOrder"><div rv-if="data.loading"><div class="qmod-textl qmond-inline">Processing</div><div class="loader qmond-inline"></div></div><div class="nav-nxt-txt" rv-unless="data.loading"><div>{tplLang.confirm| toLang tLang}</div></div></button></div></div></div></div></div><div class="qmod-modal-overlay" rv-if="passModal.show"><div class="qmod-ui-modal qmod-password-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{tplLang.updatepassword| toLang tLang}</div><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="passModal.close"><i class="fa fa-times"></i></button></div></div><div class="qmod-ui-modal-body"><div class="qm-accountHelp"><form class="qmod-accountHelp-form"><div class="qm-block" rv-html="tplLang.resetinstructions| toLang tLang"></div><div id="qm-status-2" rv-show="data.statusShowing" rv-text="data.statusMsg"></div><div class="qmod-btn-con"><span class="qmod-btn qmod-darkblue qm-resetPassword-btn" rv-on-click="data.sendPassEmail" rv-html="tplLang.sendemail| toLang tLang" rv-hide="data.passEmailSent"></span><span class="qmod-btn qmod-darkblue qm-resetPassword-btn" rv-on-click="passModal.close" rv-html="tplLang.ok| toLang tLang" rv-show="data.passEmailSent"></span></div></form><div class="qmod-account-link-con"><a class="qm-back-to-login-link" rv-on-click="data.backToLogin" rv-html="lang.28"></a></div></div><div class="qm-password-reset-con qm-txt-con"><form class="qmod-passwordReset-form"><div class="qm-block qm-password-reset-msg">{tplLang.resetpassmsg| toLang tLang}</div><div id="qm-status-4" rv-show="data.statusShowing" rv-text="data.statusMsg"></div><label class="qm-block" for="qm-newPassword" rv-html="tplLang.newpassword| toLang tLang"></label><input class="qm-newPassword" type="password" id="qm-newPassword"/><label class="qm-block" for="qm-confirmPassword" rv-html="tplLang.confirmpass| toLang tLang"></label><input class="qm-confirmPassword" type="password" id="qm-confirmPassword"/><label class="qm-block" for="qm-passwordToken" rv-html="tplLang.token| toLang tLang"></label><input class="qm-passwordToken qm-accountHelp-input" type="text" id="qm-passwordToken"/><div class="qmod-btn-con"><span class="qmod-btn qmod-darkblue qm-resetPassword-btn" rv-on-click="data.doResetPassword" rv-html="tplLang.continue| toLang tLang" rv-hide="data.passEmailSent"></span><span class="qmod-btn qmod-darkblue qm-resetPassword-btn" rv-on-click="passModal.close" rv-html="tplLang.ok| toLang tLang" rv-show="data.passEmailSent"></span><span>&nbsp;</span><span class="qmod-btn qmod-darkblue qm-resetPassword-btn2" rv-show="data.PassTokenExpired" rv-on-click="data.sendPassEmail" rv-html="tplLang.sendemail| toLang tLang"></span></div><div class="qm-reset-confirm-msg" rv-html="tplLang.passwordchanged| toLang tLang"></div></form></div></div></div></div><div class="qmod-modal-overlay" rv-if="cancelModal.show"><div class="qmod-ui-modal qmod-cancel-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{tplLang.cancelaccount| toLang tLang}</div><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="cancelModal.close"><i class="fa fa-times"></i></button></div></div><div class="qmod-ui-modal-body qmod-cancel-account-con"><div class="qmod-cancel-warning">{tplLang.cancelcaution| toLang tLang}</div><div class="qmod-cancel-blurb" rv-html="tplLang.cancelblurg| toLang tLang" rv-unless="noBilling"></div><div class="qmod-cancel-blurb" rv-html="tplLang.cancelblurbnobill| toLang tLang" rv-if="noBilling"></div><label for="qmod-cancel-confirm">{data.confirmcancel}<input id="qmod-cancel-confirm" type="text" rv-value="data.cancelConfirm"/></label><div id="qm-status-3" rv-show="data.statusShowing" rv-text="data.statusMsg"></div><label for="qmod-confirm-reason"> <p>{tplLang.telluswhy| toLang tLang}</p><p>{"If you request deletion of your personal information" | i8ln tLang}</p><textarea id="qmod-confirm-reason" type="text" rv-value="data.cancelReason"></textarea></label><div class="qmod-btn-con"><span class="qmod-btn qmod-darkblue qm-cancelAccount-btn" rv-on-click="data.cancelAccount" rv-html="tplLang.confirmcancellation| toLang tLang"></span></div></div></div></div><div class="qmod-modal-overlay" rv-show="contactInfoModal.show"><div class="qmod-ui-modal qmod-contact-info-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{tplLang.updatecontactinfo| toLang tLang}</div><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="contactInfoModal.close"><i class="fa fa-times"></i></button></div></div><div class="qmod-ui-modal-body qmod-contact-info-con"><label for="qmod-reg-fName">{'firstname' | i8ln tLang}:<input id="qmod-reg-fName" type="text" rv-value="data.user.fName"/></label><label for="qmod-reg-mName">{'Middle Name' | i8ln tLang}:<input id="qmod-reg-mName" type="text" rv-value="data.user.mName"/></label><label for="qmod-reg-lName">{'lastname' | i8ln tLang}:<input id="qmod-reg-lName" type="text" rv-value="data.user.lName"/></label><label for="qmod-reg-address">{'address' | i8ln tLang}:<input id="qmod-reg-address" type="text" rv-value="data.user.address"/></label><label for="qmod-reg-country">{'Country' | i8ln tLang}:<select id="qmod-reg-country" rv-on-change="data.changeCountry" rv-value="data.user.country"><option value="US">{'United States' | i8ln tLang}</option><option value="CA">{'Canada' | i8ln tLang}</option></select></label><label for="qmod-reg-StateProv">{'State/Prov' | i8ln tLang}:<select class="qmod-stateProvUS" id="qmod-reg-StateProv" rv-value="data.user.state" rv-show="data.user.country |= 'US'"><option value="NA">{'select state' | i8ln tLang}</option></select><select class="qmod-stateProvCA" id="qmod-reg-StateProv" rv-value="data.user.state" rv-show="data.user.country |= 'CA'"><option value="NA">{'select province' | i8ln tLang}</option></select><select class="qmod-stateProvOther" id="qmod-reg-StateProv" rv-hide="data.user.country | or_comma_list 'US,CA'" disabled="disabled"><option value="NA">{'outside us/canada' | i8ln tLang}</option></select></label><label for="qmod-reg-city">{'City' | i8ln tLang}:<input id="qmod-reg-city" type="text" rv-value="data.user.city"/></label><label for="qmod-reg-zip">{'zippostal' | i8ln tLang}:<input id="qmod-reg-zip" type="text" rv-value="data.user.zip"/></label><label for="qmod-reg-phone">{'Phone' | i8ln tLang}:<input id="qmod-reg-phone" type="text" rv-value="data.user.phone"/></label><label for="qmod-reg-email">{'email' | i8ln tLang}:<input id="qmod-reg-email" type="text" rv-value="data.user.email" rv-ifclass="data.emailiseditable" data-qmod-false-class="qmod-email-disabled" rv-disabled="data.emailiseditable |= false"/></label><div class="qmod-fine-print">({'Business Email Address Not Permitted' | i8ln tLang})</div><div class="qmod-notification-options" rv-if="data.showNotificationOptions" rv-show="data.separateNotificationModal | = false"><div>{'email me with' | i8ln tLang}:</div><div class="qmod-notificationInd1"><input class="qmod-chkrad" id="qmod-notificationInd1" type="checkbox" rv-checked="data.user.notificationInd1"/><label class="qmod-chkradlabel" for="qmod-notificationInd1">{'Essential product information and changes' | i8ln tLang}</label></div><div class="qmod-notificationInd2"><input class="qmod-chkrad" id="qmod-notificationInd2" type="checkbox" rv-checked="data.user.notificationInd2"/><label class="qmod-chkradlabel" for="qmod-notificationInd2"><span rv-unless="tLang | = 'fr'">Monthly newsletter providing helpful tips on getting more out of {data.companyName}</span><span rv-if="tLang | = 'fr'">Infolettre mensuelle (conseils et astuces pratiques pour tirer profit des services)</span></label></div><div class="qmod-notificationInd3"><input class="qmod-chkrad" id="qmod-notificationInd3" type="checkbox" rv-checked="data.user.notificationInd3"/><label class="qmod-chkradlabel" for="qmod-notificationInd3">{'from time to time, send me customized product offers from approved third-party partners' | i8ln tLang}</label></div></div><div class="qmod-error"></div></div><div class="qmod-ui-modal-footer"><div class="qmod-btn-con"><span class="qmod-btn qmod-darkblue qm-updateinfo-btn" rv-on-click="data.updateProfile" rv-html="tplLang.update| toLang tLang"></span></div></div></div></div><div class="qmod-modal-overlay" rv-show="emailSubscriptionsModal.show"><div class="qmod-ui-modal qmod-contact-info-modal qmod-email-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{tplLang.emailsubscriptions| toLang tLang}</div><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="emailSubscriptionsModal.close"><i class="fa fa-times"></i></button></div></div><div class="qmod-ui-modal-body qmod-contact-info-con"><label class="qmod-email-label" for="qmod-reg-email">{'email' | i8ln tLang}:<input id="qmod-reg-email" type="text" rv-value="data.user.email" rv-ifclass="data.emailiseditable" data-qmod-false-class="qmod-email-disabled" rv-disabled="data.emailiseditable |= false"/></label><div class="qmod-fine-print">({'Business Email Address Not Permitted' | i8ln tLang})</div><div class="qmod-notification-options" rv-if="data.showNotificationOptions"><div>{'email me with' | i8ln tLang}:</div><div class="qmod-notificationInd1"><input class="qmod-chkrad" id="qmod-notificationInd1" type="checkbox" rv-checked="data.user.notificationInd1"/><label class="qmod-chkradlabel" for="qmod-notificationInd1">{'Essential product information and changes' | i8ln tLang}</label></div><div class="qmod-notificationInd2"><input class="qmod-chkrad" id="qmod-notificationInd2" type="checkbox" rv-checked="data.user.notificationInd2"/><label class="qmod-chkradlabel" for="qmod-notificationInd2"><span rv-unless="tLang | = 'fr'">Monthly newsletter providing helpful tips on getting more out of {data.companyName}</span><span rv-if="tLang | = 'fr'">Infolettre mensuelle (conseils et astuces pratiques pour tirer profit des services)</span></label></div><div class="qmod-notificationInd3"><input class="qmod-chkrad" id="qmod-notificationInd3" type="checkbox" rv-checked="data.user.notificationInd3"/><label class="qmod-chkradlabel" for="qmod-notificationInd3">{'from time to time, send me customized product offers from approved third-party partners' | i8ln tLang}</label></div></div><div class="qmod-error"></div></div><div class="qmod-ui-modal-footer"><div class="qmod-btn-con"><span class="qmod-btn qmod-darkblue qm-updateinfo-btn" rv-on-click="data.updateProfile" rv-html="tplLang.update| toLang tLang"></span></div></div></div></div><div class="qmod-modal-overlay" rv-show="billingInfoModal.show"><div class="qmod-ui-modal qmod-billing-info-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{tplLang.updatebillinginfo| toLang tLang}</div><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="billingInfoModal.close"><i class="fa fa-times"></i></button></div></div><div class="qmod-ui-modal-body qmod-billing-info-con"><label class="qm-block" for="qmod-bill-cfName">{'firstname' | i8ln tLang} ({'on card' | i8ln tLang}):<input id="qmod-bill-cfName" type="text" rv-value="data.billing.fName"/></label><label class="qm-block" for="qmod-bill-clName">{'lastname' | i8ln tLang} ({'on card' | i8ln tLang}):<input id="qmod-bill-clName" type="text" rv-value="data.billing.lName"/></label><label class="qm-block" for="qmod-bill-ccNum">{'cardnumber' | i8ln tLang}:<input id="qmod-bill-ccNum" type="text" rv-value="data.billing.card"/></label><label for="qmod-bill-ccv">{'ccv' | i8ln tLang}:<input id="qmod-bill-ccv" type="text" rv-value="data.billing.cvv"/></label><div class="qmod-fine-print">({'Visa, MC - 3 digits on back. AmEx - 4 digits on front.' | i8ln tLang})</div><label class="qm-block" for="qmod-reg-bill-month">{'expiry month' | i8ln tLang}:<select id="qmod-reg-bill-month" rv-value="data.billing.expiresMonth"><option value="1">{'Jan' | i8ln tLang} (01)</option><option value="2">{'Feb' | i8ln tLang} (02)</option><option value="3">{'Mar' | i8ln tLang} (03)</option><option value="4">{'Apr' | i8ln tLang} (04)</option><option value="5">{'May' | i8ln tLang} (05)</option><option value="6">{'Jun' | i8ln tLang} (06)</option><option value="7">{'Jul' | i8ln tLang} (07)</option><option value="8">{'Aug' | i8ln tLang} (08)</option><option value="9">{'Sep' | i8ln tLang} (09)</option><option value="10">{'Oct' | i8ln tLang} (10)</option><option value="11">{'Nov' | i8ln tLang} (11)</option><option value="12">{'Dec' | i8ln tLang} (12)</option></select></label><label class="qm-block" for="qmod-reg-bill-year">{'Expiry Year' | i8ln tLang}:<select id="qmod-reg-bill-year" rv-value="data.billing.expiresYear"></select></label><div class="qmod-billing-address-con"><label class="qm-block" for="qmod-bill-address">{'Address' | i8ln tLang}:<input id="qmod-bill-address" type="text" rv-value="data.billing.address"/></label><label class="qm-block" for="qmod-bill-city">{'City' | i8ln tLang}:<input id="qmod-bill-city" type="text" rv-value="data.billing.city"/></label><label class="qm-block" for="qmod-bill-zip">{'zippostal' | i8ln tLang}:<input id="qmod-bill-zip" type="text" rv-value="data.billing.zip"/></label><label class="qm-block" for="qmod-bill-country">{'Country' | i8ln tLang}:<select id="qmod-bill-country" rv-value="data.billing.country" rv-on-change="data.changeBillingCountry"><option value="US">{'United States' | i8ln tLang}</option><option value="CA">{'Canada' | i8ln tLang}</option></select></label><label class="qm-block" for="qmod-bill-StateProv">{'state/prov' | i8ln tLang}:<select class="qmod-billing-stateProvUS" id="qmod-bill-StateProv" rv-value="data.billing.state" rv-show="data.billing.country |= 'US'"><option value="NA">{'Select State' | i8ln tLang}</option></select><select class="qmod-billing-stateProvCA" id="qmod-bill-StateProv" rv-value="data.billing.state" rv-show="data.billing.country |= 'CA'"><option value="NA">{'Select Province' | i8ln tLang}</option></select><select class="qmod-billing-stateProvOther" id="qmod-bill-StateProv" rv-hide="data.billing.country | or_comma_list 'US,CA'" disabled="disabled"><option value="NA">{'Outside US/Canada' | i8ln tLang}</option></select></label></div><div class="qmod-billing-error"></div><div class="qmod-btn-con"><span class="qmod-btn qmod-darkblue qm-updatebilling-btn" rv-on-click="data.updateBilling" rv-html="tplLang.update| toLang tLang"></span></div></div></div></div><div class="qmod-modal-overlay" rv-show="upgradeModal.show"><div class="qmod-ui-modal qmod-upgrade-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{tplLang.updatepersonalinfo| toLang tLang}</div><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="upgradeModal.close" rv-ifclass="data.loading" data-qmod-true-class="qmod-click-disabled"><i class="fa fa-times"></i></button></div></div><div class="qmod-ui-modal-body qmod-contact-info-con"><div class="qmod-upgrade-error-status"></div><div class="pure-u-md-1-2 qmod-upgrade-contact-form"><div class="qmod-upgrade-header-pers">{'personal information' | i8ln tLang}</div><div class="qmod-upgrade-sub-header-pers">All fields are required.</div><label for="qmod-upg-fName">{'firstname' | i8ln tLang}:<input id="qmod-upg-fName" type="text" rv-value="data.user.fName"/></label><label for="qmod-upg-mName">{'middle name' | i8ln tLang}: ({'use N/A if none' | i8ln tLang})<input id="qmod-upg-mName" type="text" rv-value="data.user.mName"/></label><label for="qmod-upg-lName">{'lastname' | i8ln tLang}:<input id="qmod-upg-lName" type="text" rv-value="data.user.lName"/></label><label for="qmod-upg-address">{'Address' | i8ln tLang}:<input id="qmod-upg-address" type="text" rv-value="data.user.address"/></label><label for="qmod-upg-country3">{'Country' | i8ln tLang}:<select id="qmod-upg-country3" rv-on-change="data.changeCountry" rv-value="data.user.country"><option value="US">{'United States' | i8ln tLang}</option><option value="CA">{'Canada' | i8ln tLang}</option></select></label><label for="qmod-upg-StateProv3">State/Prov:<select class="qmod-stateProvUS" id="qmod-reg-StateProv" rv-value="data.user.state" rv-show="data.user.country |= 'US'"><option value="NA">{'Select State' | i8ln tLang}</option></select><select class="qmod-stateProvCA" id="qmod-reg-StateProv" rv-value="data.user.state" rv-show="data.user.country |= 'CA'"><option value="NA">{'Select Province' | i8ln tLang}</option></select><select class="qmod-stateProvOther" id="qmod-reg-StateProv" rv-hide="data.user.country | or_comma_list 'US,CA'" disabled="disabled"><option value="NA">{'Outside US/Canada' | i8ln tLang}</option></select></label><label for="qmod-upg-city">{'City' | i8ln tLang}:<input id="qmod-upg-city" type="text" rv-value="data.user.city"/></label><label for="qmod-upg-zip">{'zippostal' | i8ln tLang}:<input id="qmod-upg-zip" type="text" rv-value="data.user.zip"/></label><label for="qmod-upg-phone">{'Phone' | i8ln tLang}:<input id="qmod-upg-phone" type="text" rv-value="data.user.phone"/></label><label for="qmod-upg-email">{'Email' | i8ln tLang}:<input id="qmod-upg-email" type="text" rv-value="data.user.email" rv-ifclass="data.emailiseditable" data-qmod-false-class="qmod-email-disabled" rv-disabled="data.emailiseditable |= false"/></label></div><div class="pure-u-md-1-2 qmod-upgrade-billing-form"><div class="qmod-upgrade-header-bill">{'billing information' | i8ln tLang}</div><div class="qmod-upgrade-sub-header-pers"><input class="qmod-chkrad" id="qmod-same-as" type="checkbox" rv-on-click="data.toggleSameAs"/><label class="qmod-chkradlabel" for="qmod-same-as">{'same as personal' | i8ln tLang}</label></div><label class="qm-block" for="qmod-bill-upg-cfName">{'firstname' | i8ln tLang} ({'on card' | i8ln tLang}):<input id="qmod-bill-upg-cfName" type="text" rv-value="data.billing.fName" rv-unless="data.sameAs"/><input id="qmod-bill-upg-cfName" type="text" rv-value="data.user.fName" rv-if="data.sameAs"/></label><label class="qm-block" for="qmod-bill-upg-clName">{'lastname' | i8ln tLang} ({'on card' | i8ln tLang}):<input id="qmod-bill-upg-clName" type="text" rv-value="data.billing.lName" rv-unless="data.sameAs"/><input id="qmod-bill-upg-clName" type="text" rv-value="data.user.lName" rv-if="data.sameAs"/></label><div class="qmod-billing-address-con"><label class="qm-block" for="qmod-bill-upg-address">{'Address' | i8ln tLang}:<input id="qmod-bill-upg-address" type="text" rv-value="data.billing.address" rv-unless="data.sameAs"/><input id="qmod-bill-upg-address" type="text" rv-value="data.user.address" rv-if="data.sameAs"/></label><label class="qm-block" for="qmod-bill-upg-country3">{'Country' | i8ln tLang}:<select id="qmod-bill-upg-country3" rv-value="data.billing.country" rv-hide="data.sameAs" rv-on-change="data.changeBillingCountry"><option value="US">{'United States' | i8ln tLang}</option><option value="CA">{'Canada' | i8ln tLang}</option></select><select id="qmod-bill-upg-country4" rv-value="data.user.country" rv-show="data.sameAs" rv-on-change="data.changeCountry"><option value="US">{'United States' | i8ln tLang}</option><option value="CA">{'Canada' | i8ln tLang}</option></select></label><label class="qm-block" for="qmod-bill-upg-StateProv3">{'stateprovince' | i8ln tLang}:<div rv-hide="data.sameAs"><select class="qmod-billing-stateProvUS" id="qmod-bill-StateProv" rv-value="data.billing.state" rv-show="data.billing.country |= 'US'"><option value="NA">{'Select State' | i8ln tLang}</option></select><select class="qmod-billing-stateProvCA" id="qmod-bill-StateProv" rv-value="data.billing.state" rv-show="data.billing.country |= 'CA'"><option value="NA">{'Select Province' | i8ln tLang}</option></select><select class="qmod-billing-stateProvOther" id="qmod-bill-StateProv" rv-hide="data.billing.country | or_comma_list 'US,CA'" disabled="disabled"><option value="NA">{'Outside US/Canada' | i8ln tLang}</option></select></div><div rv-show="data.sameAs"><select class="qmod-stateProvUS" id="qmod-reg-StateProv" rv-value="data.user.state" rv-show="data.user.country |= 'US'"><option value="NA">{'Select State' | i8ln tLang}</option></select><select class="qmod-stateProvCA" id="qmod-reg-StateProv" rv-value="data.user.state" rv-show="data.user.country |= 'CA'"><option value="NA">{'Select Province' | i8ln tLang}</option></select><select class="qmod-stateProvOther" id="qmod-reg-StateProv" rv-hide="data.user.country | or_comma_list 'US,CA'" disabled="disabled"><option value="NA">{'Outside US/Canada' | i8ln tLang}</option></select></div></label><label class="qm-block" for="qmod-bill-upg-city">City:<input id="qmod-bill-upg-city" type="text" rv-value="data.billing.city" rv-unless="data.sameAs"/><input id="qmod-bill-upg-city" type="text" rv-value="data.user.city" rv-if="data.sameAs"/></label><label class="qm-block" for="qmod-bill-upg-zip">{'zippostal' | i8ln tLang}:<input id="qmod-bill-upg-zip" type="text" rv-value="data.billing.zip" rv-unless="data.sameAs"/><input id="qmod-bill-upg-zip" type="text" rv-value="data.user.zip" rv-if="data.sameAs"/></label><label class="qm-block" for="qmod-bill-upg-ccNum">{'cardnumber' | i8ln tLang}:<input id="qmod-bill-upg-ccNum" type="text" rv-value="data.billing.card"/></label><label class="qm-block" for="qmod-bill-upg-cvv">{'ccv' | i8ln tLang}:<input id="qmod-bill-upg-ccv" type="text" rv-value="data.billing.ccv"/></label><label class="qm-block" for="qmod-reg-bill-upg-month">{'Expiry Month' | i8ln tLang}:<select id="qmod-reg-bill-upg-month" rv-value="data.billing.expiresMonth"><option value="1">{'Jan' | i8ln tLang} (01)</option><option value="2">{'Feb' | i8ln tLang} (02)</option><option value="3">{'Mar' | i8ln tLang} (03)</option><option value="4">{'Apr' | i8ln tLang} (04)</option><option value="5">{'May' | i8ln tLang} (05)</option><option value="6">{'Jun' | i8ln tLang} (06)</option><option value="7">{'Jul' | i8ln tLang} (07)</option><option value="8">{'Aug' | i8ln tLang} (08)</option><option value="9">{'Sep' | i8ln tLang} (09)</option><option value="10">{'Oct' | i8ln tLang} (10)</option><option value="11">{'Nov' | i8ln tLang} (11)</option><option value="12">{'Dec' | i8ln tLang} (12)</option></select></label><label class="qm-block" for="qmod-reg-bill-upg-year">{'Expiry Year' | i8ln tLang}:<select id="qmod-reg-bill-upg-year" rv-value="data.billing.expiresYear"></select></label></div></div><div class="qmod-fine-print">({'business email address not permitted' | i8ln tLang})</div><div class="qmod-error"></div></div><div class="qmod-ui-upgrade-modal-footer"><div class="qmod-btn-con"><span class="qmod-btn qmod-darkblue qm-updateinfo-btn" rv-on-click="data.upgradeProfile" rv-html="tplLang.update| toLang tLang"></span></div></div></div></div><div class="qmod-modal-overlay" rv-if="data.subscriptionTerm.show" rv-on-blur="data.subscriptionTerm.blur"><div class="qmod-ui-modal qmod-subscription-term-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{"Change Subscription Term" | i8ln tLang}</div><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="data.subscriptionTerm.click"><i class="fa fa-times"></i></button></div></div><div class="qmod-ui-modal-body"><div class="qmod-subscription-term-con" rv-each-term="data.subscriptionTerm.options"><input class="qmod-chkrad" rv-id="'qmod-subscription-term-' | postFix term.id" type="radio" rv-value="term.id" rv-on-click="data.subscriptionTerm.change" rv-qmod-term="data.term"/><label class="qmod-chkradlabel" rv-for="&quot;qmod-subscription-term-&quot; | postFix term.id">{term.name}</label></div></div><div class="qmod-ui-modal-footer"><div class="qmod-btn-con"><button class="qmod-btn qmod-darkblue qm-changesubterm-btn" rv-on-click="data.changeSubscriptionTerm">{"Update" | i8ln tLang}</button></div></div></div></div><div class="qmod-ui-modal-backdrop fade in" rv-show="backdrop.show"></div><toast message="data.error.message" mode="data.error.mode" duration="data.error.duration"></toast></div>