!function(){"use strict";angular.module("myProximus.glp.award",[]).constant("AwardConstants",{FILES:[]})}();

!function(){"use strict";function r(r,e,t,a,i,n){function d(){var d,o=r.defer(),c=t.getAwardOrder(),u={awardId:c.awardId};return d=t.isBirthdayAward()?i.createEntity(a.birthdayorder_v1,u):i.createEntity(a.order_v1,u),t.setAwardOrderToOrderEntity(d),i.updateEntity(d,u).subscribe(function(){o.resolve()},function(r){r.errorData?"EMAIL-INVALID"===r.errorData.code&&n.setEmailErrorAlert(!0):(e.error("The order confirmation has failed for entity: "+r),o.reject(!1))}),o.promise}var o={execute:d};return o}commangular.create("ConfirmAwardOrderCommand",r),r.$inject=["$q","$log","AwardOrderingService","GlpEntityConfig","$entityManager","StepIndicatorService"]}();

!function(){"use strict";function r(r,e,a,t,d){function i(){var i=r.defer();d.initializeAwardOrderFlow(t);var n,s={awardId:t.award.awardId};return t.isBirthdayAward?(n=e.createEntity(a.birthdayorder_v1,s),d.setBirthdayAward(!0)):(n=e.createEntity(a.order_v1,s),d.setBirthdayAward(!1)),n.value=d.getCreateOrderRequestBody(t),e.saveEntity(n,s).subscribe(function(r){var e=r.value;_.isEqual(t.award.type,"PS_POSTPAID")&&(_.isEmpty(e.orderData)||_.isEmpty(e.orderData.msisdns))?i.reject(!1):(d.setAwardOrder(r.value),i.resolve())},function(){i.reject(!1)}),i.promise}var n={execute:i};return n}commangular.create("CreateAwardOrderCommand",r),r.$inject=["$q","$entityManager","GlpEntityConfig","selectedPricePlanDTO","AwardOrderingService","$stateParams"]}();

!function(){"use strict";function e(e,t,a,r,n){return{execute:function(){var i=e.defer(),c={customerId:t.customerId};return a.getEntity(n.awards_v1,c).subscribe(function(e){r.setAwards(e.value._embedded["aw:award"]),r.setAwardsEligibility(e.value.eligibleRedeem)},function(e){i.reject(e)},function(){i.resolve(r.data.awards)}),i.promise}}}commangular.create("GetAwardCatalogCommand",e,{resultKey:"awards"}),e.$inject=["$q","customerAccount","$entityManager","AwardCatalogService","GlpEntityConfig"]}();

!function(){"use strict";function e(e,a,s,t,n,r,o){return{execute:function(){var g=e.defer(),c=o.getSelectedLanguage();return r.getItem("awardCatalogMessages"+c).then(function(e){n.setMessages(e),g.resolve(e)},function(){var e="myProximus.myAdvantages.awardCatalog.messages";a.dispatch(s.GET_TRANSLATIONS.EVENT,{key:e,depth:"2"}).then(function(e){n.filterCustomerMessages(e.translations,t),r.setItem("awardCatalogMessages"+c,n.data.messages,proximusConfig.STORAGESTRATEGY.SESSIONSTORAGE),g.resolve(n.data.messages)},function(e){g.reject(e)})}),g.promise}}}commangular.create("GetAwardCatalogMessagesCommand",e,{resultKey:"awardCatalogMessages"}),e.$inject=["$q","$commangular","CommandConfig","customerAccount","AwardCatalogMessageService","$storage","LanguageService"]}();

!function(){"use strict";function e(e,t,r,a,n,c){return{execute:function(){var u=e.defer(),i={customerId:t.customerId,awardId:r};return a.getEntity(c.award_v1,i).subscribe(function(e){n.setAward(e.value)},function(e){u.reject(e)},function(){u.resolve(n.data.award)}),u.promise}}}commangular.create("GetAwardDetailCommand",e,{resultKey:"award"}),e.$inject=["$q","customerAccount","awardId","$entityManager","AwardDetailService","GlpEntityConfig"]}();

!function(){"use strict";function e(e,t,n,r,a){return{execute:function(){var u=e.defer(),c={customerId:t.customerId,awardId:n},o={value:void 0};return r.getEntity(a.award_v1,c).subscribe(function(e){o.value=e.value},function(e){u.reject(e)},function(){u.resolve(o.value)}),u.promise}}}commangular.create("GetAwardImageCommand",e,{resultKey:"awardImage"}),e.$inject=["$q","customerAccount","awardId","$entityManager","GlpEntityConfig"]}();

!function(){"use strict";function t(t,e,a,r,n){return{execute:function(){var c=t.defer(),i={awardId:e};return a.getEntity(n.stock_v1,i).subscribe(function(t){r.updateAwardStock(t.value)},function(t){c.reject(t)},function(){c.resolve(r.data.award)}),c.promise}}}commangular.create("GetAwardStockCommand",t,{resultKey:"award"}),t.$inject=["$q","awardId","$entityManager","AwardDetailService","GlpEntityConfig"]}();

!function(){"use strict";function t(t,e,r,a,n,c){return{execute:function(){var i=t.defer(),u={customerId:e.customerId,awardId:r};return a.getEntity(c.birthdayaward_v1,u).subscribe(function(t){n.setAward(t.value)},function(t){i.reject(t)},function(){i.resolve(n.data.award)}),i.promise}}}commangular.create("GetBirthdayAwardDetailCommand",t,{resultKey:"award"}),t.$inject=["$q","customerAccount","awardId","$entityManager","AwardDetailService","GlpEntityConfig"]}();

!function(){"use strict";function t(t,e,r,n){return{execute:function(){var c=t.defer(),i={customerId:r.customerId};return e.getEntity(n.birthdayawards_v1,i).subscribe(function(t){c.resolve(t)},function(t){c.reject(t)}),c.promise}}}commangular.create("GetBirthdayAwardsCommand",t,{resultKey:"birthdayAwards"}),t.$inject=["$q","$entityManager","customerAccount","GlpEntityConfig"]}();

!function(){"use strict";function t(t,e,a,r,n){return{execute:function(){var i=t.defer(),c={awardId:e};return a.getEntity(n.birthdaystock_v1,c).subscribe(function(t){r.updateAwardStock(t.value)},function(t){i.reject(t)},function(){i.resolve(r.data.award)}),i.promise}}}commangular.create("GetBirthdayAwardStockCommand",t,{resultKey:"award"}),t.$inject=["$q","awardId","$entityManager","AwardDetailService","GlpEntityConfig"]}();

!function(){"use strict";function t(t,e,n,o,r,a){return{execute:function(){var i=t.defer(),c={customerId:e.customerId};return n.getEntity(o.loyaltyProgramSubscription_v1,c).subscribe(function(t){r.setLoyaltyPoints(t.value.currentPoints),a.setLoyaltyProgram(t.value)},function(){i.reject(!1)},function(){i.resolve(r.data.loyaltyPoints)}),i.promise}}}commangular.create("GetLoyaltyPointsCommand",t,{resultKey:"loyaltyPoints"}),t.$inject=["$q","customerAccount","$entityManager","GlpEntityConfig","AwardPricePlanService","AwardCatalogMessageService"]}();

!function(){"use strict";function e(e,t){function r(){var r=t.getStep(),n="3";return _.isEqual(r,1)&&!e.data.twoStepOrderFlow&&(n="2"),n}var n={execute:r};return n}commangular.create("GetNextOrderStepCommand",e,{resultKey:"nextStep"}),e.$inject=["AwardOrderingService","StepIndicatorService"]}();

!function(){"use strict";function e(e,r,t,n,d){return{execute:function(){var c=e.defer(),m={customerId:t.customerId,filter:"recommended"};return r.getEntity(d.awards_v1,m).subscribe(function(e){n.setRecommendedAwards(e.value._embedded["aw:award"])},function(){c.reject(!1)},function(){c.resolve(n.data.recommendedAwards)}),c.promise}}}commangular.create("GetRecommendedAwardsCommand",e,{resultKey:"recommendedAwards"}),e.$inject=["$q","$entityManager","customerAccount","RecommendedAwardsService","GlpEntityConfig"]}();

!function(){"use strict";function i(i,e,t,r,n,d){return{execute:function(){var o=i.defer(),c={customerId:e.customerId,awardId:t};return r.getEntity(d.vodOrderEligibility_v1,c).subscribe(function(i){n.setVodOrderEligibility(i.value)},function(i){o.reject(i)},function(){o.resolve(n.data.award.vodOrderEligibility)}),o.promise}}}commangular.create("GetVodOrderEligibilityCommand",i,{resultKey:"vodEligibility"}),i.$inject=["$q","customerAccount","awardId","$entityManager","AwardDetailService","GlpEntityConfig"]}();

!function(){"use strict";function e(e,a,r,t,d){function i(){var r=n();e.go(r,{awardId:a.awardId,orderType:a.orderType})}function n(){var e,a=t.getStep();switch(a){case 1:e=d.data.isBirthdayAward?"glp.birthday":"glp.awardDetail";break;case 2:e=_.isUndefined(r.data.orderType)?"glp.awardDetail":"glp.orderStepOne";break;default:e="glp.awardDetail"}return e}var c={execute:i};return c}commangular.create("PreviousStepOrderFlowCommand",e),e.$inject=["$state","$stateParams","AwardOrderingService","StepIndicatorService","AwardDetailService"]}();

!function(){"use strict";function e(e,r){function a(){var a="glp.orderStepOne",t={awardId:r.data.selectedPricePlanDTO.award.awardId,orderType:r.data.orderType};e.go(a,t)}var t={execute:a};return t}commangular.create("ShowOrderStepOneCommand",e),e.$inject=["$state","AwardOrderingService"]}();

!function(){"use strict";function e(e,r,a){function t(){var t="glp.orderStepThree",d={awardId:r.awardId,orderType:a.data.orderType};e.go(t,d)}var d={execute:t};return d}commangular.create("ShowOrderStepThreeCommand",e),e.$inject=["$state","$stateParams","AwardOrderingService"]}();

!function(){"use strict";function r(r,e,a){function t(){var t="glp.orderStepTwo",d={awardId:e.awardId,orderType:a.data.orderType};r.go(t,d)}var d={execute:t};return d}commangular.create("ShowOrderStepTwoCommand",r),r.$inject=["$state","$stateParams","AwardOrderingService"]}();

!function(){"use strict";function a(){var a={restrict:"A",controller:e,replace:!0,scope:{error:"=",threshold:"="},templateUrl:"/awardCatalogTemplate"};return a}function e(a,e,r,o,s,t,i,n,d,c){function l(){i.resetFilters(),n.processAwards()}function A(){e.mpAwardCatalogData.showNoAwardsAlert=_.isEqual(e.mpAwardCatalogData.processedAwards.length,0)}function w(){e.mpAwardCatalogData.showAwardsOverview=e.mpAwardCatalogData.processedAwards.length>0}function m(r){e.mpAwardCatalogData.processedAwards=r,A(),w(),a.$broadcast("reLazyLoad")}function u(){var a,e=t.search();if(e.oos||e.pts||e.c){var r=[];e.c&&(_.isArray(e.c)?r=e.c:r.push(e.c)),a={selectedCategories:r,notEnoughPoints:!_.isUndefined(e.pts),outOfStock:!_.isUndefined(e.oos)}}return a}e.mpAwardCatalogData={componentError:void 0,processedAwards:[],showNoAwardsAlert:!1,showAwardsOverview:!1,showBadPayerAlert:!1};var g=n.subscribeAwards(function(a){if(_.isArray(a)){var e=u();i.initState(e),n.processAwards()}}),p=n.subscribeProcessedAwards(function(a){_.isArray(a)&&(m(a),window.setTimeout(function(){inception.equalize()}))}),f=n.subscribeAwardsEligibility(function(a){_.isNull(a)||a||c.showInformation("myProximus.myAdvantages.messages","myAdvantages.messages.info.notEligibleToRedeem",c.DISPLAY_CONTEXT.AUTO_REMOVE)});e.$on("$destroy",function(){g.dispose(),p.dispose(),f.dispose()}),i.setThreshold(e.threshold),_.isEqual(r.eligible,!1)&&c.showInformation("myProximus.myAdvantages.messages","myAdvantages.messages.info.awardNotEligible",c.DISPLAY_CONTEXT.AUTO_REMOVE),s.dispatch(d.GET_AWARD_CATALOG.EVENT)["catch"](function(a){_.isEqual(a.errorData.code,"46")?e.mpAwardCatalogData.showBadPayerAlert=!0:e.mpAwardCatalogData.componentError=o.error}),e.resetFilter=l}angular.module("myProximus.glp.award").directive("mpAwardCatalog",a),a.$inject=[],e.$inject=["$rootScope","$scope","$stateParams","$attrs","$commangular","$location","AwardCatalogFilterService","AwardCatalogService","AwardCommandConfig","NotificationService"]}();

!function(){"use strict";function a(){var a={restrict:"A",controller:e,templateUrl:"/awardCatalogMessageTemplate"};return a}function e(a,e,s,t,r){e.dispatch(r.GET_AWARD_CATALOG_MESSAGES.EVENT),a.mpAwardCatalogMessageData={messages:void 0},a.$watch(function(){return t.data.messages},function(e,t){_.isEmpty(e)||_.isEqual(e,t)||!_.isNull(s.getString("awardCatalogMessageClosed"))||(a.mpAwardCatalogMessageData.messages=e)}),a.closeMessage=function(){s.setString("awardCatalogMessageClosed","true"),a.mpAwardCatalogMessageData.messages=void 0}}angular.module("myProximus.glp.award").directive("mpAwardCatalogMessage",a),a.$inject=[],e.$inject=["$scope","$commangular","$sessionStorage","AwardCatalogMessageService","AwardCommandConfig"]}();

!function(){"use strict";function e(e,r,n,a){function t(n,t,o){function c(){var e=a.isElementInViewport(t[0]);e&&i(n.award)&&r.reportViewedAward(n.award)}var l=1e3;o.threshold&&(l=parseInt(o.threshold));var d=_.debounce(c,l);return angular.element(e).bind("scroll",d),n.$on("$destroy",function(){angular.element(e).unbind("scroll",d)})}function i(e){var r=n.data.loyaltyProgram.currentPoints;return e.minPoints<=r&&e.inStock}var o={replace:!0,restrict:"A",scope:{award:"=mpAwardViewedAnalyticsEvent"},link:t};return o}angular.module("myProximus.glp.award").directive("mpAwardViewedAnalyticsEvent",e),e.$inject=["$window","AwardAnalyticsService","AwardCatalogMessageService","AnalyticsService"]}();

!function(){"use strict";function a(){var a={restrict:"A",templateUrl:"/birthdayAwardsTemplate",controller:r};return a}function r(a,r,t,d,e,i,s,c,n,o){function A(a){_.isEqual(a.code,"45")?r.mpBirthdayAwardsData.componentError={errorData:{code:45}}:_.isEqual(a.code,"64")?r.mpBirthdayAwardsData.componentError={errorData:{code:64}}:_.isEqual(a.code,"65")?r.mpBirthdayAwardsData.componentError={errorData:{code:65}}:_.isEqual(a.code,"66")?r.mpBirthdayAwardsData.componentError={errorData:{code:66}}:r.mpBirthdayAwardsData.componentError=t.error,r.mpBirthdayAwardsData.showBirthdayAwards=!1}function h(a){o.data.isBirthdayAward=!0,"LOYALTY_POINTS"===a.type?e.dispatch(i.GET_BIRTHDAYAWARD_DETAIL.EVENT,{awardId:a.awardId}).then(function(){r.mpBirthdayAwardsData.selectedPricePlanDTO=o.getSelectedPricePlanDTO(o.data.award,o.data.award.pricePlans[0],1,!0),_.isUndefined(r.mpBirthdayAwardsData.selectedPricePlanDTO.pricePlan)||e.dispatch(i.START_AWARD_ORDER_FLOW.EVENT,{selectedPricePlanDTO:r.mpBirthdayAwardsData.selectedPricePlanDTO})["catch"](function(){c.dispatchWithAttributes("primary","myAdvantages.messages.technicalError.birthdayAwards")})},function(){c.dispatchWithAttributes("primary","myAdvantages.messages.technicalError.birthdayAwards")}):n.go("glp.birthdayAwardDetail",{birthdayAwardId:a.awardId})}function w(){r.mpBirthdayAwardsData.showBirthdayAwards=r.mpBirthdayAwardsData.birthdayAwards.length>0}e.dispatch(i.GET_BIRTHDAY_AWARDS.EVENT).then(function(a){_.isUndefined(a.birthdayAwards.status)||!_.isEqual(a.birthdayAwards.status,200)||_.isEmpty(a.birthdayAwards.value._embedded.error)?(s.setBirthdayAwards(a.birthdayAwards.value._embedded["aw:birthdayaward"]),w()):A(a.birthdayAwards.value._embedded.error[0])},function(a){A(a)}),r.orderBirthdayAward=h,r.mpBirthdayAwardsData={componentError:void 0,birthdayAwards:[],showBirthdayAwards:!1,selectedPricePlanDTO:{stockQuantitySelection:[1],selectedQuantity:1,pricePlan:void 0}},r.$watch(function(){return s.data.birthdayAwards},function(t){_.isArray(t)&&(r.mpBirthdayAwardsData.birthdayAwards=t,inception.clickable(".jsrs-clickable"),d(function(){inception.equalize(),a.$broadcast("reLazyLoad")}),w())})}angular.module("myProximus.glp.award").directive("mpBirthdayAwards",a),a.$inject=["$timeout"],r.$inject=["$rootScope","$scope","$attrs","$timeout","$commangular","AwardCommandConfig","BirthdayAwardsService","$errorService","$state","AwardDetailService"]}();

!function(){"use strict";function e(e,a,t,r){function d(a){_.includes(o.data.viewedAwards,a.awardId)||(i(a),o.data.viewedAwards.push(a.awardId),e.setItem("viewedAwards",o.data.viewedAwards,proximusConfig.STORAGESTRATEGY.SESSIONSTORAGE))}function i(e){var t={};t.event="award_view",t.event_detail=n(e),a.reportEvent(t)}function n(e){var a=t.data.loyaltyProgram._embedded["lp:loyaltyprogramspecification"].loyaltyProgramSpecificationId,d=r.getCustomerSubsegment();return{awardId:e.awardId,awardMainTitle:e.mainTitle,awardSubTitle:_.isUndefined(e.subTitle)?"":e.subTitle,loyaltyProgram:a,subsegment:d}}var o={reportViewedAward:d,data:{viewedAwards:[]}};return e.getItem("viewedAwards").then(function(e){o.data.viewedAwards=e}),o}angular.module("myProximus.glp.award").factory("AwardAnalyticsService",e),e.$inject=["$storage","AnalyticsService","AwardCatalogMessageService","CustomerAccountService"]}();

!function(){"use strict";function r(r,a,e,i,t){function s(r,a,e){return b.subscribe(r,a,e)}function d(r,a,e){return A.subscribe(r,a,e)}function n(r,a,e){return f.subscribe(r,a,e)}function o(r){t.data.isBirthdayAward=!1,v.data.awards=w(r),b.onNext(v.data.awards)}function c(){v.data.processedAwards=e.sortAwards(v.data.awards),A.onNext(v.data.processedAwards)}function u(r){f.onNext(r),v.data.awardsEligibility=r}function w(r){return _.forEach(r,function(r){l(r)})}function l(e){i.setAwardPromoProperties(e),r.setCash(e),r.setMinimalPricePlan(e),a.updateStockInformation(e,e._embedded["aw:stock"]),r.setEligiblePricePlans(e),r.formatPricePlans(e)}var b=new Rx.BehaviorSubject(null),A=new Rx.BehaviorSubject(null),f=new Rx.BehaviorSubject(null),v={subscribeAwards:s,subscribeProcessedAwards:d,subscribeAwardsEligibility:n,setAwards:o,setAwardsEligibility:u,processAwards:c,data:{awards:void 0,processedAwards:void 0,awardsEligibility:void 0}};return v}angular.module("myProximus.glp.award").factory("AwardCatalogService",r),r.$inject=["AwardPricePlanService","AwardStockService","AwardCatalogSortService","AwardPromoService","AwardDetailService"]}();

!function(){"use strict";function a(a,e){function s(a){i.data.messages=a}function t(a){i.data.loyaltyProgram=a}function r(a,s){var t=[];_.forEach(a.nodes,function(a){if(n(a,s)){var r={text:e.getTranslationValue(a)};t.push(r)}}),i.data.messages=t}function n(s,t){var r=!0;return _.forEach(s.nodes,function(s){var n=e.getTranslationValue(s);if(!r)return r;switch(s.name){case"subsegment":r=t.fls&&_.includes(n,t.fls.subsegment)||t.mcs&&_.includes(n,t.mcs.subsegment);break;case"loyaltyTier":r=_.includes(n,i.data.loyaltyProgram.currentTier);break;case"userType":r=_.isEqual(n,"FLS")&&t.fls&&_.isUndefined(t.mcs)||_.isEqual(n,"MCS")&&_.isUndefined(t.fls)&&t.mcs||_.isEqual(n,"FLS+MCS")&&t.fls&&t.mcs;break;case"subscriptionStatus":r=_.includes(n,i.data.loyaltyProgram.subscriptionStatus);break;case"language":r=_.includes(n,a.getSelectedLanguage());break;case"loyaltyProgram":r=_.includes(n,i.data.loyaltyProgram._embedded["lp:loyaltyprogramspecification"].loyaltyProgramSpecificationId);break;default:r=!0}}),r}var i={setMessages:s,setLoyaltyProgram:t,filterCustomerMessages:r,data:{messages:void 0}};return i}angular.module("myProximus.glp.award").factory("AwardCatalogMessageService",a),a.$inject=["LanguageService","TranslationService"]}();

!function(){"use strict";function o(o,t){function i(o){P.data.loyaltyPoints=o}function n(t){var i=o.getSegmentCurrentUser();_.isUndefined(t)||_.forEach(t.pricePlans,function(o){o.promo&&(o.promoCash=_.isEqual(i,"RES")?o.promoCashVatIncl:o.promoCashVatExcl),o.cash=_.isEqual(i,"RES")?o.cashVatIncl:o.cashVatExcl})}function r(o,t){return m(o,t)}function a(o,t){var i=o.promo?o.promoPoints:o.points;return P.data.loyaltyPoints-i*t}function e(o){return _.forEach(o.pricePlans,function(o){d(o)})}function s(o){return _.forEach(o.pricePlans,function(t){f(o,P.data.loyaltyPoints,t)})}function c(o){var t=o.pricePlans[0];f(o,P.data.loyaltyPoints,t),d(t),o.minimalPricePlan=t,o.minPoints=t.promo?t.promoPoints:t.points}function l(o,t){var i=9999,n=0;return _.isUndefined(t.vodOrderEligibility)||_.isEmpty(t.vodOrderEligibility)||(_.forEach(t.vodOrderEligibility.vodNaProfiles,function(t){n+=Math.floor((t.maxCredits-t.credits)/o.credits)}),i=n),i}function u(o,t,i){var n=t.promo?t.promoPoints:t.points,r=i>=n&&o.inStock;return!_.isUndefined(o.vodOrderEligibility)&&!_.isUndefined(o.vodOrderEligibility.vodNaProfiles)&&l(t,o)<1&&(r=!1,t.notEnoughCredits=!0),r}function m(o,i){var n="";return o.points>0&&(n+=t.format(o.points*i)),o.cash>0&&(n=n+" + "+t.formatWithCurrency(o.cash*i)),n}function d(o){o.promo&&(o.promoFormattedPoints=t.format(o.promoPoints),o.promoCash>0&&(o.promoFormattedCash=t.formatWithCurrency(o.promoCash))),o.formattedPoints=t.format(o.points),o.cash>0&&(o.formattedCash=t.formatWithCurrency(o.cash))}function f(o,t,i){_.isUndefined(t)?i.eligible=!1:i.eligible=u(o,i,t)}var P={setLoyaltyPoints:i,setCash:n,calculateTotalPoints:r,calculateRemainingPoints:a,getMaxPricePlanQuantityForCredits:l,formatPricePlans:e,setEligiblePricePlans:s,setMinimalPricePlan:c,data:{loyaltyPoints:void 0}};return P}angular.module("myProximus.glp.award").factory("AwardPricePlanService",o),o.$inject=["CustomerAccountService","NumberFormatter"]}();

!function(){"use strict";function o(){function o(o){_.isUndefined(o)||(e(o),n(o))}function e(o){if(!_.isUndefined(o.promoStartDate)&&!_.isUndefined(o.promoEndDate)&&0!==o.promoStartDate&&0!==o.promoEndDate){var e=new Date;o.promoAvailable=new Date(o.promoStartDate)<=e&&e<=new Date(o.promoEndDate),o.atLeastOnePromoPricePlan=!1}}function n(o){_.isUndefined(o.promoAvailable)||_.forEach(o.pricePlans,function(e){e.promo=o.promoAvailable&&a(e),o.atLeastOnePromoPricePlan||(o.atLeastOnePromoPricePlan=e.promo)})}function a(o){var e=!1,n=!(_.isUndefined(o.promoCashVatExcl)||_.isUndefined(o.promoCashVatIncl)||_.isUndefined(o.promoPoints));return n&&(e=!(0===o.promoCashVatExcl&&0===o.promoCashVatIncl&&0===o.promoPoints)),e}var r={setAwardPromoProperties:o};return r}angular.module("myProximus.glp.award").factory("AwardPromoService",o)}();

!function(){"use strict";function a(a,r){function t(a){a=i(a),n.data.birthdayAwards=a}function i(a){return _.forEach(a,function(a){e(a)})}function e(t){t.isBirthdayAward=!0,r.setMinimalPricePlan(t),r.setCash(t),a.updateStockInformation(t,t._embedded["aw:birthdaystock"]),r.setEligiblePricePlans(t),r.formatPricePlans(t)}var n={setBirthdayAwards:t,data:{birthdayAwards:void 0}};return n}angular.module("myProximus.glp.award").factory("BirthdayAwardsService",a),a.$inject=["AwardStockService","AwardPricePlanService"]}();

!function(){"use strict";function E(E,A,T){E.mapTo(T.GET_AWARD_CATALOG.EVENT).asSequence().add(A.GET_CUSTOMER_ACCOUNT.COMMAND).add(T.GET_LOYALTY_POINTS.COMMAND).add(T.GET_AWARD_CATALOG.COMMAND),E.mapTo(T.GET_AWARD_CATALOG_MESSAGES.EVENT).asSequence().add(A.GET_CUSTOMER_ACCOUNT.COMMAND).add(T.GET_LOYALTY_POINTS.COMMAND).add(T.GET_AWARD_CATALOG_MESSAGES.COMMAND),E.mapTo(T.GET_RECOMMENDED_AWARDS.EVENT).asSequence().add(A.GET_CUSTOMER_ACCOUNT.COMMAND).add(T.GET_RECOMMENDED_AWARDS.COMMAND),E.mapTo(T.GET_BIRTHDAY_AWARDS.EVENT).asSequence().add(A.GET_CUSTOMER_ACCOUNT.COMMAND).add(T.GET_LOYALTY_POINTS.COMMAND).add(T.GET_BIRTHDAY_AWARDS.COMMAND),E.mapTo(T.GET_AWARD_DETAIL.EVENT).asSequence().add(A.GET_CUSTOMER_ACCOUNT.COMMAND).add(T.GET_LOYALTY_POINTS.COMMAND).add(T.GET_AWARD_DETAIL.COMMAND).add(T.GET_AWARD_STOCK.COMMAND),E.mapTo(T.GET_BIRTHDAYAWARD_DETAIL.EVENT).asSequence().add(A.GET_CUSTOMER_ACCOUNT.COMMAND).add(T.GET_LOYALTY_POINTS.COMMAND).add(T.GET_BIRTHDAYAWARD_DETAIL.COMMAND).add(T.GET_BIRTHDAYAWARD_STOCK.COMMAND),E.mapTo(T.GET_AWARD_IMAGE.EVENT).asSequence().add(A.GET_CUSTOMER_ACCOUNT.COMMAND).add(T.GET_AWARD_IMAGE.COMMAND),E.mapTo(T.GET_VOD_ORDER_ELIGIBILITY.EVENT).asSequence().add(A.GET_CUSTOMER_ACCOUNT.COMMAND).add(T.GET_VOD_ORDER_ELIGIBILITY.COMMAND),E.mapTo(T.START_AWARD_ORDER_FLOW.EVENT).asSequence().add(T.CREATE_AWARD_ORDER.COMMAND).add(T.START_AWARD_ORDER_FLOW.COMMAND);var O=E.asSequence().add(T.CONFIRM_AWARD_ORDER.COMMAND).add(T.SHOW_ORDER_STEP_THREE.COMMAND);E.mapTo(T.NEXT_STEP_ORDER_FLOW.EVENT).asSequence().add(T.GET_NEXT_ORDER_STEP.COMMAND).add(E.asFlow().link("nextStep == 2").to(T.SHOW_ORDER_STEP_TWO.COMMAND).link("nextStep == 3").to(O)),E.mapTo(T.PREVIOUS_STEP_ORDER_FLOW.EVENT).asSequence().add(T.PREVIOUS_STEP_ORDER_FLOW.COMMAND),E.mapTo(T.GET_ORDER_DETAIL_DATA.EVENT).asSequence()}var A={GET_LOYALTY_POINTS:{EVENT:"GetLoyaltyPointsEvent",COMMAND:"GetLoyaltyPointsCommand"},GET_AWARD_CATALOG:{EVENT:"GetAwardCatalogEvent",COMMAND:"GetAwardCatalogCommand"},GET_AWARD_CATALOG_MESSAGES:{EVENT:"GetAwardCatalogMessagesEvent",COMMAND:"GetAwardCatalogMessagesCommand"},GET_RECOMMENDED_AWARDS:{EVENT:"GetRecommendedAwardsEvent",COMMAND:"GetRecommendedAwardsCommand"},GET_BIRTHDAY_AWARDS:{EVENT:"GetBirthdayAwardsEvent",COMMAND:"GetBirthdayAwardsCommand"},GET_AWARD_DETAIL:{EVENT:"GetAwardDetailEvent",COMMAND:"GetAwardDetailCommand"},GET_BIRTHDAYAWARD_DETAIL:{EVENT:"GetBirthdayAwardDetailEvent",COMMAND:"GetBirthdayAwardDetailCommand"},GET_BIRTHDAYAWARD_STOCK:{COMMAND:"GetBirthdayAwardStockCommand"},GET_AWARD_IMAGE:{EVENT:"GetAwardImageEvent",COMMAND:"GetAwardImageCommand"},GET_AWARD_STOCK:{COMMAND:"GetAwardStockCommand"},CREATE_AWARD_ORDER:{COMMAND:"CreateAwardOrderCommand"},START_AWARD_ORDER_FLOW:{EVENT:"StartAwardOrderFlowEvent",COMMAND:"ShowOrderStepOneCommand"},NEXT_STEP_ORDER_FLOW:{EVENT:"NextStepOrderFlowEvent"},GET_NEXT_ORDER_STEP:{COMMAND:"GetNextOrderStepCommand"},SHOW_ORDER_STEP_TWO:{COMMAND:"ShowOrderStepTwoCommand"},SHOW_ORDER_STEP_THREE:{COMMAND:"ShowOrderStepThreeCommand"},PREVIOUS_STEP_ORDER_FLOW:{EVENT:"PreviousStepOrderFlowEvent",COMMAND:"PreviousStepOrderFlowCommand"},CONFIRM_AWARD_ORDER:{COMMAND:"ConfirmAwardOrderCommand"},GET_ORDER_DETAIL_DATA:{EVENT:"GetOrderDetailDataEvent"},GET_VOD_ORDER_ELIGIBILITY:{EVENT:"GetVodOrderEligibilityEvent",COMMAND:"GetVodOrderEligibilityCommand"}};angular.module("myProximus.glp.award").config(E).constant("AwardCommandConfig",A),E.$inject=["$commangularProvider","CommonCommandConfig","AwardCommandConfig"]}();

!function(){"use strict";function t(t,a,r,o){function i(t){s(t),P.data.award=t}function e(a){P.data.award.vodOrderEligibility=a;var r=t.setEligiblePricePlans(P.data.award);r.length>0&&r[0].notEnoughCredits&&(P.data.award.notVodEligible=!0)}function n(t){P.data.stock=t,s(P.data.award),P.data.award=_.cloneDeep(P.data.award)}function d(t,a,r,i){var e=c(a,r||1),n={award:t,pricePlan:a,selectedQuantity:r||1,remainingPoints:e,formattedRemainingPoints:o.format(e),stockQuantitySelection:l(a,t),total:u(a,r||1),isBirthdayAward:i||!1};return n}function s(o){r.setAwardPromoProperties(o),t.setCash(o),P.data.stock&&(a.updateStockInformation(o,P.data.stock),t.setMinimalPricePlan(o),t.setEligiblePricePlans(o),t.formatPricePlans(o))}function c(a,r){return t.calculateRemainingPoints(a,r)}function l(t,a){var r=m(t,a);return _.isEqual(r,0)?[0]:_.range(1,r+1)}function m(r,o){var i=r.promo?r.promoPoints:r.points,e=a.getAmountOfItemsAllowed(i,o.stock.quantity),n=t.getMaxPricePlanQuantityForCredits(r,o);return _.min([e,n])}function u(t,a){var r;return r=t.promo?{formattedPoints:o.format(t.promoPoints*a),formattedCash:t.promoCash>0?o.formatWithCurrency(t.promoCash*a):"",cash:t.promoCash*a,points:t.promoPoints*a}:{formattedPoints:o.format(t.points*a),formattedCash:t.cash>0?o.formatWithCurrency(t.cash*a):"",cash:t.cash*a,points:t.points*a}}var P={setAward:i,setVodOrderEligibility:e,updateAwardStock:n,getSelectedPricePlanDTO:d,data:{award:void 0,stock:void 0}};return P}angular.module("myProximus.glp.award").factory("AwardDetailService",t),t.$inject=["AwardPricePlanService","AwardStockService","AwardPromoService","NumberFormatter"]}();

!function(){"use strict";function t(){var t={restrict:"A",templateUrl:"/awardCatalogFilterTemplate",controller:a};return t}function a(t,a,o){function e(){$("#searchFilter").toggle().toggleClass("show-for-large-up")}function r(){o.setOutOfStock(t.mpAwardCatalogFilterData.outOfStock),a.processAwards()}function n(){o.setNotEnoughPoints(t.mpAwardCatalogFilterData.notEnoughPoints),a.processAwards()}function i(t){o.toggleSelectedCategory(t),a.processAwards()}function l(){o.resetFilters(),a.processAwards()}function c(t){return _.isEqual(t.count,0)}t.handleOutOfStock=r,t.handleNotEnoughPoints=n,t.toggleSelectedCategory=i,t.resetFilter=l,t.greyOutCategory=c,t.toggleFilter=e,t.mpAwardCatalogFilterData={categories:[],notEnoughPoints:o.data.state.notEnoughPoints,outOfStock:o.data.state.outOfStock},t.$watch(function(){return o.data.filteredCategories},function(a,o){_.isObject(a)&&!_.isEqual(a,o)&&(t.mpAwardCatalogFilterData.categories=Object.keys(a).map(function(t){return a[t]}))}),t.$watch(function(){return o.data.state},function(a){t.mpAwardCatalogFilterData.notEnoughPoints=a.notEnoughPoints,t.mpAwardCatalogFilterData.outOfStock=a.outOfStock})}angular.module("myProximus.glp.award").directive("mpAwardCatalogFilter",t),t.$inject=[],a.$inject=["$scope","AwardCatalogService","AwardCatalogFilterService"]}();

!function(){"use strict";function t(t,e){function a(a){if(a)O.data.state=a,v();else{var o=e.getObject("filterState");_.isObject(o)?O.data.state=o:O.data.state={selectedCategories:[],notEnoughPoints:t.data.loyaltyPoints<O.data.threshold,outOfStock:!1}}}function o(t){f(t);var e=t;O.data.state.outOfStock||(e=d(e)),O.data.state.notEnoughPoints||(e=u(e));var a=e;return O.data.state.selectedCategories.length>0&&(e=l(e)),O.data.filteredCategories=g(a),e}function i(t){var e=O.data.state.selectedCategories.indexOf(t.id);e===-1?O.data.state.selectedCategories.push(t.id):O.data.state.selectedCategories.splice(e,1),v()}function n(t){O.data.threshold=t}function r(t){O.data.state.notEnoughPoints=!!t,v()}function s(t){O.data.state.outOfStock=!!t,v()}function c(){var e={outOfStock:!1,notEnoughPoints:t.data.loyaltyPoints<O.data.threshold,selectedCategories:[]};O.data.state=e,v()}function d(t){return _.filter(t,function(t){return t.inStock})}function u(e){return _.filter(e,function(e){return e.minPoints<=t.data.loyaltyPoints})}function l(t){return _.filter(t,function(t){var e=!1;return _.forEach(t.categories,function(t){e||(e=!_.isEqual(O.data.state.selectedCategories.indexOf(t.id),-1))}),e})}function f(t){O.data.categories=h(t),C()}function g(t){var e=O.data.categories,a={};for(var o in e)e.hasOwnProperty(o)&&(a[o]={id:e[o].id,label:e[o].label,selected:!1,count:0});var i=h(t);return i=_.merge(a,i),_.forEach(O.data.state.selectedCategories,function(t){i[t]&&(i[t].selected=!0)}),i}function h(t){var e={};return _.forEach(t,function(t){_.forEach(t.categories,function(t){e[t.id]?e[t.id].count+=1:e[t.id]={id:t.id,label:t.label,count:1,selected:!1}})}),e}function v(){return e.setObject("filterState",O.data.state)}function C(){_.forEach(O.data.state.selectedCategories,function(t){if(!O.data.categories[t]){var e=O.data.state.selectedCategories.indexOf(t);O.data.state.selectedCategories.splice(e,1)}})}var O={initState:a,setNotEnoughPoints:r,setOutOfStock:s,setThreshold:n,toggleSelectedCategory:i,filterAwards:o,resetFilters:c,data:{categories:void 0,filteredCategories:void 0,threshold:void 0,state:{selectedCategories:[],notEnoughPoints:!1,outOfStock:!1}}};return O}angular.module("myProximus.glp.award").factory("AwardCatalogFilterService",t),t.$inject=["AwardPricePlanService","$sessionStorage"]}();

!function(){"use strict";function a(){var a={restrict:"A",controller:e,templateUrl:"/awardDetailTemplate"};return a}function e(a,e,t,i,l,r,n,d,c,o,s,D,m,w,p,A,u){function P(e){e.deviceTechnicalDetails&&!_.isEmpty(e.deviceTechnicalDetails.images)&&(a.mpAwardDetailData.showAwardCarousel=!0)}function E(){var a={windowClass:"rs-reveal-modal-mobile",templateUrl:"/loyaltyEmailOverlayTemplate",controller:"emailOverlayController"};r.open(a)}function T(){var e={windowClass:"rs-reveal-modal-mobile",templateUrl:"/awardImagesCarouselTemplate",controller:"awardImagesCarouselController",resolve:{mpAwardDetailData:function(){return a.mpAwardDetailData}}};r.open(e)}function y(e){return!e.eligible||a.mpAwardDetailData.loyaltyContactEmailMissing||!a.mpAwardDetailData.isEligible}function g(e){return a.mpAwardDetailData.selectedPricePlanDTO.pricePlan&&_.isEqual(e.points,a.mpAwardDetailData.selectedPricePlanDTO.pricePlan.points)&&e.eligible}function f(){return a.mpAwardDetailData.isAnyPricePlanEligibleForAward&&!a.mpAwardDetailData.loyaltyContactEmailMissing&&(a.mpAwardDetailData.isEligible||a.mpAwardDetailData.notVodEligible)}function O(){a.mpAwardDetailData.selectedPricePlanDTO={stockQuantitySelection:[1],selectedQuantity:1,pricePlan:void 0},a.mpAwardDetailData.showTotal=!1,a.mpAwardDetailData.orderButtonEnabled=!1}function h(t,i,l){e.birthdayAwardId?a.mpAwardDetailData.selectedPricePlanDTO=d.getSelectedPricePlanDTO(t,i,l,!0):a.mpAwardDetailData.selectedPricePlanDTO=d.getSelectedPricePlanDTO(t,i,l),a.mpAwardDetailData.showTotal=!0,a.mpAwardDetailData.orderButtonEnabled=!0,_.max(a.mpAwardDetailData.selectedPricePlanDTO.stockQuantitySelection)<1&&(a.mpAwardDetailData.award.notVodEligible=!0)}function v(){_.isUndefined(a.mpAwardDetailData.selectedPricePlanDTO.pricePlan)||i.dispatch(c.START_AWARD_ORDER_FLOW.EVENT,{selectedPricePlanDTO:a.mpAwardDetailData.selectedPricePlanDTO})["catch"](function(){p.dispatchWithAttributes("primary","myAdvantages.messages.technicalError.awardDetailOrder")})}function b(){u.go(d.data.isBirthdayAward?"glp.birthday":"glp.awards")}function I(a){_.isUndefined(a)||a.eligibleRedeem||A.showInformation("myProximus.myAdvantages.messages","myAdvantages.messages.info.notEligibleToRedeem",A.DISPLAY_CONTEXT.AUTO_REMOVE)}function C(){var e=d.data.award;if(e&&_.isEqual(e.awardId,k)){if(a.mpAwardDetailData.isEligible=D.data.awardsEligibility||e.eligibleRedeem,a.mpAwardDetailData.award=e,I(e),m.setBreadcrumbDynamicObject({title:e.mainTitle,stateDetail:{awardId:k}},"awardDetail"),S(e),P(e),U(e),q&&a.selectPricePlan(e,o.data.selectedPricePlanDTO.pricePlan,o.data.selectedPricePlanDTO.selectedQuantity),!_.isUndefined(a.mpAwardDetailData.selectedPricePlanDTO)&&!_.isUndefined(a.mpAwardDetailData.selectedPricePlanDTO.pricePlan)){var t=_.find(e.pricePlans,function(e){return _.isEqual(e.points,a.mpAwardDetailData.selectedPricePlanDTO.pricePlan.points)&&_.isEqual(e.cash,a.mpAwardDetailData.selectedPricePlanDTO.pricePlan.cash)});_.isUndefined(t)&&O()}_.isUndefined(e.inStock)||(a.mpAwardDetailData.isAnyPricePlanEligibleForAward=R(e),e.stock.quantity<_.max(a.mpAwardDetailData.selectedPricePlanDTO.stockQuantitySelection)&&(h(e,a.mpAwardDetailData.selectedPricePlanDTO.pricePlan,e.stock.quantity),l.emitMessage("stockLowered"))),$(),n(function(){inception.tabnav()})}}function S(e){e.deviceTechnicalDetails&&e.deviceTechnicalDetails.technicalDetails&&(a.mpAwardDetailData.showAndroidImage=_.includes(e.deviceTechnicalDetails.technicalDetails.os,"Android"))}function U(e){_.isUndefined(e.vodOrderEligibility)&&_.isEqual(e.type,V)?i.dispatch(c.GET_VOD_ORDER_ELIGIBILITY.EVENT,{awardId:k}).then(function(a){C()},function(e){_.isEqual(e.status,404)?a.mpAwardDetailData.notVodEligible=!0:a.mpAwardDetailData.componentError=t.error}):_.isEqual(e.type,V)||(e.vodOrderEligibility={})}function R(a){return a.inStock&&_.some(a.pricePlans,{eligible:!0})&&!_.isUndefined(a.vodOrderEligibility)}function $(){if(1===a.mpAwardDetailData.award.pricePlans.length&&R(a.mpAwardDetailData.award)){var e=a.mpAwardDetailData.selectedPricePlanDTO.selectedQuantity||1;a.selectPricePlan(a.mpAwardDetailData.award,a.mpAwardDetailData.award.pricePlans[0],e)}}var B,V="BELGACOM_DIGITAL_TV",k=e.awardId;e.awardId?B=c.GET_AWARD_DETAIL.EVENT:e.birthdayAwardId&&(B=c.GET_BIRTHDAYAWARD_DETAIL.EVENT,k=e.birthdayAwardId),i.dispatch(B,{awardId:k})["catch"](function(e){_.includes([400,401,403,404],e.status)&&u.go("glp.awards",{eligible:!1}),a.mpAwardDetailData.componentError=t.error}),a.selectPricePlan=h,a.orderAward=v,a.isPricePlanDisabled=y,a.isPricePlanSelected=g,a.showQuantitySelection=f,a.showEmailOverlay=E,a.showAwardImageOverlay=T,a.goBack=b,a.mpAwardDetailData={componentError:void 0,showTotal:!1,orderButtonEnabled:!1,isEligible:!1,award:void 0,isAnyPricePlanEligibleForAward:!1,showAwardCarousel:!1,selectedPricePlanDTO:{stockQuantitySelection:[1],selectedQuantity:1,isBirthdayAward:!!e.birthdayAwardId},loyaltyContactEmailMissing:!1};var q=!_.isUndefined(o.data.selectedPricePlanDTO)&&!_.isUndefined(o.data.selectedPricePlanDTO.award)&&_.isEqual(o.data.selectedPricePlanDTO.award.awardId,k);a.$watch(function(){return d.data.award},C),a.$watch(function(){return s.data.loyaltyContactEmail},function(e){_.isEmpty(e)||(a.mpAwardDetailData.loyaltyContactEmailMissing=!1)}),i.dispatch(w.GET_CONTACT_EMAIL.EVENT,{contactContext:"loyalty"}).then(function(e){_.isEmpty(e.contactEmail)&&!_.isNull(e.contactEmail)&&(a.mpAwardDetailData.loyaltyContactEmailMissing=!0)},function(a){console.error(a)})}angular.module("myProximus.glp.award").directive("mpAwardDetail",a),a.$inject=[],e.$inject=["$scope","$stateParams","$attrs","$commangular","$eventBus","$modal","$timeout","AwardDetailService","AwardCommandConfig","AwardOrderingService","EmailContactService","AwardCatalogService","BreadcrumbService","CommonCommandConfig","$errorService","NotificationService","$state"]}();

!function(){"use strict";function t(){var t={require:"^mpAwardDetail",restrict:"A",controller:i,templateUrl:"/awardDetailAnchorNavigationTemplate"};return t}function i(t){function i(){inceptionSticky.reset()}t.makeNavigationSticky=i}angular.module("myProximus.glp.award").directive("mpAwardDetailAnchorNavigation",t),t.$inject=[],i.$inject=["$scope"]}();

!function(){"use strict";function e(){var e={require:"^mpAwardDetail",restrict:"A",controller:r,templateUrl:"/awardDetailFeaturesTemplate"};return e}function r(){}angular.module("myProximus.glp.award").directive("mpAwardDetailFeatures",e),e.$inject=[],r.$inject=[]}();

!function(){"use strict";function a(a,n,e){function l(){n.dismiss("cancel")}a.mpAwardDetailData=e,a.cancel=l}angular.module("myProximus.glp.award").controller("awardImagesCarouselController",a),a.$inject=["$scope","$modalInstance","mpAwardDetailData"]}();

!function(){"use strict";function e(){var e={restrict:"A",controller:t,templateUrl:"/awardTechnicalDetailTemplate"};return e}function t(e){function t(e){return _.isString(e)&&(e=e.replace(",",".")),e<.4?"A":e>=.4&&e<.8?"B":e>=.8&&e<1.2?"C":e>=1.2&&e<1.6?"D":e>=1.6&&e<=2?"E":void 0}e.mpAwardTechnicalDetailData={getSarType:t}}angular.module("myProximus.glp.award").directive("mpAwardTechnicalDetail",e),e.$inject=[],t.$inject=["$scope"]}();

!function(){"use strict";function e(){var e={restrict:"A",replace:!0,scope:{label:"@",key:"@",value:"=",valueTemplate:"@"},controller:a,templateUrl:"/awardTechnicalDetailEntryTemplate"};return e}function a(e,a){function l(l){return _.isUndefined(e.valueTemplate)||_.isEmpty(e.valueTemplate)?l:a.replacePlaceholders(e.valueTemplate,[l])}e.atdd={label:e.label,key:e.key,valueTemplate:e.valueTemplate,getProcessedLabel:l,parent:e.$parent}}angular.module("myProximus.glp.award").directive("mpAwardTechnicalDetailEntry",e),e.$inject=[],a.$inject=["$scope","TranslationService"]}();

!function(){angular.module("myProximus.glp.award.templates",[]).run(["$templateCache",function(a){a.put("/awardCatalogTemplate",'  <span>\r\n\r\n    <div data-ng-if="mpAwardCatalogData.componentError"\r\n         data-mp-error="{{mpAwardCatalogData.componentError}}" />\r\n\r\n    <div class="row" data-ng-if="!mpAwardCatalogData.componentError">\r\n      <div class="columns small-12">\r\n\r\n        <div class="alert-box" data-alert=""\r\n             data-ng-if="mpAwardCatalogData.showNoAwardsAlert">\r\n          <div class="row">\r\n            <div class="rs-auto"><i class="icon-Information-box icon-2x rs-txt-pp1"></i></div>\r\n            <div class="rs-last">\r\n              <div class="rs-txt-pp1 rs-txt-s6">Het spijt ons</div>\r\n              <p>\r\n                Er zijn geen geschenken die voldoen aan deze selectie. Gelieve een andere keuze te maken.\r\n                <a data-ng-click="resetFilter()"\r\n                   data-mp-analytics-element-clicked=\'Stel de filter opnieuw in.\'\r\n                   data-location="awardCatalogFilter"\r\n                   data-action="resetFilter">\r\n                  Stel de filter opnieuw in.\r\n                  <i class="icon-Refresh rs-margin-left1"></i>\r\n                </a>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="alert-box warning" data-alert=""\r\n             data-ng-if="mpAwardCatalogData.showBadPayerAlert">\r\n                <div class="row">\r\n                  <div class="rs-auto"><i class="icon-Warning-box icon-2x rs-txt-error"></i></div>\r\n                  <div class="rs-last">\r\n                    <div class="rs-txt-error rs-txt-s6">Het spijt ons</div>\r\n                    <p>\r\n                      U kan tijdelijk geen punten inruilen omdat één of meerdere facturen nog niet betaald werden. Voor meer info bekijk het overzicht van uw facturen in MyProximus. Bedankt                \r\n                    </p>\r\n                  </div>\r\n                </div>\r\n        </div>\r\n\r\n        <ul class="small-block-grid-1 medium-block-grid-3"\r\n            data-ng-if="mpAwardCatalogData.showAwardsOverview">\r\n          <li data-ng-repeat="award in mpAwardCatalogData.processedAwards"\r\n              data-ng-init="awardindex=$index;"\r\n              data-mp-equalize>\r\n            <div data-mp-award-item class="awarditem"></div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n\r\n    </span>\r\n'),a.put("/awardCatalogMessageTemplate",'  <div data-ng-if="mpAwardCatalogMessageData.messages" class="row">\r\n    <div class="small-12 columns">\r\n      <div data-alert="" class="alert-box warning">\r\n        <div class="row">\r\n          <div class="rs-auto"><i class="icon-Warning-box icon-2x rs-txt-error"></i></div>\r\n          <div class="rs-last">\r\n            <div class="rs-txt-error rs-txt-s6"></div>\r\n            <p data-ng-repeat="message in mpAwardCatalogMessageData.messages">{{message.text}}</p>\r\n          </div>\r\n        </div>\r\n        <a data-ng-click="closeMessage()"\r\n           data-mp-analytics-element-clicked=\'*\'\r\n           data-location="awardCatalogMessage"\r\n           data-action="closeAwardCatalogMessage"\r\n           class="close rs-link-no-decoration">×</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n'),a.put("/birthdayAwardsTemplate",'\r\n  <div data-ng-if="!mpBirthdayAwardsData.showBirthdayAwards && !mpBirthdayAwardsData.componentError"\r\n  data-mp-loading-indicator="" data-timeout="500" />\r\n\r\n  <div class="row" data-ng-if="mpBirthdayAwardsData.showBirthdayAwards">\r\n    <div class="small-12 medium-6 columns">\r\n      <img src="/resources/cdn/brand/images/woman_happy_birthday_cake_candles-s.jpg" class="show-for-small-only" alt="happy birthday">\r\n      <h1>Bizz Club is blij om u een geschenk aan te bieden bij deze gelegenheid.</h1>\r\n      <h2 data-ng-if="mpBirthdayAwardsData.birthdayAwards.length === 1">\r\n        Maak uw keuze uit dit cadeau</h2>\r\n      <h2 data-ng-if="mpBirthdayAwardsData.birthdayAwards.length > 1"\r\n          mp-template="{{\'Maak uw keuze uit deze {0} geschenken\' |\r\n      replacePlaceholders : [mpBirthdayAwardsData.birthdayAwards.length]}}"></h2>\r\n      <ul class="small-block-grid-1 medium-block-grid-1">\r\n        <li data-ng-repeat="award in mpBirthdayAwardsData.birthdayAwards"\r\n            data-ng-init="awardindex=$index;"\r\n            data-mp-equalize>\r\n          <a ng-click="orderBirthdayAward(award)"\r\n             data-mp-analytics-element-clicked=\'{{award.title}}\'\r\n             data-location="birthdayAwards"\r\n             data-action="selectAward"\r\n             class="rs-link-no-decoration">\r\n            <div class="panel rs-border-ps2 rs-border-hover-pp1 rs-radius clearfix">\r\n              <!--SMALL-->\r\n              <div class="row">\r\n                <div class="small-4 medium-2 columns">\r\n                  <img class="dynamicImage"\r\n                       data-mp-lazy-image="{{award.image.sourceLocation}}"\r\n                       src=\'/resources/cdn/images/loader.gif\'\r\n                       alt="{{award.title}}"/>\r\n                </div>\r\n                <div class="small-8 medium-10 columns">\r\n                  <h3 class="rs-tit4 rs-inline-block">{{award.title}}</h3>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n\r\n  <div class="row" data-ng-if="!mpBirthdayAwardsData.showBirthdayAwards && mpBirthdayAwardsData.componentError">\r\n    <div class="small-12 medium-6 columns" data-ng-switch="mpBirthdayAwardsData.componentError.errorData.code">\r\n      <img src="/resources/cdn/brand/images/woman_happy_birthday_cake_candles-s.jpg" class="show-for-small-only" alt="happy birthday">\r\n      <h1 data-ng-switch-when="45">No Eligible Awards for this member. (NL)</h1>\r\n      <h2 data-ng-switch-when="45" class="rs-txt-c1">\r\n        See you next year! (NL)</h2>\r\n      <h1 data-ng-switch-when="64">U hebt reeds een Bizz Club-verjaardagsgeschenk gekozen. U hebt recht op één geschenk per jaar.</h1>\r\n      <h2 data-ng-switch-when="64" class="rs-txt-c1">\r\n        </h2>\r\n      <h1 data-ng-switch-when="65">Geen geschenk beschikbaar voor deze periode.</h1>\r\n      <h2 data-ng-switch-when="65" class="rs-txt-c1">\r\n        Tot volgend jaar !</h2>\r\n      <h1 data-ng-switch-when="66">Er is geen geschenk beschikbaar voor u.</h1>\r\n      <h2 data-ng-switch-when="66" class="rs-txt-c1">\r\n        Tot volgend jaar!</h2>\r\n      <h2 ng-switch-default class="rs-txt-c1">\r\n        Het spijt ons, om technische redenen buiten onze wil, is deze dienst tijdelijk niet beschikbaar. Gelieve later opnieuw te proberen.</h2>\r\n    </div>\r\n  </div>\r\n\r\n'),a.put("/awardCatalogFilterTemplate",'  <div class="show-for-medium-down">\r\n    <p class="text-right">\r\n      <a data-ng-click="resetFilter()"\r\n         data-mp-analytics-element-clicked=\'Opnieuw instellen\'\r\n         data-location="awardFilter"\r\n         data-action="reinitializeFilter">\r\n        Opnieuw instellen\r\n        <i class="icon-Refresh rs-margin-left1"></i>\r\n      </a>\r\n    </p>\r\n  </div>\r\n\r\n  <div class="show-for-medium-down">\r\n    <a data-ng-click="toggleFilter()" class="rs-btn rs-wide rs-margin-bottom2 rs-btn-large"\r\n       data-classtoggle="show-for-large-up">\r\n      Filter\r\n      <i class="icon-Arrow-navigation rs-txt-c2 rs-margin-left1"></i>\r\n    </a>\r\n  </div>\r\n\r\n  <div id="searchFilter" class="panel rs-bg-pt1 show-for-large-up">\r\n\r\n    <h5 class="rs-txt-c1">Filter</h5>\r\n\r\n    <p class="text-right">\r\n      <a data-ng-click="resetFilter()"\r\n         data-mp-analytics-element-clicked=\'Opnieuw instellen\'\r\n         data-location="awardFilter"\r\n         data-action="reinitializeFilter">\r\n        Opnieuw instellen\r\n        <i class="icon-Refresh rs-margin-left1"></i>\r\n      </a>\r\n    </p>\r\n\r\n    <div class="rs-label-radio">\r\n      <h6 class="rs-label rs-txt-pp1"\r\n          data-qtp-value="TypeOfAward">Categorieën\r\n      </h6>\r\n      <label for="category{{$index}}" class="rs-checkbox"\r\n             data-ng-repeat="category in mpAwardCatalogFilterData.categories | orderBy:\'label\'"\r\n             data-ng-class="{\'rs-txt-pt3\': greyOutCategory(category)}"\r\n             data-qtp-element="awardCatalogFilter{{category.id}}">\r\n\r\n        <input id="category{{$index}}" type="checkbox"\r\n               data-ng-disabled="category.count == 0"\r\n               data-ng-click="toggleSelectedCategory(category)"\r\n               data-ng-checked="category.selected"\r\n               data-mp-analytics-form-element-selected="{{category.id}}"\r\n               data-location="awardCatalogFilter"\r\n               autocomplete="off"\r\n               data-qtp-input="awardCatalogFilterCheckbox{{category.id}}">\r\n\r\n        <span data-ng-bind="category.label"></span>\r\n        (<span data-ng-bind="category.count"></span>)\r\n\r\n      </label>\r\n\r\n    </div>\r\n    <div class="rs-label-radio">\r\n      <h6 class="rs-label rs-txt-pp1">Beschikbaarheid</h6>\r\n      <label for="outOfStockCheckBox" class="rs-checkbox">\r\n        <input id="outOfStockCheckBox" type="checkbox"\r\n               data-ng-model="mpAwardCatalogFilterData.outOfStock" data-ng-change="handleOutOfStock()"\r\n               data-qtp-input="OutOfStockCbx"\r\n               data-mp-analytics-form-element-selected="outOfStockCheckBox"\r\n               data-location="awardCatalogFilter"\r\n               autocomplete="off">\r\n        Toon ook wat niet in stock is\r\n      </label>\r\n    </div>\r\n    <div class="rs-label-radio">\r\n      <h6 class="rs-label rs-txt-pp1">Punten</h6>\r\n      <label for="notEnoughPointsCheckbox" class="rs-checkbox">\r\n        <input id="notEnoughPointsCheckbox" type="checkbox"\r\n               data-ng-model="mpAwardCatalogFilterData.notEnoughPoints" data-ng-change="handleNotEnoughPoints()"\r\n               data-qtp-input="NotEnoughPointsCbx"\r\n               data-mp-analytics-form-element-selected="notEnoughPointsCheckbox"\r\n               data-location="awardCatalogFilter"\r\n               autocomplete="off" >\r\n        Toon ook geschenken waarvoor ik niet over voldoende punten beschik\r\n      </label>\r\n    </div>\r\n  </div>\r\n'),a.put("/awardDetailTemplate",'\r\n  <div data-ng-if="mpAwardDetailData.componentError"\r\n       data-mp-error="{{mpAwardDetailData.componentError}}"/>\r\n\r\n  <div data-ng-if="!mpAwardDetailData.componentError">\r\n    <section class="rs-product-header-small" data-tms-id="”TMS_PRODUCTHEADER">\r\n\r\n      <div class="rs-fe"></div>\r\n      <div class="row">\r\n        <div class="small-12 medium-4 columns">\r\n\r\n          <div data-ng-if="mpAwardDetailData.showAwardCarousel"\r\n               data-mp-carousel=""\r\n               when="mpAwardDetailData.award.deviceTechnicalDetails.images"\r\n               dots="true"\r\n               touch="true"\r\n               jump="true"\r\n               width="0,1" class="jsrs-carousel show-for-medium-up">\r\n            <li data-ng-repeat="image in mpAwardDetailData.award.deviceTechnicalDetails.images"\r\n                class="text-center">\r\n              <img class="show-for-medium-up" alt="{{::image.title}}"\r\n                   data-qtp-value="AwardDetailBigAwardImage{{mpAwardDetailData.award.awardId}}"\r\n                   data-ng-src="{{::image.url}}">\r\n\r\n              <div class="rs-pos-tl rs-margin1 show-for-medium-up"\r\n                   data-qtp-value="AwardDetailNewIndicator{{mpAwardDetailData.award.awardId}}">\r\n                <img data-ng-if="mpAwardDetailData.award.new"\r\n                     alt=\'Nieuw\'\r\n                     src=\'/resources/cdn/images/patches/new-nl.png\'>\r\n                <br data-ng-if="mpAwardDetailData.award.new">\r\n                <img data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'"\r\n                     src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/4G_prox_small.png\'\r\n                     alt=\'4g image\'\r\n                     class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n                <br data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'">\r\n                <img data-ng-if="mpAwardDetailData.showAndroidImage"\r\n                     src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/android.jpg\'\r\n                     alt=\'Android image\'\r\n                     class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n              </div>\r\n            </li>\r\n          </div>\r\n\r\n          <img data-ng-if="!mpAwardDetailData.showAwardCarousel" class="show-for-medium-up"\r\n               alt="{{::mpAwardDetailData.award.title}}"\r\n               data-qtp-value="AwardDetailBigAwardImage{{mpAwardDetailData.award.awardId}}"\r\n               data-ng-src="{{::mpAwardDetailData.award.image.sourceLocation}}">\r\n\r\n          <div data-ng-if="!mpAwardDetailData.showAwardCarousel" class="rs-pos-tl rs-margin1 show-for-medium-up"\r\n               data-qtp-value="AwardDetailNewIndicator{{mpAwardDetailData.award.awardId}}">\r\n            <img data-ng-if="mpAwardDetailData.award.new"\r\n                 alt=\'Nieuw\'\r\n                 src=\'/resources/cdn/images/patches/new-nl.png\'>\r\n            <br data-ng-if="mpAwardDetailData.award.new">\r\n            <img data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'"\r\n                 src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/4G_prox_small.png\'\r\n                 alt=\'4g image\'\r\n                 class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n            <br data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'">\r\n            <img data-ng-if="mpAwardDetailData.showAndroidImage"\r\n                 src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/android.jpg\'\r\n                 alt=\'Android image\'\r\n                 class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n          </div>\r\n\r\n          <div class="show-for-small-only rs-margin-bottom2">\r\n            <h1 data-qtp-value="AwardDetailTitle{{mpAwardDetailData.award.awardId}}">\r\n              {{::mpAwardDetailData.award.title}}</h1>\r\n\r\n            <div class="row">\r\n              <div class="small-4 columns">\r\n\r\n                <div class="rs-pos-rel">\r\n                  <a data-reveal="" class="jsrs-smallModalCarousel" data-reveal-id="smallModalCarousel"\r\n                     data-mp-analytics-element-clicked=\'showAwardImages\'\r\n                     data-location="awardDetails"\r\n                     data-action="showAwardImages">\r\n                    <img data-ng-if="mpAwardDetailData.showAwardCarousel"\r\n                         data-ng-click="showAwardImageOverlay()"\r\n                         data-ng-src="{{mpAwardDetailData.award.deviceTechnicalDetails.images[0].url}}"\r\n                         alt="{{mpAwardDetailData.award.deviceTechnicalDetails.images[0].title}}"\r\n                         width="150px" class="rs-no-margin-bottom" draggable="false" unselectable="on"\r\n                         style="-webkit-user-select: none;">\r\n                    <img data-ng-if="!mpAwardDetailData.showAwardCarousel"\r\n                         data-ng-click="showAwardImageOverlay()"\r\n                         alt="{{::mpAwardDetailData.award.title}}"\r\n                         data-qtp-value="AwardDetailBigAwardImage{{mpAwardDetailData.award.awardId}}"\r\n                         data-ng-src="{{::mpAwardDetailData.award.image.sourceLocation}}">\r\n                  </a>\r\n\r\n                  <div class="rs-pos-tl">\r\n                    <img data-ng-if="mpAwardDetailData.award.new"\r\n                         alt=\'Nieuw\'\r\n                         src=\'/resources/cdn/images/patches/new-small-en.png\'>\r\n                  </div>\r\n                  <a data-reveal="" class="jsrs-smallModalCarousel" data-reveal-id="smallModalCarousel"\r\n                     data-mp-analytics-element-clicked=\'showAwardImages\'\r\n                     data-location="awardDetails"\r\n                     data-action="showAwardImages">\r\n                    <div class="rs-pos-br" data-ng-click="showAwardImageOverlay()"><i\r\n                      class="icon-lh icon-Magnify icon-2x rs-txt-pp1"></i></div>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n              <div class="small-8 columns">\r\n                <p class="rs-txt-s5" data-qtp-value="AwardDetailDescription{{mpAwardDetailData.award.awardId}}">\r\n                  {{::mpAwardDetailData.award.summary}}</p>\r\n\r\n                <p class="rs-no-padding-bottom">\r\n                  <img data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'"\r\n                       src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/4G_prox_small.png\'\r\n                       alt=\'4g image\'\r\n                       class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n                  <img data-ng-if="mpAwardDetailData.showAndroidImage"\r\n                       src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/android.jpg\'\r\n                       alt=\'Android image\'\r\n                       class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n                </p>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div class="small-12 medium-8 columns">\r\n\r\n          <h1 class="show-for-medium-up rs-has-subtit"\r\n              data-qtp-value="AwardDetailTitle{{mpAwardDetailData.award.awardId}}">\r\n            {{::mpAwardDetailData.award.title}}\r\n          </h1>\r\n\r\n          <p class="rs-txt-s5 show-for-medium-up"\r\n             data-qtp-value="AwardDetailDescription{{mpAwardDetailData.award.awardId}}">\r\n            {{::mpAwardDetailData.award.summary}}\r\n          </p>\r\n\r\n          <p data-qtp-value="AwardDetailID{{mpAwardDetailData.award.awardId}}">\r\n            Ref.:\r\n            {{::mpAwardDetailData.award.awardId}}\r\n          </p>\r\n\r\n          <p data-ng-bind-html=\'mpAwardDetailData.award.description\'\r\n             data-qtp-value="AwardDetailFreeTextLabel{{mpAwardDetailData.award.awardId}}"></p>\r\n\r\n          <div class="row">\r\n            <div class="small-12 columns">\r\n              <div class="jsrs-resizerContainer" style="height: auto;">\r\n                <h5 data-ng-show="!mpAwardDetailData.selectedPricePlanDTO.isBirthdayAward">\r\n                  Punten\r\n                  <img ng-if="mpAwardDetailData.award.atLeastOnePromoPricePlan" data-qtp-value="promoImage{{mpAwardDetailData.award.awardId}}"\r\n                       class="rs-no-margin-bottom rs-margin-left1"\r\n                       src="/resources/cdn/images/patches/promo.png"\r\n                       alt="promo"\r\n                       draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n                </h5>\r\n\r\n                <div class="row" data-ng-show="!mpAwardDetailData.selectedPricePlanDTO.isBirthdayAward">\r\n\r\n                  <div class="small-12 columns"\r\n                       data-ng-repeat="pricePlan in mpAwardDetailData.award.pricePlans">\r\n\r\n                    <input type="radio" id="{{pricePlan.points}}" value="{{pricePlan.points}}"\r\n                           name="{{pricePlan.points}}"\r\n                           data-ng-disabled="isPricePlanDisabled(pricePlan) || !mpAwardDetailData.isAnyPricePlanEligibleForAward"\r\n                           data-ng-checked="isPricePlanSelected(pricePlan)"\r\n                           data-ng-click="selectPricePlan(mpAwardDetailData.award, pricePlan)"\r\n                           data-mp-analytics-form-element-selected="awardPricePlan"\r\n                           data-location="awardDetail"\r\n                           autocomplete="off"\r\n                           data-qtp-input="AwardDetailRdb{{mpAwardDetailData.award.awardId}}-{{$index}}">\r\n\r\n                    <label for="{{pricePlan.points}}"\r\n                           data-ng-class="{\'rs-txt-pt2\': isPricePlanDisabled(pricePlan) || !mpAwardDetailData.isAnyPricePlanEligibleForAward} ">\r\n\r\n                      <del data-ng-if="pricePlan.promo" class="rs-nowrap rs-margin-right1" data-qtp-value="promoPrice{{mpAwardDetailData.award.awardId}}-{{$index}}">\r\n                        {{pricePlan.formattedPoints}} ptn\r\n\r\n                        <span data-ng-if="pricePlan.formattedCash">\r\n                          + {{pricePlan.formattedCash}}\r\n                        </span>\r\n                      </del>\r\n\r\n                      <span class="rs-font-pxB rs-nowrap"\r\n                            data-qtp-value="AwardDetailPointsValue{{mpAwardDetailData.award.awardId}}-{{$index}}"\r\n                            data-ng-class="{\'rs-txt-ps3\': !isPricePlanDisabled(pricePlan) && mpAwardDetailData.isAnyPricePlanEligibleForAward && !pricePlan.promo,\r\n                                            \'rs-txt-promo\': pricePlan.promo}">{{pricePlan.promo ? pricePlan.promoFormattedPoints : pricePlan.formattedPoints}} ptn</span>\r\n\r\n                      <span class="rs-nowrap"\r\n                            data-ng-class="{\'rs-txt-promo\' : pricePlan.promo}"\r\n                            data-qtp-value="AwardDetailCashValue{{mpAwardDetailData.award.awardId}}-{{$index}}"\r\n                            data-ng-if="pricePlan.promo ? pricePlan.promoFormattedCash : pricePlan.formattedCash">+ {{pricePlan.promo ? pricePlan.promoFormattedCash : pricePlan.formattedCash}}</span>\r\n                    </label>\r\n\r\n                  </div>\r\n\r\n                </div>\r\n\r\n                <div class="row" data-ng-show="!mpAwardDetailData.selectedPricePlanDTO.isBirthdayAward">\r\n                  <div data-ng-if="showQuantitySelection()" class="small-6 medium-4 large-3 columns">\r\n                    <p class="rs-padding-top1">\r\n                      Hoeveelheid:\r\n                    </p>\r\n                  </div>\r\n                  <div data-ng-if="showQuantitySelection()" class="small-3 medium-2 large-2 columns">\r\n                    <label>\r\n                      <select\r\n                        data-ng-options="quantity as quantity for quantity in mpAwardDetailData.selectedPricePlanDTO.stockQuantitySelection"\r\n                        data-ng-model="mpAwardDetailData.selectedPricePlanDTO.selectedQuantity"\r\n                        ng-model-options="{ debounce: 300 }"\r\n                        data-qtp-input="AwardDetailQuantitySelector{{mpAwardDetailData.award.awardId}}"\r\n                        data-mp-analytics-form-element-selected="awardQuantity"\r\n                        data-location="awardDetail"\r\n                        data-ng-change="selectPricePlan(mpAwardDetailData.award, mpAwardDetailData.selectedPricePlanDTO.pricePlan, mpAwardDetailData.selectedPricePlanDTO.selectedQuantity)">\r\n                      </select>\r\n                    </label>\r\n                  </div>\r\n                  <div class="small-3 medium-6 large-7 columns">\r\n                    <p class="rs-padding-top1">\r\n                      <span data-mp-award-stock award="mpAwardDetailData.award"></span>\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div class="row">\r\n                  <div class="small-12 medium-6 large-8 columns" data-ng-show="!mpAwardDetailData.selectedPricePlanDTO.isBirthdayAward">\r\n                    <p data-ng-if=\'mpAwardDetailData.showTotal\' class="rs-txt-s4 rs-font-pxB">\r\n                      Totaal:\r\n                      <span data-qtp-value="AwardDetailAllPointsValue{{mpAwardDetailData.award.awardId}}">{{mpAwardDetailData.selectedPricePlanDTO.total.formattedPoints}} ptn</span>\r\n                      <span ng-show="mpAwardDetailData.selectedPricePlanDTO.total.cash > 0">+</span>\r\n                      <span ng-show="mpAwardDetailData.selectedPricePlanDTO.total.cash > 0"\r\n                        data-qtp-value="AwardDetailTotalCost{{mpAwardDetailData.award.awardId}}">{{mpAwardDetailData.selectedPricePlanDTO.total.formattedCash}}</span>\r\n                      <span ng-show="mpAwardDetailData.selectedPricePlanDTO.total.cash > 0"\r\n                        data-mp-vat-text></span>\r\n                    </p>\r\n\r\n                    <p data-ng-show="mpAwardDetailData.selectedPricePlanDTO.pricePlan"\r\n                      data-qtp-value="AwardDetailNewPointsBalance{{mpAwardDetailData.award.awardId}}">\r\n                      {{ \'Je resterende puntensaldo na bestelling: {0} punten\' | replacePlaceholders :\r\n                      [mpAwardDetailData.selectedPricePlanDTO.formattedRemainingPoints] }}\r\n                    </p>\r\n                  </div>\r\n                  <div class="small-12 medium-6 large-4 columns">\r\n                    <div class="text-right">\r\n                      <a  data-ng-if="showQuantitySelection()"\r\n                        data-ng-class="{\'rs-btn-disabled\':!mpAwardDetailData.orderButtonEnabled}"\r\n                        data-ng-disabled="!mpAwardDetailData.orderButtonEnabled"\r\n                        data-ng-click="orderAward()"\r\n                        data-mp-analytics-element-clicked=\'Bestellen\'\r\n                        data-location="awardDetails"\r\n                        data-action="orderAward"\r\n                        class="rs-btn rs-btn-order rs-btn-large"\r\n                        data-qtp-event="AwardDetailOrderButton">\r\n                        Bestellen<i\r\n                        class="icon-Caddy icon-large rs-margin-left1"></i>\r\n                      </a>\r\n                      <a class="rs-link-no-decoration rs-margin-left1" data-ng-click="goBack()">Terug</a>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n\r\n\r\n          <div data-ng-if="mpAwardDetailData.notVodEligible" class="row">\r\n            <div class="large-12 columns">\r\n              <div data-alert="" class="alert-box">\r\n                <div class="row">\r\n                  <div class="rs-auto"><i class="icon-Information-box icon-2x rs-txt-pp1"></i></div>\r\n                  <div class="rs-last">\r\n                    <div class="rs-txt-pp1 rs-txt-s6">\r\n                      Het aantal credits is gelimiteerd\r\n                    </div>\r\n                    <p>\r\n                      Je kan dit geschenk niet bestellen omdat je het maximum aantal credits (20) overschrijdt of zal overschrijden.\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div data-ng-if="mpAwardDetailData.loyaltyContactEmailMissing" class="row">\r\n            <div class="large-12 columns">\r\n              <div data-alert="" class="alert-box">\r\n                <div class="row">\r\n                  <div class="rs-auto"><i class="icon-Information-box icon-2x rs-txt-pp1"></i></div>\r\n                  <div class="rs-last">\r\n                    <div class="rs-txt-pp1 rs-txt-s6">\r\n                      We kennen uw e-mailadres niet\r\n                    </div>\r\n                    <p>\r\n                      We houden je via e-mail op de hoogte van je <span data-mp-load-dynamic-module="myProximus.glp.loyalty" data-dependencies="myProximus.common" data-directive="mp-loyalty-program-name"></span>-gegevens. Momenteel beschikken wij echter niet over uw e-mailadres, \r\n                      <a data-ng-click="showEmailOverlay()"\r\n                         data-mp-analytics-element-clicked=\' gelieve dit in te geven.\'\r\n                         data-location="awardDetails"\r\n                         data-action="openLoyaltyOptinOverlay"> gelieve dit in te geven.</a>\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div data-ng-if="mpAwardDetailData.award.deliveryType" class="row">\r\n            <div class="small-12 columns">\r\n              <div class="panel rs-bg-pt1">\r\n                <div class="row">\r\n                  <div class="rs-auto">\r\n                    <img alt="delivery" data-ng-src="{{mpAwardDetailData.award.deliveryIcon}}">\r\n                  </div>\r\n                  <div class="rs-last">\r\n                  <span data-ng-bind-html=\'mpAwardDetailData.award.deliveryType\'\r\n                        data-qtp-value="AwardDetailDeliveryInfo{{mpAwardDetailData.award.awardId}}"></span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class="row">\r\n        <div class="columns small-12 rs-product-header-overlap"></div>\r\n      </div>\r\n    </section>\r\n\r\n    <div data-mp-award-detail-anchor-navigation></div>\r\n\r\n    <div data-mp-award-detail-features></div>\r\n\r\n    <div data-mp-award-technical-detail></div>\r\n\r\n  </div>\r\n\r\n'),
a.put("/awardDetailAnchorNavigationTemplate",'\r\n  <section data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails"\r\n           data-ng-init="makeNavigationSticky()"\r\n           class="rs-sysnav jsrs-sysnav" data-tms-id="TMS_SYSNAV">\r\n    <div class="row hide-for-small">\r\n      <div class="columns small-12">\r\n        <ul class="jsrs-tabnav">\r\n          <li class="jsrs-clickable">\r\n            <a class=""\r\n               data-mp-analytics-element-clicked=\'Kenmerken\'\r\n               data-location="awardDetails"\r\n               data-action="showAwardFeatures"\r\n               data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.topFeatures"\r\n               href="#deviceFeatures">\r\n              Kenmerken\r\n            </a>\r\n          </li>\r\n          <span class="rs-border-ps1 rs-no-border-left"\r\n                data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.topFeatures && mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails"></span>\r\n          <li class="jsrs-clickable">\r\n            <a class=""\r\n               data-mp-analytics-element-clicked=\'Functies\'\r\n               data-location="awardDetails"\r\n               data-action="showAwardTechnicalDetails"\r\n               data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails"\r\n               href="#technicalDetails">\r\n              Functies\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n'),a.put("/awardDetailFeaturesTemplate",'\r\n  <section data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.topFeatures"\r\n           id="deviceFeatures" class="" data-tms-id="TMS_ZIGZAG">\r\n    <div class="rs-fe3"></div>\r\n      <div class="row">\r\n        <div class="small-12 medium-8 columns small-centered">\r\n          <h2 class="rs-tit2-sp rs-has-subtit">Kenmerken</h2>\r\n          <h3 class="rs-tit3-sp rs-txt-c1">Why choosing a Proximus plan? nl</h3>\r\n        </div>\r\n      </div>\r\n\r\n      <div class="row" data-ng-repeat="feature in mpAwardDetailData.award.deviceTechnicalDetails.topFeatures">\r\n        <div class="small-12 medium-6 columns">\r\n          <h4 data-ng-bind="feature.title"></h4>\r\n          <p data-ng-bind-html="feature.content"></p>\r\n        </div>\r\n        <div class="small-12 medium-6 columns">\r\n          <img style="-moz-user-select: none;" unselectable="on" draggable="false" alt=\"\"\r\n               data-ng-src="{{feature.url}}">\r\n        </div>\r\n      </div>\r\n      </div>\r\n    </div>\r\n    <div class="rs-le2"></div>\r\n  </section>\r\n\r\n\r\n\r\n\r\n'),a.put("/awardImagesCarouselTemplate",'\r\n        <div data-ng-if="mpAwardDetailData.showAwardCarousel" data-mp-carousel=""\r\n             when="mpAwardDetailData.award.deviceTechnicalDetails.images"\r\n             eagerrecreate="true"\r\n             autoplay="3000"\r\n             touch="true"\r\n             jump="true"\r\n             width="0,1"\r\n             class="jsrs-carousel">\r\n\r\n          <li data-ng-repeat="image in mpAwardDetailData.award.deviceTechnicalDetails.images"\r\n              class="text-center">\r\n            <img alt="{{::image.title}}"\r\n                 data-qtp-value="AwardDetailBigAwardImage{{mpAwardDetailData.award.awardId}}"\r\n                 data-ng-src="{{::image.url}}">\r\n\r\n            <div class="rs-pos-tl rs-margin1"\r\n                 data-qtp-value="AwardDetailNewIndicator{{mpAwardDetailData.award.awardId}}">\r\n              <img data-ng-if="mpAwardDetailData.award.new"\r\n                   alt=\'Nieuw\'\r\n                   src=\'/resources/cdn/images/patches/new-nl.png\'>\r\n              <br data-ng-if="mpAwardDetailData.award.new">\r\n              <img data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'"\r\n                   src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/4G_prox_small.png\'\r\n                   alt=\'4g image\'\r\n                   class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n              <br data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'">\r\n              <img data-ng-if="mpAwardDetailData.showAndroidImage"\r\n                   src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/android.jpg\'\r\n                   alt=\'Android image\'\r\n                   class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n            </div>\r\n          </li>\r\n        </div>\r\n\r\n        <img data-ng-if="!mpAwardDetailData.showAwardCarousel" alt="{{::mpAwardDetailData.award.mainTitle}}"\r\n             data-qtp-value="AwardDetailBigAwardImage{{mpAwardDetailData.award.awardId}}"\r\n             data-ng-src="{{::mpAwardDetailData.award.image.sourceLocation}}">\r\n\r\n        <div data-ng-if="!mpAwardDetailData.showAwardCarousel" class="rs-pos-tl rs-margin1"\r\n             data-qtp-value="AwardDetailNewIndicator{{mpAwardDetailData.award.awardId}}">\r\n          <img data-ng-if="mpAwardDetailData.award.new"\r\n               alt=\'Nieuw\'\r\n               src=\'/resources/cdn/images/patches/new-nl.png\'>\r\n          <br data-ng-if="mpAwardDetailData.award.new">\r\n          <img data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'"\r\n               src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/4G_prox_small.png\'\r\n               alt=\'4g image\'\r\n               class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n          <br data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\'] === \'yes\'">\r\n          <img data-ng-if="mpAwardDetailData.showAndroidImage"\r\n               src=\'//www.proximus.be/dms/cdn/sites/iportal/images/illustrations/icons/android.jpg\'\r\n               alt=\'Android image\'\r\n               class="rs-padding-right2" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n        </div>\r\n\r\n        <a class="close-reveal-modal" data-ng-click="cancel()">×</a>\r\n\r\n\r\n\r\n\r\n'),a.put("/awardTechnicalDetailTemplate",'  <div>\r\n    <section id="technicalDetails" data-tms-id="TMS_TECH_SPEC" class="rs-bg-pt1"\r\n             data-ng-if="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails">\r\n\r\n      <div class="rs-fe3"></div>\r\n\r\n      <div class="row">\r\n        <div class="small-12 medium-8 columns small-centered">\r\n          <h2 class="rs-tit2-sp" ng-bind="mpAwardDetailData.award.mainTitle"></h2>\r\n        </div>\r\n      </div>\r\n\r\n      <div class="row">\r\n        <div class="columns small-6 medium-3 large-3">\r\n          <div class="panel rs-border-ps2 rs-radius jsrs-resizerContainer text-center" style="height: 222px; overflow: visible;">\r\n            <div class="columns small-12">\r\n              <img src=\'//www.proximus.be/dam/cdn/sites/iportal/images/illustrations/icons/gsm_catalogue_resolution.png\' alt="#" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n            </div>\r\n            <div class="columns small-12">\r\n              <p class="rs-txt-s4 rs-txt-pp1 text-left"\r\n                data-qtp-element="AwardDetailTechnicalDetailScreenSize">\r\n                <strong>Schermgrootte:</strong>\r\n                <span data-ng-bind="\'{0} inch\' | replacePlaceholders : [mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails.screen_size]"></span>\r\n                <br>\r\n                <strong>Schermresolutie:</strong>\r\n                <span data-ng-bind="\'{0} pixels\' | replacePlaceholders : [mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails.resolution]"></span>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="columns small-6 medium-3 large-3">\r\n          <div class="panel rs-border-ps2 rs-radius jsrs-resizerContainer text-center" style="height: 222px; overflow: visible;">\r\n            <div class="columns small-12">\r\n              <img src=\'//www.proximus.be/dam/cdn/sites/iportal/images/illustrations/icons/gsm_catalogue_camera.png\' alt="#" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n            </div>\r\n            <div class="columns small-12">\r\n              <p class="rs-txt-s4 rs-txt-pp1 text-left"\r\n                 data-qtp-element="AwardDetailTechnicalDetailCamera">\r\n                <strong>Camera:</strong>\r\n                <span data-ng-bind="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails.camera_picsize"></span>\r\n                <br>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="columns small-6 medium-3 large-3">\r\n          <div class="panel rs-border-ps2 rs-radius jsrs-resizerContainer text-center" style="height: 222px; overflow: visible;">\r\n            <div class="columns small-12">\r\n              <img src=\'//www.proximus.be/dam/cdn/sites/iportal/images/illustrations/icons/gsm_catalogue_os.png\' alt="#" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n            </div>\r\n            <div class="columns small-12">\r\n              <p class="rs-txt-s4 rs-txt-pp1 text-left"\r\n                 data-qtp-element="AwardDetailTechnicalDetailOperatingSystem">\r\n                <strong>Besturingssysteem:</strong>\r\n                <span data-ng-bind="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails.os"></span>\r\n                <br>\r\n                <strong>Versie:</strong>\r\n                <span data-ng-bind="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails.osv"></span>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="columns small-6 medium-3 large-3">\r\n          <div class="panel rs-border-ps2 rs-radius jsrs-resizerContainer text-center" style="height: 222px; overflow: visible;">\r\n            <div class="columns small-12">\r\n              <img src=\'//www.proximus.be/dam/cdn/sites/iportal/images/illustrations/icons/gsm_catalogue_cpu.png\' alt="#" draggable="false" unselectable="on" style="-webkit-user-select: none;">\r\n            </div>\r\n            <div class="columns small-12">\r\n              <p class="rs-txt-s4 rs-txt-pp1 text-left"\r\n                 data-qtp-element="AwardDetailTechnicalDetailProcessor">\r\n                <strong>Processor:</strong>\r\n                <span data-ng-bind="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails.processor"></span>\r\n                <br>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class="row">\r\n        <div class="columns small-12">\r\n\r\n          <pxf-accordion close-others="true" >\r\n\r\n            <accordion-group  is-open="isSpecificationOpen">\r\n\r\n              <accordion-heading ng-click="selectTab(mpPointsHistoryData.pointsHistory[$index])">\r\n                <i ng-class="{\'rs-icon-accordion icon-Expand\': !isSpecificationOpen, \'rs-icon-accordion icon-Collapse\': isSpecificationOpen}"></i>\r\n                Details\r\n              </accordion-heading>\r\n\r\n                <div class="row">\r\n\r\n                  <div class="columns small-12 medium-6">\r\n\r\n                    <div class="row">\r\n\r\n                      <div class="columns small-12">\r\n                        <h6>Design</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Design"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'dimensions\']"\r\n                           value-template=\'{0} mm\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Schermgrootte"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'screen_size\']"\r\n                           value-template=\'{0} inch\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Schermresolutie"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'resolution\']"\r\n                           value-template=\'{0} pixels\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Touchscreen"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'touchscreen\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Gewicht (g)"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'weight\']"\r\n                           value-template=\'{0} g\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Trilfunctie"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'vibra\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Handenvrij"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'handsfree\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <hr class="rs-hr-light rs-margin-top2">\r\n                    <div class="row">\r\n\r\n                      <div class="columns small-12">\r\n                        <h6>Besturingssysteem &  Processor</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Besturingssysteem"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'os\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Versie"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'osv\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Application store"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'application_store\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Processor"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'processor\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <hr class="rs-hr-light rs-margin-top2">\r\n                    <div class="row">\r\n\r\n                      <div class="columns small-12">\r\n                        <h6>Inbegrepen</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Standaardlader"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'standard_charger\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="USB-kabel"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'usb_cable\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <hr class="rs-hr-light rs-margin-top2">\r\n                    <div class="row">\r\n\r\n                      <div class="columns small-12">\r\n                        <h6>Connectiviteit</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="4G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'4g\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="3G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'3g\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Wifi"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'wifi\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Bluetooth"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'blue\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="USB"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'usb\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="NFC"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'nfc\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Wifi Hotspot (bv: tethering)"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'tethering\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Infrarood"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'infrared\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="GPS"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'gps\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <hr class="rs-hr-light rs-margin-top2">\r\n                    <div class="row">\r\n\r\n                      <div class="columns small-12">\r\n                        <h6>Freqencies (Mhz)</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Frequenties 4G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'bandfreq_4g\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Frequenties 3G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'bandfreq_3g\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Frequenties 2G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'bandfreq\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                  </div>\r\n\r\n                  <div class="columns small-12 medium-6">\r\n\r\n                    <div class="row">\r\n\r\n                      <div class="columns small-12">\r\n                        <h6>Simkaart & Geheugen</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Type"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'simtype\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Dual sim"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'dualsim\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Intern geheugen"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'memory\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Geheugenkaartslot"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'memslots\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <hr class="rs-hr-light rs-margin-top2">\r\n\r\n                    <div class="row">\r\n\r\n                      <div class="columns small-12">\r\n                        <h6>Batterij & Autonomie</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Batterij"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'battery\']"\r\n                           value-template=\'{0} mAh\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Standby-tijd 2G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'standby_time\']"\r\n                           value-template=\'{0} u\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Gesprekstijd 2G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'talk_time\']"\r\n                           value-template=\'{0} u\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Standby-tijd 3G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'sbt3g\']"\r\n                           value-template=\'{0} u\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Gesprekstijd 3G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'tt3g\']"\r\n                           value-template=\'{0} u\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Standby-tijd 4G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'sbt4g\']"\r\n                           value-template=\'{0} u\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Gesprekstijd 4G"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'tt4g\']"\r\n                           value-template=\'{0} u\'\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <hr class="rs-hr-light rs-margin-top2">\r\n\r\n                    <div class="row">\r\n                      <div class="columns small-12">\r\n                        <h6>Camera</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Camera"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'camera_picsize\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <hr class="rs-hr-light rs-margin-top2">\r\n\r\n                    <div class="row">\r\n\r\n                      <div class="columns small-12">\r\n                        <h6>Multimedia</h6>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="MP3-speler"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'mp3\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="FM-radio"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'fm\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Luidsprekers"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'loud\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="MMS"\r\n                           value="mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'mms\']"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <hr class="rs-hr-light rs-margin-top2">\r\n\r\n                    <div class="row">\r\n                      <div class="columns small-12">\r\n                        <h6>SAR-waarde & Klasse</h6>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div data-mp-award-technical-detail-entry\r\n                           label="Waarde & Klasse"\r\n                           value="\'{0} (klasse {1})\' | replacePlaceholders : [mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'sar\'], mpAwardTechnicalDetailData.getSarType(mpAwardDetailData.award.deviceTechnicalDetails.technicalDetails[\'sar\'])]"\r\n                        >\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="row">\r\n                      <div class="columns small-12">\r\n                        <p class="rs-margin-top2">Denk aan uw gezondheid - gebruik uw mobiele telefoon met mate, bel met een oortje en kies voor een toestel met een lagere SAT-waarde (SAR-waarde).</p>\r\n                        <p >\r\n                          A: voor de SAR-waarde kleiner dan 0,4 Watt/kg<br/>\r\n                          B: voor de SAR-waarde gelijk aan of groter dan 0,4 Watt/kg, maar kleiner dan 0,8 Watt/kg<br/>\r\n                          C: voor de SAR-waarde gelijk aan of groter dan 0,8 Watt/kg, maar kleiner dan 1,2 Watt/kg<br/>\r\n                          D: voor de SAR-waarde gelijk aan of groter dan 1,2 Watt/kg, maar kleiner dan 1,6 Watt/kg<br/>\r\n                          E: voor de SAR-waarde gelijk of groter dan 1,6 Watt/kg, maar kleiner dan of gelijk aan 2 Watt/kg<br/>\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n\r\n                  </div>\r\n              </div>\r\n\r\n            </accordion-group>\r\n          </pxf-accordion>\r\n\r\n        </div>\r\n      </div>\r\n\r\n      <div class="rs-le2"></div>\r\n\r\n    </section>\r\n  </div>\r\n\r\n\r\n\r\n\r\n'),
a.put("/awardTechnicalDetailEntryTemplate",'  <div>\r\n    <div data-ng-if="!( value === undefined )">\r\n      <div class="columns small-6">\r\n        <strong data-ng-bind="atdd.label"></strong>\r\n      </div>\r\n      <div class="columns small-6" data-ng-switch on="value">\r\n        <i data-ng-switch-when="yes" class="icon-Stock rs-txt-success icon-large"></i>\r\n        <i data-ng-switch-when="no" class="icon-Not-Available rs-txt-error icon-large"></i>\r\n        <span data-ng-switch-when="">-</span>\r\n        <span data-ng-switch-default data-ng-bind="atdd.getProcessedLabel(value)"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n'),a.put("/awardItemTemplate",'  <a ui-sref="glp.awardDetail({awardId: award.awardId})" class="rs-link-no-decoration"\r\n     id="{{award.awardId}}"\r\n     data-mp-analytics-element-clicked=\'{{award.mainTitle}}\'\r\n     data-mp-equalize\r\n     data-location="awardCatalog"\r\n     data-action="selectAward">\r\n    <div class="panel rs-border-ps2 rs-border-hover-pp1 rs-radius clearfix">\r\n\r\n      <!--LARGE & MEDIUM-->\r\n      <div class="jsrs-resizerContainer hide-for-small-only">\r\n        <div class="jsrs-resizerPart">\r\n          <div class="rs-font-pxB rs-txt-pp1 rs-txt-s8" data-qtp-value="AwardTitle{{award.awardId}}">{{award.mainTitle}}</div>\r\n          <h4 class="rs-tit6" data-qtp-value="AwardSubTitle{{award.awardId}}">{{award.subTitle}}</h4>\r\n        </div>\r\n\r\n        <div data-mp-award-viewed-analytics-event="award" data-threshold=\'1500\'\r\n          class="text-center rs-padding-top1 rs-pos-rel jsrs-resizerPart">\r\n          <img class="dynamicImage"  id="{{award.awardId}}"\r\n               data-mp-lazy-image="{{award.image.sourceLocation}}"\r\n               data-qtp-value="AwardImage{{award.awardId}}"\r\n               src=\'/resources/cdn/images/loader.gif\'/>\r\n\r\n          <div data-ng-if="award.new" class="rs-pos-tl rs-margin1"\r\n               data-qtp-value="AwardNewFlag{{award.awardId}}">\r\n            <img alt="new award logo" src=\'/resources/cdn/images/patches/new-nl.png\'>\r\n          </div>\r\n        </div>\r\n\r\n        <div style="height: 39px;">\r\n          <p class="text-center" data-mp-award-stock award="award"></p>\r\n        </div>\r\n\r\n        <hr class="rs-hr-light"/>\r\n\r\n        <div style="height: 94px;">\r\n          <div class="rs-padding-bottom1">\r\n            <div data-ng-repeat="pricePlan in award.pricePlans" class="row">\r\n              <div class="rs-auto">\r\n                <img data-ng-if="pricePlan.promo" data-qtp-value="promoImage{{award.awardId}}-{{$index}}"\r\n                     src="/resources/cdn/images/patches/promo.png"\r\n                     alt="promo">\r\n              </div>\r\n              <div class="rs-last">\r\n                <p class="rs-padding-bottom1 text-right" data-ng-class="{\'rs-txt-promo\': pricePlan.promo}">\r\n                  <span data-ng-class="{\'rs-txt-ps3\':pricePlan.eligible && !pricePlan.promo\r\n                                       ,\'rs-txt-pt2\':!pricePlan.eligible}"\r\n                        class="rs-font-pxB"\r\n                        data-qtp-value="AwardPointsValue{{award.awardId}}-{{$index}}">\r\n                    {{::pricePlan.promo ? pricePlan.promoFormattedPoints : pricePlan.formattedPoints}}\r\n                    ptn\r\n                  </span>\r\n                  <span data-ng-if="pricePlan.promo ? pricePlan.promoFormattedCash : pricePlan.formattedCash"\r\n                        data-ng-class="{\'rs-txt-pt2\':!pricePlan.eligible}"\r\n                        data-qtp-value="AwardCashValue{{award.awardId}}-{{$index}}">\r\n                    + {{::pricePlan.promo ? pricePlan.promoFormattedCash : pricePlan.formattedCash}}\r\n                  </span>\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!--SMALL-->\r\n      <div class="show-for-small-only">\r\n        <div class="row">\r\n          <div data-mp-award-viewed-analytics-event="award" data-threshold=\'1000\'\r\n               class="small-4 columns">\r\n              <img class="dynamicImage"\r\n                   data-mp-lazy-image="{{award.image.sourceLocation}}"\r\n                   data-qtp-value="AwardImage{{award.awardId}}"\r\n                   src=\'/resources/cdn/images/loader.gif\'/>\r\n            <div data-ng-if="award.new" class="rs-pos-tl"\r\n                 data-qtp-value="AwardNewFlag{{award.awardId}}">\r\n              <img alt=\'Nieuw\' src=\'/resources/cdn/images/patches/new-small-en.png\'>\r\n            </div>\r\n          </div>\r\n          <div class="small-8 columns">\r\n            <h4 class="rs-tit6"\r\n                data-qtp-value="AwardTitle{{award.awardId}}">\r\n              {{award.mainTitle}} - {{award.subTitle}}</h4>\r\n\r\n            <p ng-if="award.atLeastOnePromoPricePlan" class="rs-padding-bottom1">\r\n              <img class="rs-no-margin-bottom" data-qtp-value="promoImageMobile{{award.awardId}}-{{$index}}"\r\n                   src="/resources/cdn/images/patches/promo.png"\r\n                   alt="promo">\r\n            </p>\r\n\r\n            <p class="rs-padding-bottom1">\r\n              <span data-ng-if="award.pricePlans.length > 1">\r\n                Vanaf\r\n              </span>\r\n              <span class="rs-font-pxB" data-qtp-value="points" data-ng-class="{\'rs-txt-promo\':award.minimalPricePlan.promo\r\n                      ,\'rs-txt-ps3\':award.minimalPricePlan.eligible && !award.minimalPricePlan\r\n                      ,\'rs-txt-pt2\':!award.minimalPricePlan.eligible}">\r\n                {{::award.minimalPricePlan.promo ? award.minimalPricePlan.promoFormattedPoints : award.minimalPricePlan.formattedPoints}}\r\n                ptn\r\n              </span>\r\n            </p>\r\n\r\n            <p data-mp-award-stock award="award"></p>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </a>\r\n\r\n'),a.put("/actionBarTemplate",'\r\n  <div class="row">\r\n    <div class="small-6 columns">\r\n      <ul class="icons-ul">\r\n        <li><i class="icon-li icon-Arrow-left icon-lh rs-txt-pp1"></i>\r\n          <a class="rs-txt-c1"\r\n             data-ng-mousedown="back()"\r\n             data-mp-analytics-element-clicked=\'Terug\'\r\n             data-location="loyaltyOrderFlow"\r\n             data-action="goBack">\r\n              <span data-ng-switch="actionBarData.actions[0]">\r\n                <span data-ng-switch-when="back">Terug</span>\r\n                <span data-ng-switch-when="previous">Vorige</span>\r\n              </span>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    <div class="small-6 columns">\r\n        <div data-ng-switch="actionBarData.actions[1]">\r\n          <button data-ng-switch-when="next"\r\n                  type="submit" class="rs-btn right"\r\n                  data-ng-mousedown="next()"\r\n                  data-mp-analytics-element-clicked=\'Volgende\'\r\n                  data-location="loyaltyOrderFlow"\r\n                  data-action="gotoNextStep">\r\n            Volgende\r\n            <i class="icon-Arrowbutton rs-margin-left1"></i>\r\n          </button>\r\n          <button data-ng-switch-when="confirm"\r\n                  type="submit" class="rs-btn right"\r\n                  data-ng-mousedown="next()"\r\n                  data-mp-analytics-element-clicked=\'Bevestigen\'\r\n                  data-location="loyaltyOrderFlow"\r\n                  data-action="confirmOrder"\r\n                  data-qtp-input="OrderFormConfirm">\r\n            Bevestigen\r\n            <i class="icon-Arrowbutton rs-margin-left1"></i>\r\n          </button>\r\n        </div>\r\n\r\n    </div>\r\n  </div>\r\n'),a.put("/addressSelectorTemplate",'\r\n  <form data-abide name="loyaltyDeviceDeliveryAddressForm" id="addressForm" reset-on="{{mpAddressSelectorData.address}}"\r\n        data-mp-analytics-form-submitted="loyaltyDeviceDeliveryAddressForm"\r\n        data-mp-analytics-form-error="loyaltyDeviceDeliveryAddressForm"\r\n        data-form-validator-data="{{formValidatorData}}"\r\n        data-mp-form-validator>\r\n\r\n    <div class="row">\r\n      <div class="small-12 large-2 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.gender}">\r\n        <label for="gender">\r\n          <span class="rs-label">Aanspreektitel<small class="rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n          <select data-ng-model="mpAddressSelectorData.address.gender"\r\n                  required="required"\r\n                  name="gender" id="gender"\r\n                  data-mp-analytics-form-element-selected="customerGender"\r\n                  data-location="loyaltyDeviceDeliveryAddressForm"\r\n                  data-qtp-input="OrderFormGender">\r\n            <option value=\'\'></option>\r\n            <option value=\'M\'>Dhr.</option>\r\n            <option value=\'F\'>Mevr/Juf</option>\r\n          </select>\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n    </div>\r\n    <div class="row">\r\n      <div class="small-12 large-6 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.firstname}">\r\n        <label for="firstname">\r\n          <span class="rs-label">Voornaam<small\r\n            class="rs-mandatory rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n\r\n          <input type="text"\r\n                 ng-model="mpAddressSelectorData.address.firstName"\r\n                 regex="[a-zA-Z]+"\r\n                 required="required"\r\n                 placeholder=""\r\n                 autocomplete="off"\r\n                 name="firstname" id="firstname" title=""\r\n                 data-qtp-input="OrderFormFirstname">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n      <div class="small-12 large-6 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.lastname}">\r\n        <label for="lastname">\r\n          <span class="rs-label">Naam<small\r\n            class="rs-mandatory rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n          <input\r\n            type="text"\r\n            autocomplete="off"\r\n            ng-model="mpAddressSelectorData.address.lastName"\r\n            regex="[a-zA-Z]+"\r\n            required="required"\r\n            name="lastname" id="lastname" title=""\r\n            data-qtp-input="OrderFormLastname">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n    </div>\r\n    <div class="row" data-ng-if="mpAddressSelectorData.showCompany">\r\n      <div class="small-12 large-6 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.company}">\r\n        <label for="company">\r\n          <span class="rs-label">Bedrijfsnaam</span>\r\n          <input\r\n            ng-model="mpAddressSelectorData.address.company"\r\n            regex="[a-zA-Z]+"\r\n            autocomplete="off"\r\n            type="text" value="" pattern="[a-zA-Z]+" name="company" id="company" title=""\r\n            data-qtp-input="OrderFormCompany">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n    </div>\r\n    <div class="row">\r\n      <div class="small-12 large-6 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.street}">\r\n        <label for="street">\r\n          <span class="rs-label">Straat<small\r\n            class="rs-mandatory rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n          <input\r\n            ng-model="mpAddressSelectorData.address.street"\r\n            required="required"\r\n            autocomplete="off"\r\n            type="text" placeholder="" name="street" id="street" title=""\r\n            data-qtp-input="OrderFormStreet">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n      <div class="small-6 large-3 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.housenbr}">\r\n        <label for="housenbr">\r\n          <span class="rs-label">Nummer <small\r\n            class="rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n          <input\r\n            ng-model="mpAddressSelectorData.address.houseNumber"\r\n            required="required"\r\n            autocomplete="off"\r\n            type="text" placeholder="" data-invalid="" maxlength="10" name="housenbr" id="housenbr" title=""\r\n            data-qtp-input="OrderFormHouseNr">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n      <div class="small-6 large-3 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.box}">\r\n        <label for="box">\r\n          <span class="rs-label">Bus </span>\r\n          <input\r\n            data-ng-model="mpAddressSelectorData.address.boxNumber"\r\n            autocomplete="off"\r\n            type="number" placeholder="" data-invalid="" maxlength="10" name="box" id="box" title=""\r\n            data-qtp-input="OrderFormBox">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n    </div>\r\n    <div class="row">\r\n      <div class="small-12 large-6 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.postcode}">\r\n        <label for="postcode">\r\n          <span class="rs-label">Postcode\r\n            <small class="rs-mandatory rs-txt-pt3 rs-txt-s2">* </small>\r\n          </span>\r\n          <input\r\n            ng-model="mpAddressSelectorData.address.postcode"\r\n            regex="^[1-9]\\d{3}$"\r\n            required="required"\r\n            autocomplete="off"\r\n            type="number" data-invalid="" maxlength="4" name="postcode" id="postcode" title=""\r\n            data-qtp-input="OrderFormPostcode">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n      <div class="small-12 large-6 columns"\r\n           data-ng-class="{error:formValidatorData.invalid.city}">\r\n        <label for="city">\r\n          <span class="rs-label">Gemeente <small\r\n            class="rs-mandatory rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n          <input\r\n            ng-model="mpAddressSelectorData.address.city"\r\n            regex="[a-zA-Z]+"\r\n            required="required"\r\n            autocomplete="off"\r\n            type="text" data-invalid="" name="city" id="city" title=""\r\n            data-qtp-input="OrderFormCity">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n    </div>\r\n    <div class="row">\r\n      <div class="small-12 large-6 columns end"\r\n           data-ng-class="{error:formValidatorData.invalid.mobilenumber}">\r\n        <label for="mobilenumber">\r\n          <span class="rs-label">Gsm-nummer <small class="rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n          <input\r\n            ng-model="mpAddressSelectorData.address.msisdn"\r\n            regex="(04)+[0-9]{8}$"\r\n            autocomplete="off"\r\n            required="required"\r\n            type="tel" placeholder="" maxlength="10"\r\n            pattern="04\\d{8}" name="mobilenumber" id="mobilenumber" title=""\r\n            data-qtp-input="OrderFormMobileNr">\r\n        </label>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n    </div>\r\n\r\n  </form>\r\n\r\n  <div class="row">\r\n    <div class="small-12 columns">\r\n      <small class="rs-mandatory rs-txt-pt3 rs-txt-s2 rs-block">\r\n        * Verplicht in te vullen\r\n      </small>\r\n    </div>\r\n  </div>\r\n\r\n'),a.put("/billingAccountSelectorTemplate",'\r\n  <p data-ng-if="mpBillingAccountSelectorData.showPaymentAgreementMessage">Het extra te betalen bedrag wordt op uw volgende factuur aangerekend.</p>\r\n  <p data-ng-if="mpBillingAccountSelectorData.showBillingAccountMessage">Het extra te betalen bedrag wordt op uw volgende factuur aangerekend.</p>\r\n  <p data-ng-if="mpBillingAccountSelectorData.showBillingSelection">Selecteer de factuur waarop het extra bij te betalen bedrag mag worden gefactureerd.</p>\r\n\r\n  <form data-abide name="loyaltyBillingAccountForm" id="billingAccountForm"  data-mp-form-validator\r\n        reset-on="{{mpBillingAccountSelectorData.paymentSelectionDisplayed}}"\r\n        data-mp-analytics-form-submitted="loyaltyBillingAccountForm"\r\n        data-mp-analytics-form-error="loyaltyBillingAccountForm"\r\n        data-form-validator-data="{{formValidatorData}}">\r\n\r\n  <div data-ng-if="mpBillingAccountSelectorData.showBillingSelection" class="row">\r\n    <div class="small-12 large-6 columns" data-ng-class="{error:formValidatorData.invalid.billing}">\r\n      <label for="billing">\r\n        <span class="rs-label">Te factureren op</span>\r\n        <select data-ng-model="mpBillingAccountSelectorData.selectedPaymentMethod"\r\n                data-ng-change="populatePaymentSelection()"\r\n                required="required"\r\n                id="billing" name="billing"\r\n                data-mp-analytics-form-element-selected="paymentMethod"\r\n                data-location="loyaltyBillingAccountForm"\r\n          data-qtp-input="OrderToBillOn">\r\n          <option data-ng-if="mpBillingAccountSelectorData.showPaymentAgreementOption && mpBillingAccountSelectorData.showBillingAccountOption;" value="">\r\n            Selecteer een factuur\r\n          </option>\r\n          <option data-ng-if="mpBillingAccountSelectorData.showPaymentAgreementOption" value="paymentAgreement">\r\n            Proximus-factuur Pack/vaste lijn\r\n          </option>\r\n          <option data-ng-if="mpBillingAccountSelectorData.showBillingAccountOption" value="billingAccounts">\r\n            Proximus-factuur mobiel\r\n          </option>\r\n        </select>\r\n      </label>\r\n      <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n    </div>\r\n    <div class="small-12 large-6 columns"\r\n         data-ng-class="{error:formValidatorData.invalid.account}">\r\n      <label data-ng-if="mpBillingAccountSelectorData.paymentSelectionDisplayed" for="account">\r\n        <span class="rs-label">Op account</span>\r\n        <select data-ng-model="mpBillingAccountSelectorData.selectedPaymentAccount"\r\n                data-ng-options="paymentAccount for paymentAccount in mpBillingAccountSelectorData.paymentAccounts"\r\n                data-ng-change="selectPaymentAccount()"\r\n                required="required"\r\n                id="account" name="account"\r\n                data-mp-analytics-form-element-selected="paymentAccount"\r\n                data-location="loyaltyBillingAccountForm"\r\n          data-qtp-input="OrderOnTheAccount">\r\n          <option value="">Selecteer een account</option>\r\n        </select>\r\n      </label>\r\n      <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n    </div>\r\n  </div>\r\n</form>\r\n  <div data-ng-if="mpBillingAccountSelectorData.showBillingSelection" class="row">\r\n    <div class="small-12 columns">\r\n      <small class="rs-mandatory rs-txt-pt3 rs-txt-s2 rs-block">\r\n        * Verplicht in te vullen\r\n      </small>\r\n    </div>\r\n  </div>\r\n\r\n'),a.put("/billingInfoTemplate",'\r\n  <hr class="rs-hr-light">\r\n\r\n  <h3>Facturatie info</h3>\r\n\r\n  <p data-ng-if="mpBillingInfoData.showPaymentAgreementMessage"\r\n     mp-template="{{ \'Een bedrag van {0} zal op uw volgende Proximus-factuur Pack/vaste lijn worden aangerekend.\' |\r\n  replacePlaceholders : [mpBillingInfoData.selectedPricePlanDTO.total.formattedCash] }}"></p>\r\n\r\n  <p data-ng-if="mpBillingInfoData.showBillingAccountMessage"\r\n     mp-template="{{ \'Een bedrag van {0} zal op uw volgende Proximus-factuur mobiel worden aangerekend.\' |\r\n  replacePlaceholders : [mpBillingInfoData.selectedPricePlanDTO.total.formattedCash] }}"></p>\r\n\r\n  <p data-ng-if="mpBillingInfoData.showBillingSelection">\r\n\r\n    <span data-ng-if="mpBillingInfoData.showPaymentAgreement"\r\n          mp-template="{{ \'Een bedrag van {0} <span data-mp-vat-text>&nbsp;</span> zal op uw volgende {1} worden aangerekend met facturatieovereenkomst {2}.\' |\r\n      replacePlaceholders : [mpBillingInfoData.selectedPricePlanDTO.total.formattedCash,\r\n      \'Proximus-factuur Pack/vaste lijn\',\r\n      mpBillingInfoData.billingAccount.id] }}"></span>\r\n\r\n    <span data-ng-if="mpBillingInfoData.showBillingAccount"\r\n          mp-template="{{ \'Een bedrag van {0} <span data-mp-vat-text>&nbsp;</span> zal op uw volgende {1} worden aangerekend met klantenrekening {2}.\' |\r\n    replacePlaceholders : [mpBillingInfoData.selectedPricePlanDTO.total.formattedCash,\r\n    \'Proximus-factuur mobiel\',\r\n    mpBillingInfoData.billingAccount.id] }}"></span>\r\n\r\n  </p>\r\n\r\n'),a.put("/deliveryInfoTemplate",'  <span>\r\n    <h5>Je bestelling</h5>\r\n\r\n    <div class="panel rs-border-ps2">\r\n      <h6 class="show-for-small-only">{{mpDeliveryInfoData.selectedPricePlanDTO.award.title}}</h6>\r\n\r\n      <div class="row">\r\n        <div class="small-4 columns">\r\n          <img alt="Free calling minutes"\r\n               data-ng-src="{{mpDeliveryInfoData.selectedPricePlanDTO.award.image.sourceLocation}}"></div>\r\n        <div class="small-8 columns">\r\n          <h6 class="hide-for-small-only">{{mpDeliveryInfoData.selectedPricePlanDTO.award.title}} </h6>\r\n\r\n          <div class="row">\r\n            <div class="small-7 columns"><p><strong>Aantal:</strong></p>\r\n            </div>\r\n            <div class="small-5 columns"><p>{{mpDeliveryInfoData.selectedPricePlanDTO.selectedQuantity}}</p></div>\r\n          </div>\r\n          <div class="row">\r\n            <div class="small-7 columns"><p><strong>Punten:</strong>\r\n            </p></div>\r\n            <div class="small-5 columns"><p>{{mpDeliveryInfoData.selectedPricePlanDTO.total.formattedPoints}}\r\n              ptn</p>\r\n            </div>\r\n          </div>\r\n          <div class="row" data-ng-if="mpDeliveryInfoData.selectedPricePlanDTO.total.formattedCash">\r\n            <div class="small-7 columns"><p>\r\n              <strong>Extra kost:</strong></p></div>\r\n            <div class="small-5 columns"><p>{{mpDeliveryInfoData.selectedPricePlanDTO.total.formattedCash}}</p></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <p class="text-right">\r\n        <a ui-sref="glp.awards"\r\n           data-ng-if="!mpDeliveryInfoData.selectedPricePlanDTO.isBirthdayAward"\r\n           data-mp-analytics-element-clicked=\'Kies een ander geschenk\'\r\n           data-location="awardDetail"\r\n           data-action="showAwardCatalog"\r\n           data-qtp-event="OrderChangeProduct">Kies een ander geschenk</a>\r\n        <a ui-sref="glp.birthday"\r\n           data-ng-if="mpDeliveryInfoData.selectedPricePlanDTO.isBirthdayAward"\r\n           data-mp-analytics-element-clicked=\'Kies een ander geschenk\'\r\n           data-location="birthdayAwardDetail"\r\n           data-action="showBirthdayAwardCatalog"\r\n           data-qtp-event="OrderChangeProduct">Kies een ander geschenk</a>\r\n      </p>\r\n    </div>\r\n\r\n    <h5 data-ng-if="mpDeliveryInfoData.showDeliveryInfo || mpDeliveryInfoData.showDeliveryInfoDetail">\r\n      Leveringsinfo\r\n    </h5>\r\n\r\n    <div data-ng-if="mpDeliveryInfoData.showDeliveryInfo || mpDeliveryInfoData.showDeliveryInfoDetail"\r\n         class="panel rs-border-ps2">\r\n\r\n      <div data-ng-if="mpDeliveryInfoData.showDeliveryInfoDetail"\r\n           data-mp-load-dynamic-module="myProximus.glp.award"\r\n           data-dependencies="myProximus.common"\r\n           data-directive="mp-delivery-info-detail"\r\n           data-template="/deliveryInfoDetail{{mpDeliveryInfoData.orderType}}Template"></div>\r\n\r\n      <hr class="rs-hr-light"\r\n          data-ng-if="mpDeliveryInfoData.showDeliveryInfo && mpDeliveryInfoData.showDeliveryInfoDetail">\r\n\r\n      <div class="row" data-ng-if="mpDeliveryInfoData.showDeliveryInfo">\r\n        <div data-ng-if="mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryIcon" class="rs-auto">\r\n          <img alt="delivery" data-ng-src="{{mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryIcon}}">\r\n        </div>\r\n        <div data-ng-if="mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryType" class="rs-last">\r\n          <p data-ng-bind-html="mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryType"\r\n             data-qtp-value="DeliveryType"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n</span>\r\n'),a.put("/deliveryInfoDetailTemplate","  <span></span>\r\n"),a.put("/deliveryInfoDetailBoneTemplate",'\r\n  <ul class="no-bullet" data-qtp-element="OrderConfirmMsisdns">\r\n    <li data-ng-repeat="msisdn in mpDeliveryInfoDetailData.awardOrder.msisdns">\r\n      <!-- TODO: code review this -->\r\n      <span data-ng-if="msisdn.quantity === 1"\r\n            data-ng-bind="\'{0} pakket minuten wordt geactiveerd op gsm-nummer {1}\' | replacePlaceholders : [msisdn.quantity, msisdn.formattedMsisdn]">\r\n      </span>\r\n      <span data-ng-if="msisdn.quantity > 1"\r\n            data-ng-bind="\'{0} pakketten van minuten zullen geactiveerd worden op gsm-nummer {1}\' | replacePlaceholders : [msisdn.quantity, msisdn.formattedMsisdn]">\r\n      </span>\r\n    </li>\r\n  </ul>\r\n\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),a.put("/deliveryInfoDetailDeviceTemplate",'\r\n  <p data-qtp-element="OrderConfirmAddress">\r\n    <strong>Je bestelling wordt geleverd op onderstaand adres:</strong>\r\n    <br>\r\n    <span>\r\n      {{mpDeliveryInfoDetailData.awardOrder.personDetails.salutation}}\r\n    </span>\r\n    {{mpDeliveryInfoDetailData.awardOrder.personDetails.firstName}}\r\n    {{mpDeliveryInfoDetailData.awardOrder.personDetails.lastName}}\r\n    <br>\r\n    {{mpDeliveryInfoDetailData.awardOrder.personDetails.company}}\r\n    <br data-ng-if="mpDeliveryInfoDetailData.awardOrder.personDetails.company">\r\n    {{mpDeliveryInfoDetailData.awardOrder.personDetails.street}}\r\n    {{mpDeliveryInfoDetailData.awardOrder.personDetails.houseNumber}}\r\n    <span data-ng-if="mpDeliveryInfoDetailData.awardOrder.personDetails.boxNumber">\r\n      bus\r\n      {{mpDeliveryInfoDetailData.awardOrder.personDetails.boxNumber}}\r\n    </span>\r\n    <br>\r\n    {{mpDeliveryInfoDetailData.awardOrder.personDetails.postcode}}\r\n    {{mpDeliveryInfoDetailData.awardOrder.personDetails.city}}\r\n    <br>\r\n    {{mpDeliveryInfoDetailData.formattedDeliveryMsisdn}}\r\n  </p>\r\n\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),a.put("/deliveryInfoDetailEvoucherTemplate",'\r\n  <p data-qtp-element="OrderConfirmEmail">\r\n    <strong>Je bestelling wordt geleverd op onderstaand adres:</strong>\r\n    <br>\r\n    <span data-ng-bind="mpDeliveryInfoDetailData.awardOrder.email"></span>\r\n  </p>\r\n\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),a.put("/deliveryInfoDetailFixedTemplate",'\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),a.put("/deliveryInfoDetailFreeairTemplate",'\r\n  <ul class="no-bullet" data-qtp-element="OrderConfirmMsisdns">\r\n    <li data-ng-repeat="msisdn in mpDeliveryInfoDetailData.awardOrder.msisdns">\r\n      <!-- TODO: code review this -->\r\n      <span data-ng-if="msisdn.quantity === 1"\r\n            data-ng-bind="\'{0} pakket minuten wordt geactiveerd op gsm-nummer {1}\' | replacePlaceholders : [msisdn.quantity, msisdn.formattedMsisdn]">\r\n      </span>\r\n      <span data-ng-if="msisdn.quantity > 1"\r\n            data-ng-bind="\'{0} pakketten van minuten zullen geactiveerd worden op gsm-nummer {1}\' | replacePlaceholders : [msisdn.quantity, msisdn.formattedMsisdn]">\r\n      </span>\r\n    </li>\r\n  </ul>\r\n\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),a.put("/deliveryInfoDetailLoyaltyPointsTemplate",'\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),a.put("/deliveryInfoDetailMmTemplate",'\r\n  <p data-qtp-element="OrderConfirmMnmid">\r\n    Uw miles zullen op volgende Miles&More-account geactiveerd worden:<br>\r\n    <span data-ng-bind="mpDeliveryInfoDetailData.awardOrder.mnmId"></span>\r\n  </p>\r\n\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),
a.put("/deliveryInfoDetailPartnerTemplate",'\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),a.put("/deliveryInfoDetailVideoTemplate",'\r\n  <ul class="no-bullet" data-qtp-element="OrderConfirmVodnas">\r\n    <li data-ng-repeat="vodNA in mpDeliveryInfoDetailData.awardOrder.vodNas">\r\n      <!-- TODO: code review this -->\r\n      <span data-ng-if="vodNA.quantity === 1"\r\n            data-ng-bind="\'{0} pakket credits wordt geactiveerd op TV-abonnement {1}\' | replacePlaceholders : [vodNA.quantity, vodNA.formattedNa]">\r\n      </span>\r\n      <span data-ng-if="vodNA.quantity > 1"\r\n            data-ng-bind="\'{0} pakketten van credits zullen geactiveerd worden op TV-abonnement {1}\' | replacePlaceholders : [vodNA.quantity, vodNA.formattedNa]">\r\n      </span>\r\n    </li>\r\n  </ul>\r\n\r\n  <div data-ng-if="mpDeliveryInfoDetailData.showFollowUp"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-follow-up-order"></div>\r\n\r\n'),a.put("/deliveryInfoStep3Template",'\r\n  <h3>Je bestelling</h3>\r\n\r\n  <div class="panel rs-border-ps2">\r\n    <h2 class="rs-inline-block">{{mpDeliveryInfoData.selectedPricePlanDTO.award.title}}</h2>\r\n\r\n    <div class="row">\r\n      <div class="small-4 columns">\r\n        <img style="height:150px;"\r\n             data-ng-src="{{mpDeliveryInfoData.selectedPricePlanDTO.award.image.sourceLocation}}"\r\n             alt="{{mpDeliveryInfoData.selectedPricePlanDTO.award.title}}"></div>\r\n      <div class="small-8 columns">\r\n        <div class="row">\r\n          <div class="small-6 medium-4 large-3 columns"><p><strong>Aantal:</strong></p></div>\r\n          <div class="small-6 medium-8 large-9 columns"><p>{{mpDeliveryInfoData.selectedPricePlanDTO.selectedQuantity}}</p></div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="small-6 medium-4 large-3 columns"><p><strong>Punten:</strong></p></div>\r\n          <div class="small-6 medium-8 large-9 columns"><p>{{mpDeliveryInfoData.selectedPricePlanDTO.total.formattedPoints}} ptn</p></div>\r\n        </div>\r\n        <div class="row" data-ng-if="mpDeliveryInfoData.selectedPricePlanDTO.total.formattedCash">\r\n          <div class="small-6 medium-4 large-3 columns"><p><strong>Extra kost:</strong></p></div>\r\n          <div class="small-6 medium-8 large-9 columns"><p>{{mpDeliveryInfoData.selectedPricePlanDTO.total.formattedCash}}</p></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- KINEPOLIS-->\r\n  <!-- VOD -->\r\n  <!-- MILES & MORE-->\r\n  <!-- FREE CALLING MINUTES -->\r\n  <h3 data-ng-if="mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryType">Leveringsinfo</h3>\r\n  <div class="row">\r\n    <div data-ng-if="mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryIcon" class="rs-auto">\r\n      <img data-ng-src="{{mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryIcon}}" alt="delivery">\r\n    </div>\r\n    <div data-ng-if="mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryType" class="rs-last">\r\n      <p data-ng-bind-html="mpDeliveryInfoData.selectedPricePlanDTO.award.deliveryType"></p>\r\n    </div>\r\n  </div>\r\n\r\n  <div data-ng-if="mpDeliveryInfoData.showDeliveryInfoDetail"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-delivery-info-detail"\r\n       data-template="/deliveryInfoDetail{{mpDeliveryInfoData.orderType}}Template"></div>\r\n\r\n  <div data-ng-if="mpDeliveryInfoData.showBillingInfo"\r\n       data-mp-load-dynamic-module="myProximus.glp.award"\r\n       data-dependencies="myProximus.common"\r\n       data-directive="mp-billing-info"></div>\r\n\r\n'),a.put("/emailSelectorTemplate",'\r\n  <form data-abide  name="loyaltyOrderEmailForm" id="emailForm" data-mp-form-validator\r\n        data-mp-analytics-form-submitted="loyaltyOrderEmailForm"\r\n        data-mp-analytics-form-error="loyaltyOrderEmailForm"\r\n        data-form-validator-data="{{formValidatorData}}">\r\n\r\n    <div class="row" data-px-load-module="proximus.angular-components.email">\r\n      <div class="small-12 large-6 columns"\r\n      data-ng-class="{error: formValidatorData.invalid[\'email\']}">\r\n\r\n        <label for="email">\r\n          <span class="rs-label">E-mailadres\r\n            <small class="rs-mandatory rs-txt-pt3 rs-txt-s2">*</small></span>\r\n          <input type="text" \r\n            data-ng-model="mpEmailSelectorData.email"\r\n            data-qtp-input="OrderFormEmail"\r\n            data-dropdown="dropDownMailSuggestion"\r\n            autocomplete="off"\r\n            regex="^[A-Za-z0-9!#$%&amp;\'*+\\/=?^_`{|}~.-]+@[a-z0-9-]+(\\.[a-z0-9-]+){1,2}$"\r\n            required="" \r\n            name="email" \r\n            id="email" \r\n            title="">\r\n        </label>\r\n        <px-email \r\n          data-email="mpEmailSelectorData.email"\r\n          data-at-message=\'Uw e-mailadres moet een @ bevatten\'\r\n          data-dot-message=\'Uw e-mailadres moet een . bevatten\'>\r\n        </px-email>\r\n        <small class="error">Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n    </div>\r\n  </form>\r\n\r\n  <div class="row">\r\n    <div class="small-12 columns">\r\n      <small class="rs-mandatory rs-txt-pt3 rs-txt-s2 rs-block">* Verplicht in te vullen</small>\r\n    </div>\r\n  </div>\r\n\r'),a.put("/errorMessageTemplate",'  <div data-ng-if="errorMessageData.showErrorMessage" data-alert="" class="alert-box warning">\r\n    <div class="row">\r\n      <div class="rs-auto"><i class="icon-{{::errorMessageData.image}}-box icon-2x rs-txt-error"></i></div>\r\n\r\n      <div data-ng-if="showOrderValidationError()" class="rs-last" data-ng-switch="errorMessageData.orderType">\r\n        <div data-ng-switch-when="device">\r\n          <div class="rs-txt-error rs-txt-s6">Foutje!</div>\r\n          <p>Uw selectie is niet in overeenstemming met het aantal bestelde geschenken. Gelieve het exacte aantal geschenken toe te kennen aan één of meerdere telefoonnummers.</p>\r\n        </div>\r\n        <div data-ng-switch-when="video">\r\n          <div class="rs-txt-error rs-txt-s6">Foutje!</div>\r\n          <p>Uw selectie is niet in overeenstemming met het aantal bestelde geschenken. Gelieve het exacte aantal geschenken toe te kennen aan één of meerdere TV-nummers.</p>\r\n        </div>\r\n        <div data-ng-switch-when="bone">\r\n          <div class="rs-txt-error rs-txt-s6">Foutje!</div>\r\n          <p>Uw selectie is niet in overeenstemming met het aantal bestelde geschenken. Gelieve het exacte aantal geschenken toe te kennen aan één of meerdere gsm-nummers.</p>\r\n        </div>\r\n        <div data-ng-switch-when="evoucher">\r\n          <div class="rs-txt-error rs-txt-s6">Foutje!</div>\r\n          <p>Gelieve de volgende structuur te volgen bij het ingeven van je e-mailadres : emailnaam@domein.net</p>\r\n        </div>\r\n        <!--<div data-ng-switch-when="fixed">-->\r\n          <!--<div class="rs-txt-error rs-txt-s6">Foutje!</div>-->\r\n          <!--<p>Your form in invalid. Please correct specified fields. nl</p>-->\r\n        <!--</div>-->\r\n        <div data-ng-switch-when="freeair">\r\n          <div class="rs-txt-error rs-txt-s6">Foutje!</div>\r\n          <p>Uw selectie is niet in overeenstemming met het aantal bestelde geschenken. Gelieve het exacte aantal geschenken toe te kennen aan één of meerdere gsm-nummers.</p>\r\n        </div>\r\n        <div data-ng-switch-when="mm">\r\n          <div class="rs-txt-error rs-txt-s6">Foutje!</div>\r\n          <p>Het Miles&More-kaartnummer heeft niet het juiste formaat of bevat ongeldige tekens, gelieve dit aan te passen. </p>\r\n        </div>\r\n        <!--<div data-ng-switch-when="partner">-->\r\n          <!--<div class="rs-txt-error rs-txt-s6">Foutje!</div>-->\r\n          <!--<p>Your form in invalid. Please correct specified fields. nl</p>-->\r\n        <!--</div>-->\r\n      </div>\r\n\r\n    </div>\r\n    <a data-ng-click="closeErrorBox()" class="close rs-link-no-decoration">×</a>\r\n  </div>\r\n'),a.put("/followUpOrderTemplate",'\r\n  <a class="rs-btn " ui-sref="glp.orderHistory"\r\n     data-mp-analytics-element-clicked=\'Status van mijn bestelling volgen\'\r\n     data-location="loyaltyOrderFlow"\r\n     data-action="showOrderHistory">\r\n    Status van mijn bestelling volgen\r\n    <i class="icon-Arrowbutton rs-margin-left1"></i>\r\n  </a>\r\n\r\n'),a.put("/milesIdSelectorTemplate",'\r\n  <form data-abide  name="loyaltyOrderMilesAndMoreForm" id="milesIdForm" data-mp-form-validator\r\n        data-mp-analytics-form-submitted="loyaltyOrderMilesAndMoreForm"\r\n        data-mp-analytics-form-error="loyaltyOrderMilesAndMoreForm"\r\n        data-form-validator-data="{{formValidatorData}}">\r\n    <div class="row">\r\n      <div class="small-12 large-6 columns"\r\n      data-ng-class="{error: formValidatorData.invalid[\'accountnbr\']}">\r\n\r\n        <label for="accountnbr">\r\n          <span class="rs-label">Miles and More account<small class="rs-mandatory rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n          <input type="number"\r\n                 data-ng-model="milesAndMoreId"\r\n                 data-ng-change="saveId()"\r\n                 regex="^[1-9][0-9]+$"\r\n                 required=""\r\n                 name="accountnbr"\r\n                 id="accountnbr"\r\n                 autocomplete="off"\r\n                 title=""\r\n            data-qtp-input="OrderMilesAndMore">\r\n        </label>\r\n        <small class=\'error\'>Dit is niet geldig, gelieve dit aan te passen.</small>\r\n\r\n      </div>\r\n    </div>\r\n  </form>\r\n\r\n  <div class="row">\r\n    <div class="small-12 columns">\r\n      <small class="rs-mandatory rs-txt-pt3 rs-txt-s2 rs-block">* Verplicht in te vullen</small>\r\n    </div>\r\n  </div>\r\n\r\n'),a.put("/msisdnSelectorTemplate",'\r\n  <form data-abide name="loyaltyOrderMsisdnForm" data-mp-form-validator\r\n        reset-on="{{mpMsisdnSelectorData.selectedPacks.length}}"\r\n        data-mp-analytics-form-submitted="loyaltyOrderMsisdnForm"\r\n        data-mp-analytics-form-error="loyaltyOrderMsisdnForm"\r\n        data-form-validator-data="{{formValidatorData}}">\r\n\r\n    <div class="row" data-ng-repeat="selectedPack in mpMsisdnSelectorData.selectedPacks">\r\n\r\n      <div class="small-8 large-6 columns"\r\n           data-ng-class="{error: formValidatorData.invalid[\'mob\'+$index]}">\r\n        <label for="mob{{$index}}">\r\n          <span class="rs-label">GSM-nummer {{$index+1}}<small\r\n            class="rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n\r\n          <select id="mob{{$index}}" name="mob{{$index}}" required="required"\r\n                  data-ng-model="selectedPack.msisdn"\r\n                  data-mp-analytics-form-element-selected="msisdn"\r\n                  data-location="loyaltyOrderMsisdnForm"\r\n                  data-qtp-value="mob{{$index}}">\r\n            <option value="" data-ng-if="mpMsisdnSelectorData.segmentFls">\r\n              Selecteer een telefoonnummer\r\n            </option>\r\n            <option value="" data-ng-if="mpMsisdnSelectorData.segmentMcs">\r\n              Selecteer een gsm-nummer\r\n            </option>\r\n            <option value="{{msisdn.msisdn}}"\r\n                    data-ng-selected="msisdn.msisdn == selectedPack.msisdn"\r\n                    data-ng-repeat="msisdn in mpMsisdnSelectorData.msisdns">{{msisdn.formattedMsisdn}}\r\n            </option>\r\n\r\n          </select>\r\n\r\n        </label>\r\n        <small class=\'error\'>Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n\r\n      <div class="small-3 columns"\r\n           data-ng-class="{error: formValidatorData.invalid[\'mob\'+$index+\'qt\']}">\r\n        <label for="mob{{$index}}qt">\r\n          <span class="rs-label">&nbsp;</span>\r\n          <select id="mob{{$index}}qt" name="mob{{$index}}qt" required="required"\r\n                  data-ng-model="selectedPack.quantity"\r\n                  data-ng-options="quantity for quantity in mpMsisdnSelectorData.stockQuantitySelection"\r\n                  data-ng-change="updateQuantity()"\r\n                  data-mp-analytics-form-element-selected="awardQuantity"\r\n                  data-location="loyaltyOrderMsisdnForm"\r\n                  data-qtp-value="mob{{$index}}qt">\r\n            <option value="">Selecteer</option>\r\n          </select>\r\n        </label>\r\n        <small class=\'error\'>Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n\r\n      <div class="small-1 columns end">\r\n        <label ng-show="mpMsisdnSelectorData.showDeleteButtons">\r\n          <span class="rs-label">&nbsp;</span>\r\n          <a href="#" data-ng-click="deleteRow($event,$index)"><i\r\n            class="icon-Circle-Remove rs-txt-error rs-padding-top1"></i></a>\r\n        </label>\r\n      </div>\r\n\r\n    </div>\r\n  </form>\r\n\r\n  <div class="row">\r\n    <div class="small-8 large-6 columns">\r\n      <p data-ng-show="mpMsisdnSelectorData.addLinkVisible">\r\n        <a href="#" data-ng-click="addRow($event)">\r\n          <i class="icon-Addition icon-large rs-txt-pp1 rs-padding-right1"></i>\r\n          <span data-ng-if="mpMsisdnSelectorData.segmentFls">Een ander telefoonnummer toevoegen</span>\r\n          <span data-ng-if="mpMsisdnSelectorData.segmentMcs">Een ander GSM-nummer toevoegen</span>\r\n        </a></p>\r\n\r\n      <p data-ng-class="{\'rs-txt-error\':isSelectionError}">Aantal toegekende cadeaus: <strong>{{mpMsisdnSelectorData.totalSelectedPack}}/{{mpMsisdnSelectorData.maximumAllowedPacks}}</strong>\r\n      </p>\r\n    </div>\r\n  </div>\r\n\r\n  <div class="row">\r\n    <div class="small-12 columns">\r\n      <small class="rs-mandatory rs-txt-pt3 rs-txt-s2 rs-block">* Verplicht in te vullen\r\n      </small>\r\n    </div>\r\n  </div>\r\n\r\n'),a.put("/stepIndicatorTemplate",'\r\n  <div class="row">\r\n    <div class="columns small-12">\r\n      <div class="alert-box error" data-alert="" data-ng-if="stepIndicatorData.emailError">\r\n        <div class="row">\r\n          <div class="rs-auto"><i class="icon-Error-box icon-2x rs-txt-error"></i></div>\r\n          <div class="rs-last">\r\n            <div class="rs-txt-error rs-txt-s6"></div>\r\n            <p>Uw e-mail adres werd niet geaccepteerd</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <span class=" rs-ordersteps" ng-switch="stepIndicatorData.twoStepOrderFlow">\r\n        <ul  class=" rs-ordersteps" ng-switch-when="false">\r\n          <li class="rs-inline-block" data-ng-class="{\'rs-txt-pp1\':stepIndicatorData.step == 1}" >\r\n          <span class="rs-chevron-right">1<span data-ng-class="{\'hide-for-small-only\':stepIndicatorData.step == 1,\'hide-for-medium-down\': stepIndicatorData.step != 1}">\r\n            . Instellen\r\n          </span></span></li>\r\n          <li class="rs-inline-block" data-ng-class="{\'rs-txt-c4\':stepIndicatorData.step <2,\'rs-txt-pp1\':stepIndicatorData.step == 2}">\r\n          <span class="rs-chevron-right">2<span data-ng-class="{\'hide-for-small-only\':stepIndicatorData.step == 2,\'hide-for-medium-down\': stepIndicatorData.step != 2}">\r\n            . Betaling\r\n          </span></span></li>\r\n          <li class="rs-inline-block" data-ng-class="{\'rs-txt-c4\':stepIndicatorData.step <3,\'rs-txt-pp1\':stepIndicatorData.step == 3}">\r\n          <span>3<span data-ng-class="{\'hide-for-small-only\':stepIndicatorData.step == 3,\'hide-for-medium-down\': stepIndicatorData.step != 3}">\r\n            . Bevestiging\r\n          </span></span></li>\r\n        </ul>\r\n\r\n\r\n          <ul  class=" rs-ordersteps" ng-switch-when="true">\r\n            <li class="rs-inline-block" data-ng-class="{\'rs-txt-pp1\':stepIndicatorData.step == 1}" >\r\n          <span class="rs-chevron-right">1<span data-ng-class="{\'hide-for-small-only\':step == 1,\'hide-for-medium-down\': stepIndicatorData.step != 1}">\r\n            . Instellen\r\n          </span></span></li>\r\n            <li class="rs-inline-block" data-ng-class="{\'rs-txt-c4\':stepIndicatorData.step <2,\'rs-txt-pp1\':stepIndicatorData.step == 3}">\r\n          <span>2<span data-ng-class="{\'hide-for-small-only\':stepIndicatorData.step == 3,\'hide-for-medium-down\': stepIndicatorData.step != 3}">\r\n            . Bevestiging\r\n          </span></span></li>\r\n          </ul>\r\n        </ul>\r\n\r\n      </span>\r\n      <h2 class="show-for-small-only rs-tit2 rs-txt-pp1 rs-no-padding-top">\r\n        <span data-ng-switch="stepIndicatorData.twoStepOrderFlow">\r\n          <span data-ng-switch-when="false" data-ng-switch="stepIndicatorData.step">\r\n            <span data-ng-switch-when="1">Instellen</span>\r\n            <span data-ng-switch-when="2">Betaling</span>\r\n            <span data-ng-switch-when="3">Bevestiging</span>\r\n          </span>\r\n          <span data-ng-switch-when="true" data-ng-switch="stepIndicatorData.step">\r\n            <span data-ng-switch-when="1">Instellen</span>\r\n            <span data-ng-switch-when="3">Bevestiging</span>\r\n          </span>\r\n        </span>\r\n      </h2>\r\n    </div>\r\n  </div>\r\n\r'),a.put("/televisionSelectorTemplate",'\r\n  <form data-abide name="loyaltyOrderTelevisionForm" data-mp-form-validator\r\n        reset-on="{{mpTelevisionSelectorData.selectedPacks}}"\r\n        data-mp-analytics-form-submitted="loyaltyOrderTelevisionForm"\r\n        data-mp-analytics-form-error="loyaltyOrderTelevisionForm"\r\n        data-form-validator-data="{{formValidatorData}}">\r\n    <div style="overflow:visible;width:80%;background-color: #ffffc0">\r\n\r\n    </div>\r\n    <div class="row" data-ng-repeat="selectedPack in mpTelevisionSelectorData.selectedPacks">\r\n\r\n      <div class="small-8 large-6 columns"\r\n           data-ng-class="{error: formValidatorData.invalid[\'tv\'+$index]}">\r\n        <label for="tv{{$index}}">\r\n          <span class="rs-label">TV abonnement {{$index+1}}<small\r\n            class="rs-txt-pt3 rs-txt-s2">*\r\n          </small></span>\r\n\r\n          <select id="tv{{$index}}" name="tv{{$index}}" required="required"\r\n                  data-ng-change="naChanged(selectedPack)"\r\n                  data-ng-model="selectedPack.na"\r\n                  data-mp-analytics-form-element-selected="awardQuantity"\r\n                  data-location="loyaltyOrderTelevisionForm">\r\n            <option data-ng-if="profile.credits === 1"\r\n                    value="{{profile.na}}"\r\n                    data-ng-disabled="profile.quantities.length == 0"\r\n                    data-ng-selected="profile.na == selectedPack.na"\r\n                    data-ng-repeat="profile in mpTelevisionSelectorData.vodNaProfiles">\r\n              {{profile.formattedNa}} ({{profile.credits}} active credit nl)\r\n            </option>\r\n            <option data-ng-if="profile.credits !== 1"\r\n                    value="{{profile.na}}"\r\n                    data-ng-disabled="profile.quantities.length == 0"\r\n                    data-ng-selected="profile.na == selectedPack.na"\r\n                    data-ng-repeat="profile in mpTelevisionSelectorData.vodNaProfiles">\r\n              {{profile.formattedNa}} ({{profile.credits}} active credits nl)\r\n            </option>\r\n\r\n          </select>\r\n\r\n        </label>\r\n        <small class=\'error\'>Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n\r\n      <div class="small-2 columns"\r\n           data-ng-class="{error: formValidatorData.invalid[\'tv\'+$index+\'qt\']}">\r\n        <label for="tv{{$index}}qt">\r\n          <span class="rs-label">&nbsp;</span>\r\n          <select id="tv{{$index}}qt" name="tv{{$index}}qt" required="required"\r\n                  data-ng-model="selectedPack.quantity"\r\n                  data-ng-options="quantity for quantity in selectedPack.quantities"\r\n                  data-ng-change="updateQuantity()"\r\n                  data-mp-analytics-form-element-selected="awardQuantity"\r\n                  data-location="loyaltyOrderTelevisionForm">\r\n          </select>\r\n        </label>\r\n        <small class=\'error\'>Dit is niet geldig, gelieve dit aan te passen.</small>\r\n      </div>\r\n\r\n      <div class="small-1 columns end">\r\n        <label data-ng-show="mpTelevisionSelectorData.showDeleteButtons">\r\n          <span class="rs-label">&nbsp;</span>\r\n          <a href="#" data-ng-click="deleteRow($event,$index)"><i\r\n            class="icon-Circle-Remove rs-txt-error rs-padding-top1"></i></a>\r\n        </label>\r\n      </div>\r\n\r\n    </div>\r\n  </form>\r\n\r\n  <div class="row">\r\n    <div class="small-8 large-6 columns">\r\n      <p data-ng-show="mpTelevisionSelectorData.addLinkVisible">\r\n        <a href="#" data-ng-click="addRow($event)">\r\n          <i class="icon-Addition icon-large rs-txt-pp1 rs-padding-right1"></i>\r\n          <span>Een ander telefoonnummer toevoegen</span>\r\n        </a></p>\r\n\r\n      <p data-ng-class="{\'rs-txt-error\':isSelectionError}">Aantal toegekende cadeaus: <strong>{{mpTelevisionSelectorData.totalSelectedPacks}}/{{mpTelevisionSelectorData.maximumAllowedPacks}}</strong>\r\n      </p>\r\n    </div>\r\n  </div>\r\n\r\n  <div class="row">\r\n    <div class="small-12 columns">\r\n      <small class="rs-mandatory rs-txt-pt3 rs-txt-s2 rs-block">* Verplicht in te vullen\r\n      </small>\r\n    </div>\r\n  </div>\r\n\r\n\r\n'),a.put("/thankYouTemplate",'  <div class="panel rs-bg-gs1t">\r\n    <div class="row">\r\n      <div class="small-12 medium-6 columns">\r\n        <img src=\'/dam/cdn/apps/eservices/images/thank-you-nl.gif\' alt=\'Hartelijk dank\'>\r\n      </div>\r\n    </div>\r\n    <p class="rs-txt-s5"\r\n       data-qtp-element="OrderConfirmMsg"\r\n       data-ng-if="!thankYouData.selectedPricePlanDTO.isBirthdayAward">\r\n      Je bestelling wordt verwerkt.\r\n      <br>\r\n      Je resterende puntensaldo bedraagt\r\n      <span class="rs-price-s">\r\n        <span class="rs-unit">\r\n          {{thankYouData.selectedPricePlanDTO.formattedRemainingPoints}}\r\n        </span>\r\n      </span>\r\n      punten.\r\n    </p>\r\n    <a\r\n       data-ng-if="thankYouData.isMyProximusMobileAppV2"\r\n       href=\'myproximus://webtool/close?reloadData=true\'\r\n       class="rs-btn"\r\n       data-mp-analytics-element-clicked=\'Terug naar mijn <span data-mp-load-dynamic-module="myProximus.glp.loyalty" data-dependencies="myProximus.common" data-directive="mp-loyalty-program-name">&nbsp;</span>\'\r\n       data-location="loyaltyOrderFlow"\r\n       data-action="showLoyaltyOverview">\r\n      <i class="icon-Arrowbutton-left rs-margin-right1"></i>\r\n      Terug naar mijn <span data-mp-load-dynamic-module="myProximus.glp.loyalty" data-dependencies="myProximus.common" data-directive="mp-loyalty-program-name">&nbsp;</span>\r\n    </a>\r\n    <a\r\n       data-ng-if="!thankYouData.isMyProximusMobileAppV2"\r\n       ui-sref="glp.overview"\r\n       class="rs-btn"\r\n       data-mp-analytics-element-clicked=\'Terug naar mijn <span data-mp-load-dynamic-module="myProximus.glp.loyalty" data-dependencies="myProximus.common" data-directive="mp-loyalty-program-name">&nbsp;</span>\'\r\n       data-location="loyaltyOrderFlow"\r\n       data-action="showLoyaltyOverview">\r\n      <i class="icon-Arrowbutton-left rs-margin-right1"></i>\r\n      Terug naar mijn <span data-mp-load-dynamic-module="myProximus.glp.loyalty" data-dependencies="myProximus.common" data-directive="mp-loyalty-program-name">&nbsp;</span>\r\n    </a>\r\n  </div>\r\n'),a.put("/recommendedAwardsTemplate",'\r\n  <section id="1" class="rs-bg-pt1" data-tms-id="TMS_OTHER_DEVICE"\r\n           data-ng-if="mpRecommendedAwardsData.showRecommendedAwards">\r\n\r\n    <div class="rs-fe3"></div>\r\n\r\n    <div class="row">\r\n      <div class="small-12 medium-8 columns small-centered">\r\n        <h2 class="rs-tit2-sp">Aanbevolen geschenken</h2>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="row">\r\n      <div class="columns small-12">\r\n        <div class="row">\r\n          <div class="small-12 medium-4 columns"\r\n               data-mp-equalize\r\n               data-ng-repeat="award in mpRecommendedAwardsData.recommendedAwards">\r\n\r\n            <div class="panel rs-border-ps2 rs-border-hover-pp1 rs-radius jsrs-clickable jsrs-resizerContainer"\r\n                 style="cursor: pointer;">\r\n              <div class="row">\r\n\r\n                <div class="small-3 columns">\r\n                  <img class="dynamicImage"\r\n                       data-mp-lazy-image="{{award.image.sourceLocation}}"\r\n                       src=\'/resources/cdn/images/loader.gif\'\r\n                       alt="{{award.mainTitle}}"/>\r\n                </div>\r\n\r\n                <div class="small-9 columns">\r\n                  <h3 class="rs-has-subtit">\r\n                    <a ui-sref="glp.awardDetail({awardId: award.awardId})"\r\n                       data-mp-analytics-element-clicked=\'{{award.mainTitle}}\'\r\n                       data-location="recommendedAwards"\r\n                       data-action="selectAward"\r\n                       class="rs-link-no-decoration">{{award.mainTitle}}</a>\r\n                  </h3>\r\n                  <h5>{{award.subTitle}}</h5>\r\n\r\n                  <span data-ng-if="award.pricePlans.length > 1 && !award.atLeastOnePromoPricePlan">\r\n                    Vanaf\r\n                  </span>\r\n                  <p data-ng-if="!award.atLeastOnePromoPricePlan">\r\n                    <span class="rs-price-s">\r\n                      <span class="rs-nowrap">\r\n                        <span class="rs-unit">{{::award.minimalPricePlan.formattedPoints}}</span>\r\n                        <span class="rs-euro">punten</span>\r\n                      </span>\r\n                    </span>\r\n                    <span data-ng-if="award.minimalPricePlan.formattedCash">\r\n                      + {{::award.minimalPricePlan.formattedCash}}\r\n                    </span>\r\n                  </p>\r\n                </div>\r\n\r\n              </div>\r\n\r\n              <div class="row" data-ng-if="award.atLeastOnePromoPricePlan">\r\n\r\n                <div class="small-3 columns">\r\n                  <img src="/resources/cdn/images/patches/promo.png"\r\n                       alt="promo"\r\n                       class="rs-margin-bottom1">\r\n                </div>\r\n\r\n                <div class="small-9 columns">\r\n                  <span data-ng-if="award.pricePlans.length > 1">\r\n                    Vanaf\r\n                  </span>\r\n                  <p>\r\n                    <span class="rs-price-s" ng-class="{\'rs-price-promo\': award.minimalPricePlan.promo}">\r\n                      <span class="rs-nowrap">\r\n                        <span class="rs-unit">{{::award.minimalPricePlan.promo ? award.minimalPricePlan.promoFormattedPoints : award.minimalPricePlan.formattedPoints}}</span>\r\n                        <span class="rs-euro">punten</span>\r\n                      </span>\r\n                    </span>\r\n                    <span data-ng-if="award.minimalPricePlan.promo ? award.minimalPricePlan.promoFormattedCash : award.minimalPricePlan.formattedCash"\r\n                          data-ng-class="{\'rs-txt-promo\' : award.minimalPricePlan.promo}">\r\n                      + {{::award.minimalPricePlan.promo ? award.minimalPricePlan.promoFormattedCash : award.minimalPricePlan.formattedCash}}\r\n                    </span>\r\n                  </p>\r\n                </div>\r\n\r\n              </div>\r\n\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="rs-le2"></div>\r\n\r\n  </section>\r\n\r\n'),a.put("/awardCatalogSortTemplate",'  <div class="show-for-medium-up">\r\n    <div class="panel rs-bg-pt5 jsrs-resizerContainer" style="height: 73px; overflow: visible;">\r\n\r\n      <div class="row">\r\n        <div class="small-4 medium-2 columns">\r\n          <h5 class="rs-txt-c1 rs-inline-block">Sorteer op</h5>\r\n        </div>\r\n        <div class="small-4 medium-5 large-4 columns end">\r\n\r\n          <select data-ng-model="selectedSortOptionKey" data-ng-change="selectSortOption()"\r\n                  data-ng-disabled="sortOptionsEnabled"\r\n                  data-qtp-input="SortSelection"\r\n                  data-mp-analytics-form-element-selected="SortSelection"\r\n                  data-location="awardCatalogSorting">\r\n            <option value="1">Punten van laagste naar hoogste</option>\r\n            <option value="2">Punten van hoogste naar laagste</option>\r\n            <option value="3">Alfabetisch van A naar Z</option>\r\n            <option value="4">Alfabetisch van Z naar A</option>\r\n          </select>\r\n\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n'),a.put("/awardStockTemplate",'\r\n\r\n  <span data-ng-switch="award.stockType">\r\n          <span data-ng-switch-when="STOCK" class="rs-txt-success rs-txt-s4"\r\n                data-qtp-value="AwardAvailabilityStockIndicator{{award.awardId}}">\r\n            <strong>In voorraad</strong>\r\n          </span>\r\n          <span data-ng-switch-when="NONE" class="rs-txt-error rs-txt-s4"\r\n                data-qtp-value="AwardAvailabilityStockIndicator{{award.awardId}}">\r\n            <strong>Niet in voorraad</strong>\r\n          </span>\r\n          <span data-ng-switch-when="LIMITED" class="rs-txt-warning rs-txt-s4"\r\n                data-qtp-value="AwardAvailabilityStockIndicator{{award.awardId}}">\r\n            <strong>Beperkte voorraad</strong>\r\n          </span>\r\n          <span data-ng-switch-when="THRESHOLD"\r\n                class="rs-txt-warning rs-txt-s4"\r\n                data-qtp-value="AwardAvailabilityStockIndicator{{award.awardId}}">\r\n            <strong ng-bind="\'Minder dan {0} stuks in voorraad\' | replacePlaceholders : [award.stockThreshold] "></strong>\r\n          </span>\r\n  </span>\r\n\r\n\r\n');
}])}();

!function(){"use strict";function t(t){var e={restrict:"A",templateUrl:"/awardItemTemplate"};return e}angular.module("myProximus.glp.award").directive("mpAwardItem",t),t.$inject=["$timeout"]}();

!function(){"use strict";function e(e,r,a,t,o,d){function n(){t.dispatch("NextStepOrderFlowEvent",{awardId:a.awardId})["catch"](function(){d.dispatchWithAttributes("primary","myAdvantages.messages.technicalError.awardDetailOrder","glp.awards")})}function i(){var e={image:"Error",errorType:"orderValidationError",orderType:a.orderType};o.emitMessage("error",e)}function s(){o.emitMessage("validate")}function c(){t.dispatch("PreviousStepOrderFlowEvent",{awardId:a.awardId,orderType:a.orderType})["catch"](function(){d.dispatchWithAttributes("primary","myAdvantages.messages.technicalError.awardDetailOrder","glp.awards")})}function l(){r.go("glp.awardDetail",{awardId:a.awardId},{location:"replace",reload:!0})}o.onMessage("form.rejected",i,e),o.onMessage("form.validated",n,e),o.onMessage("action.back",c,e),o.onMessage("action.next",s,e),o.onMessage("deepLink",l,e)}angular.module("myAdvantages").controller("mpOrderFlowController",e),e.$inject=["$scope","$state","$stateParams","$commangular","$eventBus","$errorService"]}();

!function(){"use strict";function t(){var t={restrict:"A",controller:a,templateUrl:"/actionBarTemplate"};return t}function a(t,a,e,c,n){function i(){e.emitMessage("action.back")}function r(){e.emitMessage("action.next")}t.back=i,t.next=r,t.actionBarData={actions:[]};var o=n.data.twoStepOrderFlow;switch(c.getStep()){case 1:t.actionBarData.actions=o?["back","confirm"]:["back","next"];break;case 2:t.actionBarData.actions=["previous","confirm"];break;default:a.warn("Step should be maximum 2!")}}angular.module("myProximus.glp.award").directive("mpActionBar",t),t.$inject=[],a.$inject=["$scope","$log","$eventBus","StepIndicatorService","AwardOrderingService"]}();

!function(){"use strict";function e(){var e={restrict:"A",controller:t,templateUrl:"/addressSelectorTemplate"};return e}function t(e,t,s,r,a){function d(e){var t=e.country.toUpperCase();return _.includes(m,t)}function n(){e.$watch(function(){return e.mpAddressSelectorData.address.gender},function(t){_.isUndefined(t)||s(function(){var t=$("#gender")[0];_.isUndefined(t)||(e.mpAddressSelectorData.address.salutation=t.options[t.selectedIndex].text)})})}function i(){t.onMessage("validate",o,e),t.onMessage("formValidator.validated",l,e),t.onMessage("formValidator.rejected",u,e)}function o(){t.emitMessage("formValidator.validate")}function c(){var e,t=a.getLoyaltyResidentialSubsegments;return e=_.isUndefined(a.data.customerAccount)||_.isUndefined(a.data.customerAccount.fls)?a.data.customerAccount.mcs.subsegment:a.data.customerAccount.fls.subsegment,!_.includes(t,e)}function u(){t.emitMessage("form.rejected","invalid address")}function l(){return r.setPersonDetails(e.mpAddressSelectorData.address),t.emitMessage("form.validated"),!1}var m=["BE","BEL"];_.isUndefined(r.data.selectedPricePlanDTO)&&t.emitMessage("deepLink"),e.mpAddressSelectorData={address:r.getPersonDetails(),showCompany:c()},i(),_.isUndefined(e.mpAddressSelectorData.address)?e.$watch(function(){return r.data.awardOrder},function(t){_.isUndefined(t)||_.isUndefined(t.orderData)||(d(t.orderData.personDetails)?e.mpAddressSelectorData.address=t.orderData.personDetails:e.mpAddressSelectorData.address={},n())}):n()}angular.module("myProximus.glp.award").directive("mpAddressSelector",e),e.$inject=[],t.$inject=["$scope","$eventBus","$timeout","AwardOrderingService","CustomerAccountService"]}();

!function(){"use strict";function e(){var e={restrict:"A",controller:t,templateUrl:"/billingAccountSelectorTemplate"};return e}function t(e,t,n){function c(){t.onMessage("validate",i,e)}function i(){t.emitMessage("formValidator.validate");var e=!_.isEmpty(o());return e?t.emitMessage("form.validated"):t.emitMessage("form.rejected","billing account is not selected"),e}function l(){var t=m(),n=s();a(),_.isEmpty(e.mpBillingAccountSelectorData.selectedPaymentMethod)?e.mpBillingAccountSelectorData.paymentSelectionDisplayed=!1:_.isEqual(e.mpBillingAccountSelectorData.selectedPaymentMethod,"paymentAgreement")?u(t,!0):p(n,!0)}function o(){return n.getOrderBillingAccount()}function a(){n.deleteBillingAccountFromOrder()}function m(){return n.getPaymentAgreements()}function s(){return n.getBillingAccounts()}function r(t,c){var i={showBillingSelection:e.mpBillingAccountSelectorData.showBillingSelection,showPaymentAgreementMessage:e.mpBillingAccountSelectorData.showPaymentAgreementMessage,showBillingAccountMessage:e.mpBillingAccountSelectorData.showBillingAccountMessage};n.setBillingAccountToOrder(t,c,i)}function g(){_.isEmpty(e.mpBillingAccountSelectorData.selectedPaymentAccount)?a():r(e.mpBillingAccountSelectorData.selectedPaymentAccount,_.isEqual(e.mpBillingAccountSelectorData.selectedPaymentMethod,"paymentAgreement")?n.PAYMENT_AGREEMENT:n.PROXIMUS_BILLING_ACCOUNT)}function u(t,c){t.length>1?(_.isUndefined(c)&&(e.mpBillingAccountSelectorData.selectedPaymentMethod="paymentAgreement",e.mpBillingAccountSelectorData.showBillingSelection=!0,e.mpBillingAccountSelectorData.showPaymentAgreementOption=!0),e.mpBillingAccountSelectorData.paymentAccounts=t,e.mpBillingAccountSelectorData.paymentSelectionDisplayed=!0):(_.isUndefined(c)&&(e.mpBillingAccountSelectorData.showPaymentAgreementMessage=!0),e.mpBillingAccountSelectorData.paymentSelectionDisplayed=!1,r(t,n.PAYMENT_AGREEMENT))}function p(t,c){t.length>1?(_.isUndefined(c)&&(e.mpBillingAccountSelectorData.selectedPaymentMethod="billingAccounts",e.mpBillingAccountSelectorData.showBillingSelection=!0,e.mpBillingAccountSelectorData.showBillingAccountOption=!0),e.mpBillingAccountSelectorData.paymentAccounts=t,e.mpBillingAccountSelectorData.paymentSelectionDisplayed=!0):(_.isUndefined(c)&&(e.mpBillingAccountSelectorData.showBillingAccountMessage=!0),e.mpBillingAccountSelectorData.paymentSelectionDisplayed=!1,r(t,n.PROXIMUS_BILLING_ACCOUNT))}function A(){e.mpBillingAccountSelectorData.showBillingSelection=!0,e.mpBillingAccountSelectorData.showPaymentAgreementOption=!0,e.mpBillingAccountSelectorData.showBillingAccountOption=!0}function d(){var e=m(),n=s();_.isEmpty(e)&&_.isEmpty(n)?t.emitMessage("deepLink"):_.isEmpty(e)||_.isEmpty(n)?(_.isEmpty(e)||u(e),_.isEmpty(n)||p(n)):A()}e.populatePaymentSelection=l,e.selectPaymentAccount=g,e.mpBillingAccountSelectorData={selectedPaymentMethod:"",selectedPaymentAccount:void 0,paymentAccounts:void 0,paymentSelectionDisplayed:!1,showBillingSelection:!1,showPaymentAgreementMessage:!1,showBillingAccountMessage:!1},d(),c()}angular.module("myProximus.glp.award").directive("mpBillingAccountSelector",e),e.$inject=[],t.$inject=["$scope","$eventBus","AwardOrderingService"]}();

!function(){"use strict";function n(){var n={restrict:"A",controller:i,templateUrl:"/billingInfoTemplate"};return n}function i(n,i,l){n.mpBillingInfoData={selectedPricePlanDTO:i.data.selectedPricePlanDTO,billingAccount:i.data.awardOrder.billingAccount},n.mpBillingInfoData=_.assign(n.mpBillingInfoData,i.data.billingPaymentMethods),_.isObject(n.mpBillingInfoData.billingAccount)&&(n.mpBillingInfoData.showPaymentAgreement=_.isEqual(i.PAYMENT_AGREEMENT,n.mpBillingInfoData.billingAccount.type)&&!n.mpBillingInfoData.showPaymentAgreementMessage,n.mpBillingInfoData.showBillingAccount=_.isEqual(i.PROXIMUS_BILLING_ACCOUNT,n.mpBillingInfoData.billingAccount.type)&&!n.mpBillingInfoData.showBillingAccountMessage),n.$parent.mpDeliveryInfoData.showBillingInfo&&i.clearSelectedPricePlan(l.getStep())}angular.module("myProximus.glp.award").directive("mpBillingInfo",n),n.$inject=[],i.$inject=["$scope","AwardOrderingService","StepIndicatorService"]}();

!function(){"use strict";function e(){var e={restrict:"A",templateUrl:"/deliveryInfoTemplate",controller:a};return e}function a(e,a,r,t,d,i,n){function l(){_.isUndefined(a.orderType)?t.emitMessage("deepLink"):_.isEqual(a.awardId,d.data.selectedPricePlanDTO.award.awardId)||r.dispatchWithAttributes("primary","myAdvantages.messages.technicalError.incorrectAwardIdInOrderFlow","glp.awards")}l(),e.mpDeliveryInfoData={showDeliveryInfo:!_.isUndefined(d.data.selectedPricePlanDTO)&&!_.isUndefined(d.data.selectedPricePlanDTO.award.deliveryType),showDeliveryInfoDetail:_.isEqual(i.getStep(),2)||_.isEqual(i.getStep(),3),showBillingInfo:!_.isUndefined(d.data.awardOrder)&&_.isObject(d.data.awardOrder.billingAccount),orderType:_.upperFirst(a.orderType),selectedPricePlanDTO:d.data.selectedPricePlanDTO},d.data.selectedPricePlanDTO&&d.data.selectedPricePlanDTO.award&&n.setBreadcrumbDynamicObject({title:d.data.selectedPricePlanDTO.award.mainTitle,stateDetail:{awardId:d.data.selectedPricePlanDTO.award.awardId}},"awardDetail")}angular.module("myProximus.glp.award").directive("mpDeliveryInfo",e),e.$inject=[],a.$inject=["$scope","$stateParams","$errorService","$eventBus","AwardOrderingService","StepIndicatorService","BreadcrumbService"]}();

!function(){"use strict";function a(){var a={restrict:"A",templateUrl:"/deliveryInfoDetailTemplate",controller:e};return a}function e(a,e,r,t,d){function i(){a.mpDeliveryInfoDetailData.awardOrder.msisdns&&_.forEach(a.mpDeliveryInfoDetailData.awardOrder.msisdns,function(a){a.formattedMsisdn=t.format(a.msisdn)})}function n(){a.mpDeliveryInfoDetailData.awardOrder.vodNas&&_.forEach(a.mpDeliveryInfoDetailData.awardOrder.vodNas,function(a){a.formattedNa=d.format(a.na)})}a.mpDeliveryInfoDetailData={awardOrder:e.data.awardOrder,orderStep:r.getStep(),showFollowUp:_.isEqual(r.getStep(),3)},e.data.awardOrder&&(a.mpDeliveryInfoDetailData.formattedDeliveryMsisdn=e.data.awardOrder.address?t.format(e.data.awardOrder.address.msisdn):"",i(),n()),a.$parent.mpDeliveryInfoData.showBillingInfo||e.clearSelectedPricePlan(r.getStep())}angular.module("myProximus.glp.award").directive("mpDeliveryInfoDetail",a),a.$inject=[],e.$inject=["$scope","AwardOrderingService","StepIndicatorService","MsisdnFormatter","NaFormatter"]}();

!function(){"use strict";function e(){var e={restrict:"A",controller:a,templateUrl:"/emailSelectorTemplate"};return e}function a(e,a,t){function i(){_.isUndefined(t.data.orderType)&&a.emitMessage("deepLink")}function r(){a.onMessage("validate",o,e),a.onMessage("formValidator.validated",l,e),a.onMessage("formValidator.rejected",n,e)}function o(){a.emitMessage("formValidator.validate")}function n(){a.emitMessage("form.rejected","invalid email")}function l(){t.setEmail(e.mpEmailSelectorData.email),a.emitMessage("form.validated")}i(),r(),e.mpEmailSelectorData={email:void 0},e.$watch(function(){return t.data.awardOrder},function(a){a&&a.orderData&&a.orderData.email&&(e.mpEmailSelectorData.email=a.orderData.email)})}angular.module("myProximus.glp.award").directive("mpEmailSelector",e),e.$inject=[],a.$inject=["$scope","$eventBus","AwardOrderingService"]}();

!function(){"use strict";function r(){var r={restrict:"A",templateUrl:"/errorMessageTemplate",controller:e};return r}function e(r,e,a){r.errorMessageData={showErrorMessage:!1},e.onMessage("error",function(e,a){r.errorMessageData.showErrorMessage=!0,r.errorMessageData.image=a.image,r.errorMessageData.errorType=a.errorType,r.errorMessageData.orderType=a.orderType},r),r.showOrderValidationError=function(){return _.isEqual(r.errorMessageData.errorType,a.ORDER_VALIDATION_ERROR)},r.closeErrorBox=function(){r.errorMessageData.showErrorMessage=!1}}angular.module("myProximus.glp.award").directive("mpErrorMessage",r),r.$inject=[],e.$inject=["$scope","$eventBus","AwardOrderingService"]}();

!function(){"use strict";function r(){var r={restrict:"A",controller:e,replace:!0,templateUrl:"/followUpOrderTemplate"};return r}function e(r,e){r.mpFollowUpOrderData={awardOrder:e.data.awardOrder}}angular.module("myProximus.glp.award").directive("mpFollowUpOrder",r),r.$inject=[],e.$inject=["$scope","AwardOrderingService"]}();

!function(){"use strict";function e(){var e={restrict:"A",controller:i};return e}function i(e,i,n){function r(){i.onMessage("validate",t,e)}function t(){i.emitMessage("form.validated")}(_.isUndefined(n.data.selectedPricePlanDTO)||_.isUndefined(n.data.orderType))&&i.emitMessage("deepLink"),r()}angular.module("myProximus.glp.award").directive("mpGenericFirstOrderStep",e),e.$inject=[],i.$inject=["$scope","$eventBus","AwardOrderingService"]}();

!function(){"use strict";function e(){var e={restrict:"A",controller:i,templateUrl:"/milesIdSelectorTemplate"};return e}function i(e,i,r,d){function a(){_.isUndefined(r.data.orderType)&&i.emitMessage("deepLink")}function t(){i.onMessage("validate",n,e),i.onMessage("formValidator.validated",s,e),i.onMessage("formValidator.rejected",o,e)}function n(){i.emitMessage("formValidator.validate")}function o(){i.emitMessage("form.rejected","invalid miles and more Id")}function s(){var a=d.isValid(e.milesAndMoreId);a?(r.setMilesAndMoreId(e.milesAndMoreId),i.emitMessage("form.validated")):i.emitMessage("form.rejected","invalid miles and more Id")}a(),t(),e.$watch(function(){return r.data.awardOrder},function(i){i&&!_.isUndefined(i.orderData)&&(e.milesAndMoreId=i.orderData.mnmId)})}angular.module("myProximus.glp.award").directive("mpMilesIdSelector",e),e.$inject=[],i.$inject=["$scope","$eventBus","AwardOrderingService","MilesAndMoreIdValidatorService"]}();

!function(){"use strict";function e(){function e(e,t,a){e.mpMsisdnSelectorData.segmentFls=_.isEqual(a.segment,"FLS"),e.mpMsisdnSelectorData.segmentMcs=_.isEqual(a.segment,"MCS")}var a={restrict:"A",controller:t,link:e,templateUrl:"/msisdnSelectorTemplate"};return a}function t(e,t,a,s){function n(){t.onMessage("validate",i,e),t.onMessage("formValidator.validated",M,e),t.onMessage("formValidator.rejected",d,e)}function i(){t.emitMessage("formValidator.validate")}function d(){t.emitMessage("form.rejected","invalid pack selection")}function r(){e.mpMsisdnSelectorData.addLinkVisible=e.mpMsisdnSelectorData.msisdns.length>1&&e.mpMsisdnSelectorData.maximumAllowedPacks>1&&e.mpMsisdnSelectorData.maximumAllowedPacks>e.mpMsisdnSelectorData.totalSelectedPack&&e.mpMsisdnSelectorData.selectedPacks.length<e.mpMsisdnSelectorData.maximumAllowedPacks,e.mpMsisdnSelectorData.showDeleteButtons=e.mpMsisdnSelectorData.selectedPacks.length>1}function c(){return a.data.selectedPricePlanDTO.selectedQuantity}function l(){return _.range(1,a.data.selectedPricePlanDTO.selectedQuantity+1)}function o(){_.isEqual(e.mpMsisdnSelectorData.msisdns.length,1)?e.mpMsisdnSelectorData.selectedPacks=[{msisdn:e.mpMsisdnSelectorData.msisdns[0].msisdn,quantity:a.data.selectedPricePlanDTO.selectedQuantity}]:e.mpMsisdnSelectorData.selectedPacks=[{msisdn:"",quantity:""}]}function m(t){var a=_.sortBy(t,function(e){return e}),n=_.map(a,function(e){return{msisdn:e,formattedMsisdn:s.format(e)}});e.mpMsisdnSelectorData.msisdns=n}function u(){var t=0;_.forEach(e.mpMsisdnSelectorData.selectedPacks,function(e){_.isEqual(e.quantity,"")||_.isUndefined(e.quantity)||(t+=parseInt(e.quantity))}),e.mpMsisdnSelectorData.totalSelectedPack=t,p(),r()}function p(){_.isUndefined(a.data.awardOrder)||_.isUndefined(a.data.awardOrder.orderData&&!_.isUndefined(a.data.awardOrder.orderData.delivery))||(a.data.awardOrder.orderData.delivery=e.mpMsisdnSelectorData.selectedPacks,a.data.awardOrder.msisdns=e.mpMsisdnSelectorData.selectedPacks)}function D(t){t.preventDefault(),e.mpMsisdnSelectorData.selectedPacks.push({msisdn:"",quantity:""}),r()}function S(t,a){t.preventDefault(),e.mpMsisdnSelectorData.selectedPacks.length>1&&e.mpMsisdnSelectorData.selectedPacks.splice(a,1),u()}function M(){var a;e.isSelectionError=!_.isEqual(e.mpMsisdnSelectorData.maximumAllowedPacks,e.mpMsisdnSelectorData.totalSelectedPack),a=!e.isSelectionError&&e.mpMsisdnSelectorData.maximumAllowedPacks>0,a?t.emitMessage("form.validated"):t.emitMessage("form.rejected","invalid pack selection")}e.mpMsisdnSelectorData={showDeleteButtons:!1,deepLink:!1,selectedPacks:[],totalSelectedPack:0,maximumAllowedPacks:0,msisdns:[],stockQuantitySelection:0,addLinkVisible:!1},e.addRow=D,e.deleteRow=S,e.updateQuantity=u,_.isUndefined(a.data.selectedPricePlanDTO)||_.isUndefined(a.data.orderType)?(t.emitMessage("deepLink"),e.mpMsisdnSelectorData.deepLink=!0):(e.mpMsisdnSelectorData.maximumAllowedPacks=c(),e.mpMsisdnSelectorData.stockQuantitySelection=l(),e.mpMsisdnSelectorData.totalSelectedPack=1),n(),e.$watch(function(){return a.data.awardOrder},function(t){t&&t.orderData&&!_.isEmpty(t.orderData.msisdns)&&(m(t.orderData.msisdns),_.isUndefined(t.orderData.delivery)?o():e.mpMsisdnSelectorData.selectedPacks=t.orderData.delivery,u())})}angular.module("myProximus.glp.award").directive("mpMsisdnSelector",e),e.$inject=[],t.$inject=["$scope","$eventBus","AwardOrderingService","MsisdnFormatter"]}();

!function(){"use strict";function t(t){function r(e,r,n){t.setStep(n.step||1),e.$watch(function(){return t.stepIndicatorData.step},function(t){_.isUndefined(t)||(e.stepIndicatorData.step=t)}),e.$watch(function(){return t.stepIndicatorData.emailError},function(t,r){t!==r&&(e.stepIndicatorData.emailError=t)})}var n={restrict:"A",controller:e,link:r,templateUrl:"/stepIndicatorTemplate"};return n}function e(t,e,r){t.stepIndicatorData={twoStepOrderFlow:r.data.twoStepOrderFlow,step:e.getStep(),emailError:e.getEmailErrorAlert()}}angular.module("myProximus.glp.award").directive("mpStepIndicator",t),t.$inject=["StepIndicatorService"],e.$inject=["$scope","StepIndicatorService","AwardOrderingService"]}();

!function(){"use strict";function e(){var e={restrict:"A",controller:a,templateUrl:"/televisionSelectorTemplate"};return e}function a(e,a,t,i,o){function l(){t.emitMessage("deepLink")}function n(){var a=_.findIndex(e.mpTelevisionSelectorData.vodNaProfiles,function(e){return e.quantities[0]>0}),t=e.mpTelevisionSelectorData.vodNaProfiles[a];k={na:t.na,quantity:_.isEqual(e.mpTelevisionSelectorData.vodNaProfiles.length,1)?_.max(t.quantities):1,quantities:t.quantities}}function r(e){_.forEach(e,function(e){e.formattedNa=o.format(e.na)})}function s(a){_.forEach(a,function(a){var t=Math.floor((a.maxCredits-a.credits)/e.mpTelevisionSelectorData.pricePlan.credits),i=_.min([t,e.mpTelevisionSelectorData.maximumAllowedPacks]);a.quantities=_.range(1,i+1)})}function c(a){a.preventDefault(),e.mpTelevisionSelectorData.selectedPacks.push(angular.copy(k)),m()}function d(a,t){a.preventDefault(),e.mpTelevisionSelectorData.selectedPacks.length>1&&e.mpTelevisionSelectorData.selectedPacks.splice(t,1),m()}function m(){var a=0;_.forEach(e.mpTelevisionSelectorData.selectedPacks,function(e){a+=parseInt(e.quantity)}),e.mpTelevisionSelectorData.totalSelectedPacks=a,e.isSelectionError=e.mpTelevisionSelectorData.totalSelectedPacks>e.mpTelevisionSelectorData.maximumAllowedPacks,S(),u(),T()}function u(){var a=_.groupBy(e.mpTelevisionSelectorData.selectedPacks,"na");_.forEach(a,function(e){e.totalSelected=_.sum(e,"quantity")}),e.mpTelevisionSelectorData.packsControl=_.map(Object.keys(a),function(e){var t=_.max(a[e][0].quantities);return{na:e,total:a[e].totalSelected,busted:a[e].totalSelected>t}})}function v(a){var t=_.find(e.mpTelevisionSelectorData.vodNaProfiles,function(e){return _.isEqual(e.na,a.na)});a.quantities=t.quantities,a.quantity=_.min([a.quantity,_.last(t.quantities)]),m()}function f(){t.onMessage("validate",p,e),t.onMessage("formValidator.validated",P,e),t.onMessage("formValidator.rejected",D,e)}function p(){t.emitMessage("formValidator.validate")}function D(){t.emitMessage("form.rejected","invalid television selection")}function S(){_.isUndefined(i.data.awardOrder)||_.isUndefined(i.data.awardOrder.orderData&&!_.isUndefined(i.data.awardOrder.orderData.delivery))||(i.data.awardOrder.orderData.delivery=e.mpTelevisionSelectorData.selectedPacks,i.setVodNAs(e.mpTelevisionSelectorData.selectedPacks))}function P(){var a=_.isEqual(e.mpTelevisionSelectorData.maximumAllowedPacks,e.mpTelevisionSelectorData.totalSelectedPacks)&&!_.some(e.mpTelevisionSelectorData.packsControl,"busted",!0);e.isSelectionError=!_.isEqual(e.mpTelevisionSelectorData.totalSelectedPacks,e.mpTelevisionSelectorData.maximumAllowedPacks),a?t.emitMessage("form.validated"):t.emitMessage("form.rejected","invalid television selection")}function T(){e.mpTelevisionSelectorData.addLinkVisible=e.mpTelevisionSelectorData.vodNaProfiles.length>1&&e.mpTelevisionSelectorData.maximumAllowedPacks>1&&e.mpTelevisionSelectorData.maximumAllowedPacks>e.mpTelevisionSelectorData.totalSelectedPacks&&e.mpTelevisionSelectorData.selectedPacks.length<e.mpTelevisionSelectorData.maximumAllowedPacks,e.mpTelevisionSelectorData.showDeleteButtons=e.mpTelevisionSelectorData.selectedPacks.length>1}var k;_.isUndefined(i.data.selectedPricePlanDTO)?l():(e.mpTelevisionSelectorData={showDeleteButtons:!1,selectedPacks:[],totalSelectedPacks:1,maximumAllowedPacks:i.data.selectedPricePlanDTO.selectedQuantity,vodNaProfiles:void 0,addLinkVisible:!1,pricePlan:i.data.selectedPricePlanDTO.pricePlan},e.addRow=c,e.deleteRow=d,e.naChanged=v,e.updateQuantity=m,e.$watch(function(){return i.data.awardOrder},function(t){t&&t.orderData&&!_.isEmpty(t.orderData.vodNaProfiles)&&(e.mpTelevisionSelectorData.vodNaProfiles=a("orderBy")(t.orderData.vodNaProfiles,"na"),r(e.mpTelevisionSelectorData.vodNaProfiles),s(e.mpTelevisionSelectorData.vodNaProfiles),n(),_.isUndefined(t.orderData.delivery)?e.mpTelevisionSelectorData.selectedPacks=[angular.copy(k)]:e.mpTelevisionSelectorData.selectedPacks=t.orderData.delivery,m(),T())})),f()}angular.module("myProximus.glp.award").directive("mpTelevisionSelector",e),e.$inject=[],a.$inject=["$scope","$filter","$eventBus","AwardOrderingService","NaFormatter"]}();

!function(){"use strict";function e(){var e={restrict:"A",templateUrl:"/thankYouTemplate",controller:t};return e}function t(e,t,r,i){_.isUndefined(r.data.orderType)&&t.emitMessage("deepLink"),e.thankYouData={selectedPricePlanDTO:r.data.selectedPricePlanDTO,isMyProximusMobileAppV2:i.isMyProximusMobileAppV2()},r.deleteOrderFlowData()}angular.module("myProximus.glp.award").directive("mpThankYou",e),e.$inject=[],t.$inject=["$scope","$eventBus","AwardOrderingService","$environment"]}();

!function(){"use strict";function a(a,r){function e(a){_.isEqual(a,3)&&(S.data.selectedPricePlanDTO=void 0)}function d(){S.data.twoStepOrderFlow=!1,S.data.orderType=void 0,S.data.loyaltyPoints=void 0,S.data.isBirthdayAward&&(r.removeItem("aw:birthdayawardsv1"),S.data.isBirthdayAward=!1)}function t(a){a.value=S.data.awardOrder,delete a.value.orderData,delete a.value._links}function i(){return S.data.awardOrder.billingAccount}function n(a,r,e){S.data.awardOrder.billingAccount={id:_.isArray(a)?_.first(a):a,type:r},S.data.billingPaymentMethods=e}function o(a){S.data.awardOrder.mnmId=a,_.isUndefined(S.data.awardOrder.orderData)||(S.data.awardOrder.orderData.mnmId=a)}function l(a){S.data.awardOrder.email=a}function O(a){S.data.awardOrder.personDetails=a}function c(a){S.data.awardOrder.vodNas=a}function s(){return _.isUndefined(S.data.awardOrder)?void 0:S.data.awardOrder.personDetails}function w(){delete S.data.awardOrder.billingAccount}function E(){return S.data.awardOrder&&S.data.awardOrder.orderData?S.data.awardOrder.orderData.paymentagreements:""}function u(){return S.data.awardOrder&&S.data.awardOrder.orderData?S.data.awardOrder.orderData.proximusBillingAccounts:""}function A(a){S.data.orderFlowStarted=!0,S.data.selectedPricePlanDTO=a,S.data.orderType=D[a.award.type],S.data.twoStepOrderFlow=_.isEqual(a.pricePlan.cash,0),_.isEqual(S.data.orderType,"LoyaltyPoints")&&!_.isUndefined(a.award.loyaltyPoints)&&(S.data.loyaltyPoints=a.award.loyaltyPoints)}function y(a){return{awardId:a.award.awardId,pricePlan:a.pricePlan,amount:a.selectedQuantity,awardType:a.award.type}}function P(a){_.isUndefined(S.data.loyaltyPoints)||(a.loyaltyPoints=S.data.loyaltyPoints),S.data.awardOrder=a}function T(a){S.data.isBirthdayAward=a}function I(){return S.data.isBirthdayAward}function f(){return S.data.awardOrder}var D={EVoucher:"evoucher",DEVICES:"device",PS_PREPAID:"device",TICKET_VOUCHERS:"device",MERCHANDISES:"device",DEVICE_ACCESSORIES:"device",MILES_AND_MORE:"mm",PARTNER_AWARDS:"partner",BELGACOM_FIXED_FREE_MINUTES:"fixed",BELGACOM_MOBILE_FREE_MINUTES:"bone",BELGACOM_FREE_MINUTES:"bone",BELGACOM_DIGITAL_TV:"video",PS_POSTPAID_TO_DISTRIBUTE:"freeair",PS_POSTPAID:"freeair",LOYALTY_POINTS:"LoyaltyPoints",PROXIMUS_VOUCHER:"evoucher",BONE_ONE_OFF_DATA_BUNDLE:"bone",MCS_ONE_OFF_DATA_BUNDLE:"freeair"},S={awardTypeMap:D,setAwardOrder:P,getCreateOrderRequestBody:y,initializeAwardOrderFlow:A,getPaymentAgreements:E,getBillingAccounts:u,deleteBillingAccountFromOrder:w,getOrderBillingAccount:i,setBillingAccountToOrder:n,setAwardOrderToOrderEntity:t,setVodNAs:c,setPersonDetails:O,getPersonDetails:s,setMilesAndMoreId:o,setEmail:l,deleteOrderFlowData:d,getAwardOrder:f,clearSelectedPricePlan:e,setBirthdayAward:T,isBirthdayAward:I,data:{orderFlowStarted:!1,orderType:void 0,twoStepOrderFlow:!1,selectedPricePlanDTO:void 0,awardOrder:void 0,loyaltyPoints:void 0,isBirthdayAward:!1,emailError:!1},ORDER_VALIDATION_ERROR:"orderValidationError",PAYMENT_AGREEMENT:"PAYMENT_AGREEMENT",PROXIMUS_BILLING_ACCOUNT:"PROXIMUS_BILLING_ACCOUNT"};return S}angular.module("myProximus.glp.award").factory("AwardOrderingService",a),a.$inject=["GlpEntityConfig","$storage"]}();

!function(){"use strict";function r(){function r(r){var t=!1,a=["33303","22201","99222","99200","99990"];switch(r.length){case 9:t=n(r);break;case 15:var e=r.substring(0,5);_.includes(a,e)&&(t=n(r))}return t}function n(r){var n=[2,1],a=r.split(""),e=parseInt(_.last(a)),i=_.slice(a,0,a.length-1).reverse(),u=_.map(i,function(r,a){var e=n[a%2]*parseInt(r);return t(e)}),c=0;_.forEach(u,function(r){c+=r});var s=10*Math.ceil(c/10),o=_.isEqual(e,s-c);return o}function t(r){var n=r.toString().split("");n=_.map(n,function(r){return parseInt(r)});var t=0;return _.forEach(n,function(r){t+=r}),t}var a={isValid:r};return a}angular.module("myProximus.glp.award").factory("MilesAndMoreIdValidatorService",r),r.$inject=[]}();

!function(){"use strict";function t(){function t(t){n.stepIndicatorData.step=parseInt(t)}function r(){return n.stepIndicatorData.step}function e(){return n.stepIndicatorData.emailError}function a(t){n.stepIndicatorData.emailError=t}var n={setStep:t,getStep:r,getEmailErrorAlert:e,setEmailErrorAlert:a,stepIndicatorData:{step:1,context:void 0,emailError:!1}};return n}angular.module("myProximus.glp.award").factory("StepIndicatorService",t),t.$inject=[]}();

!function(){"use strict";function e(e){var d={restrict:"A",templateUrl:"/recommendedAwardsTemplate",controller:a};return d}function a(e,a,d,r,n,c){r.dispatch(n.GET_RECOMMENDED_AWARDS.EVENT),a.mpRecommendedAwardsData={},a.$watch(function(){return c.data.recommendedAwards},function(r){_.isArray(r)&&(a.mpRecommendedAwardsData.showRecommendedAwards=r.length>=3,a.mpRecommendedAwardsData.recommendedAwards=r,inception.clickable(".jsrs-clickable"),d(function(){inception.equalize(),e.$broadcast("reLazyLoad")}))})}angular.module("myProximus.glp.award").directive("mpRecommendedAwards",e),e.$inject=["$timeout"],a.$inject=["$rootScope","$scope","$timeout","$commangular","AwardCommandConfig","RecommendedAwardsService"]}();

!function(){"use strict";function r(r,e,t,a){function n(r){a.data.isBirthdayAward=!1,r=c(r);var e=i(r);u.data.recommendedAwards=o(e)}function i(r){var e={};return _.forEach(r,function(r){e[r.priority]||(e[r.priority]=[]),e[r.priority].push(r)}),e}function o(r){var e=[];return Object.keys(r).sort(function(r,e){return e-r}).forEach(function(t,a){if(a++<3){var n=r[t].length-1,i=Math.floor(Math.random()*n);e.push(r[t][i])}}),e}function c(r){return _.forEach(r,function(r){d(r)})}function d(a){t.setAwardPromoProperties(a),r.setMinimalPricePlan(a),r.setCash(a),e.updateStockInformation(a,a._embedded["aw:stock"]),r.setEligiblePricePlans(a),r.formatPricePlans(a)}var u={setRecommendedAwards:n,data:{recommendedAwards:void 0}};return u}angular.module("myProximus.glp.award").factory("RecommendedAwardsService",r),r.$inject=["AwardPricePlanService","AwardStockService","AwardPromoService","AwardDetailService"]}();

!function(){"use strict";function t(){var t={restrict:"A",replace:!0,controller:e,templateUrl:"/awardCatalogSortTemplate"};return t}function e(t,e,o,r,n){function i(){s()}function a(){return _.isUndefined(t.selectedSortOption)?r.getDefaultSortOption():t.selectedSortOption.id}function c(){var t=n.getObject("selectedSortOption");return _.isEqual(t,null)?void 0:t}function s(){var e=r.data.sortOptions;_.forEach(e,function(e){_.isEqual(e.id,t.selectedSortOptionKey)&&(t.selectedSortOption=e)}),l()}function l(){_.isObject(t.selectedSortOption)&&n.setObject("selectedSortOption",t.selectedSortOption)}t.sortOptionsEnabled=!1,t.selectSortOption=i,t.selectedSortOption=c(),t.$watch(function(){return o.data.awards},function(e,o){_.isArray(e)&&!_.isEqual(e,o)&&(t.selectedSortOptionKey=a(),t.sortOptionEnabled=!0,s())}),t.$watch(function(){return t.selectedSortOptionKey},function(n,i){_.isEqual(n,i)||(r.setSortOption(t.selectedSortOption),o.processAwards(),e.$broadcast("reLazyLoad"),s())})}angular.module("myProximus.glp.award").directive("mpAwardCatalogSort",t),t.$inject=[],e.$inject=["$scope","$rootScope","AwardCatalogService","AwardCatalogSortService","$sessionStorage"]}();

!function(){"use strict";function t(t,r){function a(t){n.data.sortOption=t}function o(){var a="2";return r.data.loyaltyPoints<t.data.threshold&&(a="1"),a}function i(r){var a=t.filterAwards(r);if(_.isUndefined(n.data.sortOption)){var i=o();_.forEach(n.data.sortOptions,function(t){_.isEqual(t.id,i)&&(n.data.sortOption=t)})}var e=_.sortBy(a,function(t){return t[n.data.sortOption.data.sortKey]});return n.data.sortOption.data.sortOrder||_(e).reverse().value(),e}var n={setSortOption:a,getDefaultSortOption:o,sortAwards:i,data:{sortOption:void 0,sortOptions:[{id:"1",data:{sortKey:"minPoints",sortOrder:!0}},{id:"2",data:{sortKey:"minPoints",sortOrder:!1}},{id:"3",data:{sortKey:"mainTitle",sortOrder:!0}},{id:"4",data:{sortKey:"mainTitle",sortOrder:!1}}]}};return n}angular.module("myProximus.glp.award").factory("AwardCatalogSortService",t),t.$inject=["AwardCatalogFilterService","AwardPricePlanService"]}();

!function(){"use strict";function r(){var r={restrict:"A",scope:{award:"="},templateUrl:"/awardStockTemplate"};return r}angular.module("myProximus.glp.award").directive("mpAwardStock",r),r.$inject=[]}();

!function(){"use strict";function t(t){function i(t,i){_.isUndefined(i)||(t.stock=i,t.inStock=!_.isEqual(i.indicator.type,e),_.isEqual(i.indicator.type,a)?t.stockType="STOCK":_.isEqual(i.indicator.type,e)?t.stockType="NONE":_.isEqual(i.indicator.type,n)?t.stockType="LIMITED":_.isEqual(i.indicator.type,r)&&(t.stockType="THRESHOLD",t.stockThreshold=i.indicator.threshold))}function o(i,o){var a=0;return t.data.loyaltyPoints&&(a=Math.min(c,Math.floor(t.data.loyaltyPoints/i)),o<a&&(a=o)),a}var a="INSTOCK",n="LIMITED",e="NOTAVAILABLE",r="THRESHOLD",c=10,s={updateStockInformation:i,getAmountOfItemsAllowed:o};return s}angular.module("myProximus.glp.award").factory("AwardStockService",t),t.$inject=["AwardPricePlanService"]}();

//# sourceMappingURL=award.myProximus.process.js.map