CINXE.COM

Profile | Budget Car Rental

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="author" content="ABG"/> <link rel="canonical" href="https://www.budget.com.au/en/loyalty-profile/fastbreak/dashboard/profile"/> <!--ARD3-1155 Start--> <!--ARD3-1155 End--> <link rel="icon" href="/etc/designs/budget/reservationlib/clientlib/images/favicon.png"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <div></div> <script> var ContextHubData = {"/etc/designs/platform/abgcontextstore/reservation.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"Reservation","discountNumber":{"jcr:primaryType":"nt:unstructured","code":"discountNumber","title":"Discount number"},"lor":{"jcr:primaryType":"nt:unstructured","code":"lor","title":"Length of rental"},"availableCars":{"jcr:primaryType":"nt:unstructured","code":"availableCars","title":"List of available car groups"},"paynowAvailable":{"jcr:primaryType":"nt:unstructured","code":"paynowAvailable","title":"Pay Now Available for Any Car"},"shopType":{"jcr:primaryType":"nt:unstructured","code":"shopType","title":"Shop Type (WEEKDAY or WEEKEND)"},"gpsAvailable":{"jcr:primaryType":"nt:unstructured","code":"gpsAvailable","title":"Is GPS Available"},"xmrAvailable":{"jcr:primaryType":"nt:unstructured","code":"xmrAvailable","title":"Is XMR Available"},"underAge":{"jcr:primaryType":"nt:unstructured","code":"underAge","title":"User is under aged"},"userState":{"jcr:primaryType":"nt:unstructured","code":"userState","title":"User State"},"customerState":{"jcr:primaryType":"nt:unstructured","code":"customerState","title":"Customer State"},"rentalPickupDatetime":{"jcr:primaryType":"nt:unstructured","code":"rentalPickupDatetime","title":"Successful Rental - Pickup Date Time"},"rentalDropoffDatetime":{"jcr:primaryType":"nt:unstructured","code":"rentalDropoffDatetime","title":"Successful Rental - Drop off Date Time"},"rentalCargroup":{"jcr:primaryType":"nt:unstructured","code":"rentalCargroup","title":"Successful Rental - Car Group Code"},"rentalCounterProducts":{"jcr:primaryType":"nt:unstructured","code":"rentalCounterProducts","title":"Successful Rental - Selected Counter products"},"discountNumberType":{"jcr:primaryType":"nt:unstructured","code":"discountNumberType","title":"Discount Number Type (Leisure,Corporate..)"},"pickUpDay":{"jcr:primaryType":"nt:unstructured","code":"pickUpDay","title":"Pick Up Day"},"pickUpMonth":{"jcr:primaryType":"nt:unstructured","code":"pickUpMonth","title":"Pick Up Month"},"dropOffDay":{"jcr:primaryType":"nt:unstructured","code":"dropOffDay","title":"Drop Off Day"},"dropOffMonth":{"jcr:primaryType":"nt:unstructured","code":"dropOffMonth","title":"Drop Off Month"},"bookingDay":{"jcr:primaryType":"nt:unstructured","code":"bookingDay","title":"Booking Day is"},"coupon":{"jcr:primaryType":"nt:unstructured","code":"coupon","title":"Coupon Number"},"smallMidSizeBusiness":{"jcr:primaryType":"nt:unstructured","code":"smallMidSizeBusiness","title":"Is opted for small midsize business"},"upsellAdd":{"jcr:primaryType":"nt:unstructured","code":"upsellAdd","title":"Upsell ADD"},"upsellAdr":{"jcr:primaryType":"nt:unstructured","code":"upsellAdr","title":"Upsell ADR"},"upsellCbs":{"jcr:primaryType":"nt:unstructured","code":"upsellCbs","title":"Upsell CBS"},"upsellCfs":{"jcr:primaryType":"nt:unstructured","code":"upsellCfs","title":"Upsell CFS"},"upsellCis":{"jcr:primaryType":"nt:unstructured","code":"upsellCis","title":"Upsell CIS"},"upsellCsb":{"jcr:primaryType":"nt:unstructured","code":"upsellCsb","title":"Upsell CSB"},"upsellCss":{"jcr:primaryType":"nt:unstructured","code":"upsellCss","title":"Upsell CSS"},"upsellGps":{"jcr:primaryType":"nt:unstructured","code":"upsellGps","title":"Upsell GPS"},"upsellRsn":{"jcr:primaryType":"nt:unstructured","code":"upsellRsn","title":"Upsell RSN"},"upsellSkr":{"jcr:primaryType":"nt:unstructured","code":"upsellSkr","title":"Upsell SKR"},"upsellSnc":{"jcr:primaryType":"nt:unstructured","code":"upsellSnc","title":"Upsell SNC"},"upsellTab":{"jcr:primaryType":"nt:unstructured","code":"upsellTab","title":"Upsell TAB"},"upsellWfi":{"jcr:primaryType":"nt:unstructured","code":"upsellWfi","title":"Upsell WIFI"},"upsellXmr":{"jcr:primaryType":"nt:unstructured","code":"upsellXmr","title":"Upsell XMR"},"countryOfResidence":{"jcr:primaryType":"nt:unstructured","code":"countryOfResidence","title":"Country of Residence"},"reservationFlow":{"jcr:primaryType":"nt:unstructured","code":"reservationFlow","title":"Flow of Reservation "},"multiIslandLocation":{"jcr:primaryType":"nt:unstructured","code":"multiIslandLocation","title":"Is Multi Island reservation"},"awdType":{"jcr:primaryType":"nt:unstructured","code":"awdType","title":"AWD / BCD Type"},"geoLocationCity":{"jcr:primaryType":"nt:unstructured","code":"geoLocationCity","title":"Geo Location City"},"geoLocationState":{"jcr:primaryType":"nt:unstructured","code":"geoLocationState","title":"Geo Location State"},"oneWayRental":{"jcr:primaryType":"nt:unstructured","code":"oneWayRental","title":"One Way Rental"},"geoLocationCountry":{"jcr:primaryType":"nt:unstructured","code":"geoLocationCountry","title":"Geo Location Country"},"wizardOutage":{"jcr:primaryType":"nt:unstructured","code":"wizardOutage","title":"Wizard Outage"},"daysInAdv":{"jcr:primaryType":"nt:unstructured","code":"daysInAdv","title":"Days In Advance"}},"/etc/designs/platform/abgcontextstore/p13nsummary.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"P13nSummary","successfulVisits":{"jcr:primaryType":"nt:unstructured","code":"successfulVisits","title":"Successful Visits"},"unsuccessfulVisits":{"jcr:primaryType":"nt:unstructured","code":"unsuccessfulVisits","title":"Unsuccessful Visits"},"rentalPulState":{"jcr:primaryType":"nt:unstructured","code":"rentalPulState","title":"Successful Rental - Pickup Location state code"},"rentalPulCountry":{"jcr:primaryType":"nt:unstructured","code":"rentalPulCountry","title":"Successful Rental - Pickup Location country code"},"rentalDolCountry":{"jcr:primaryType":"nt:unstructured","code":"rentalDolCountry","title":"Successful Rental - Drop off Location country code"},"rentalDolState":{"jcr:primaryType":"nt:unstructured","code":"rentalDolState","title":"Successful Rental - Drop off Location country code"},"rentalPul":{"jcr:primaryType":"nt:unstructured","code":"rentalPul","title":"Successful Rental - Pick up Location Code"},"rentalDol":{"jcr:primaryType":"nt:unstructured","code":"rentalDol","title":"Successful Rental - Drop off location code"},"rateshopPul":{"jcr:primaryType":"nt:unstructured","code":"rateshopPul","title":"Successful Rental - Pick up Location Code"},"visitCount":{"jcr:primaryType":"nt:unstructured","code":"visitCount","title":"Successful Rental - Pick up Location Code"},"deviceType":{"jcr:primaryType":"nt:unstructured","code":"deviceType","title":"Device Type is"},"pulDay":{"jcr:primaryType":"nt:unstructured","code":"pulDay","title":"PickUp Day"},"amazonLinked":{"jcr:primaryType":"nt:unstructured","code":"amazonLinked","title":"Amazon Linked"},"amazonLinkingSupported":{"jcr:primaryType":"nt:unstructured","code":"amazonLinkingSupported","title":"Amazon Supported"},"expeditedCheckoutIs":{"jcr:primaryType":"nt:unstructured","code":"precheckout","title":"Expedited Checkout is"},"showSmallBiz":{"jcr:primaryType":"nt:unstructured","code":"showSmallBiz","title":"Show Small Biz"},"prepayTxn":{"jcr:primaryType":"nt:unstructured","code":"prepayTxn","title":"Prepay Status"},"inboundGuided":{"jcr:primaryType":"nt:unstructured","code":"inboundGuided","title":"Inbound and Guided Flag"},"rentalCounterProducts":{"jcr:primaryType":"nt:unstructured","code":"rentalCounterProducts","title":"Rental Counter Products"},"smallBizAdvantage":{"jcr:primaryType":"nt:unstructured","code":"smBizAwd","title":"Small Biz Advantage"},"discountNumber":{"jcr:primaryType":"nt:unstructured","code":"discountNumber","title":"Discount Number"},"pulCountry":{"jcr:primaryType":"nt:unstructured","code":"pulCountry","title":"Pick up location country code"},"precheckin":{"jcr:primaryType":"nt:unstructured","code":"precheckin","title":"Pre CheckIn is"},"precheckinSubmitted":{"jcr:primaryType":"nt:unstructured","code":"precheckinSubmitted","title":"Pre CheckIn Submitted"},"firstTimePreferred":{"jcr:primaryType":"nt:unstructured","code":"isFirstTimePreferred","title":"Is First Time Preferred"},"amazonUser":{"jcr:primaryType":"nt:unstructured","code":"amazonUser","title":"Amazon User"}},"/etc/designs/platform/abgcontextstore/partner.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"Partner","segment":{"jcr:primaryType":"nt:unstructured","code":"segment","title":"Discount Number"},"countries":{"jcr:primaryType":"nt:unstructured","code":"countries","title":"Countries"},"cbpFlow":{"jcr:primaryType":"nt:unstructured","code":"cbpFlow","title":"Corporate user flow"}},"/etc/designs/platform/abgcontextstore/location.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"Location","pul":{"jcr:primaryType":"nt:unstructured","code":"pul","title":"Pick up location code"},"dol":{"jcr:primaryType":"nt:unstructured","code":"dol","title":"Drop off location code"},"pickUpLocAirportInd":{"jcr:primaryType":"nt:unstructured","code":"pickUpLocAirportInd","title":"Airport Pick Up location"},"dropOffLocAirportInd":{"jcr:primaryType":"nt:unstructured","code":"dropOffLocAirportInd","title":"Airport Drop off location"},"airportLocation":{"jcr:primaryType":"nt:unstructured","code":"airportLocation","title":"Is Airport Location"},"neighbourhoodLocation":{"jcr:primaryType":"nt:unstructured","code":"neighbourhoodLocation","title":"Is Neighbourhood Location"},"licenseeLocation":{"jcr:primaryType":"nt:unstructured","code":"licenseeLocation","title":"Is Licensee Location"},"corporateLocation":{"jcr:primaryType":"nt:unstructured","code":"corporateLocation","title":"Is Corporate Location"},"oneWayRental":{"jcr:primaryType":"nt:unstructured","code":"corporateLocation","title":"Is One Way Rental"},"isTruckLocation":{"jcr:primaryType":"nt:unstructured","code":"truckIndicator","title":"Is Truck Location"}},"/etc/designs/platform/abgcontextstore/profile.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"Profile","loyaltyOptableUser":{"jcr:primaryType":"nt:unstructured","code":"loyaltyOptableUser","title":"Is Loyalty Optable User"},"creditExpiryStatus":{"jcr:primaryType":"nt:unstructured","code":"creditExpiryStatus","title":"Credit Card Expiry Status(ABOUT_TO_EXPIRY, EXPIRED)"},"userType":{"jcr:primaryType":"nt:unstructured","code":"userType","title":"User Type(EXISTING_USER, NEW_USER)"},"loyaltyEligible":{"jcr:primaryType":"nt:unstructured","code":"loyaltyEligible","title":"Loyalty Eligibility Status"},"loyaltyTier":{"jcr:primaryType":"nt:unstructured","code":"loyaltyTier","title":"Loyalty Tier Name"},"carPreference":{"jcr:primaryType":"nt:unstructured","code":"carPreference","title":"Car preference for user"},"creditCardType":{"jcr:primaryType":"nt:unstructured","code":"creditCardType","title":"Credit Card Type"},"loyaltyOptIn":{"jcr:primaryType":"nt:unstructured","code":"loyaltyOptIn","title":"Loyalty Opt In"},"ftpOptIn":{"jcr:primaryType":"nt:unstructured","code":"ftpOptIn","title":"FTP Opt In"},"rewardOptOut":{"jcr:primaryType":"nt:unstructured","code":"rewardOptOut","title":"Opt Out"},"profileStatus":{"jcr:primaryType":"nt:unstructured","code":"profileStatus","title":"Profile Status"},"userCountryOfResidence":{"jcr:primaryType":"nt:unstructured","code":"userCountryOfResidence","title":"User Country Of Residence"},"birthDate":{"jcr:primaryType":"nt:unstructured","code":"birthDate","title":"Birth Date"},"age":{"jcr:primaryType":"nt:unstructured","code":"age","title":"Age"},"emailOptIn":{"jcr:primaryType":"nt:unstructured","code":"emailOptIn","title":"Email Opt In"},"awdType":{"jcr:primaryType":"nt:unstructured","code":"awdType","title":"AWD Type"},"loyaltyPoints":{"jcr:primaryType":"nt:unstructured","code":"loyaltyPoints","title":"Loyalty Points"}},"/etc/designs/platform/abgcontextstore/geocodeInfo.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"GeocodeInfo","geoLocationCountry":{"jcr:primaryType":"nt:unstructured","code":"geoLocationCountry","title":"Geo Location Country"},"geoLocationState":{"jcr:primaryType":"nt:unstructured","code":"geoLocationState","title":"Geo Location State"}},"/etc/designs/platform/abgcontextstore/rateshop.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"RateShop","rateshopPickupDatetime":{"jcr:primaryType":"nt:unstructured","code":"rateshopPickupDatetime","title":"Rate shop - Pickup Date Time"},"rateshopDropoffDatetime":{"jcr:primaryType":"nt:unstructured","code":"rateshopDropoffDatetime","title":"Rate shop - Drop off Date Time"},"rateshopCounterProducts":{"jcr:primaryType":"nt:unstructured","code":"rateshopCounterProducts","title":"Rate shop - Selected Counter products"},"rateshopCargroup":{"jcr:primaryType":"nt:unstructured","code":"rateshopCargroup","title":"Rate shop - Car Group Code"}},"/etc/designs/platform/abgcontextstore/vehiclesummary.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"VehicleSummary","carClass":{"jcr:primaryType":"nt:unstructured","code":"carClass","title":"Current Car Class"}},"/etc/designs/platform/abgcontextstore/demographics.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"DemoGraphics","referrer":{"jcr:primaryType":"nt:unstructured","code":"referrer","title":"Referrer"},"clientIp":{"jcr:primaryType":"nt:unstructured","code":"clientIp","title":"Client IP Address"}},"/etc/designs/platform/abgcontextstore/address.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"Address","pulState":{"jcr:primaryType":"nt:unstructured","code":"pulState","title":"Pick up location state code"},"pulCountry":{"jcr:primaryType":"nt:unstructured","code":"pulCountry","title":"Pick up location country code"},"dolState":{"jcr:primaryType":"nt:unstructured","code":"dolState","title":"Drop off location state code"},"dolCountry":{"jcr:primaryType":"nt:unstructured","code":"dolCountry","title":"Drop off location state code"},"pulCity":{"jcr:primaryType":"nt:unstructured","code":"pulCity","title":"Pick up location city"},"dolCity":{"jcr:primaryType":"nt:unstructured","code":"dolCity","title":"Drop off location city"}},"/etc/designs/platform/abgcontextstore/guidedreseravation.infinity.json":{"jcr:primaryType":"nt:unstructured","title":"GuidedReseravation","passengerCount":{"jcr:primaryType":"nt:unstructured","code":"passengerCount","title":"Passenger Count"},"luggageRoom":{"jcr:primaryType":"nt:unstructured","code":"luggageRoom","title":"Luggage Room"},"businessType":{"jcr:primaryType":"nt:unstructured","code":"businessType","title":"Business Type"}}}; </script> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/> <meta property="og:title" content="Profile | Budget Car Rental" id="ogTitle"/> <meta property="og:description" id="ogDescription"/> <meta property="og:type" content="website"/> <meta property="og:url" content="/content/budget/en/loyalty-profile/fastbreak/dashboard/profile" id="ogUrl"/> <meta property="og:image" content="https://www.budget.com.au/content/dam/budget/oc/au/common/offers/budget-au-cars-online-social-tags-2440x1600.jpg"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Profile | Budget Car Rental" id="twitterTitle"/> <meta name="twitter:description" id="twitterDescription"/> <meta name="title" content="Profile | Budget Car Rental"/> <meta name="description"/> <meta name="twitter:image" content="https://www.budget.com.au/content/dam/budget/oc/au/common/offers/budget-au-cars-online-social-tags-2440x1600.jpg"/> <title>Profile | Budget Car Rental</title> <link rel="stylesheet" href="/etc/designs/platform/clientlib.min.24.11.17-RELEASE.css" type="text/css"> </meta> <link rel="stylesheet" href="/etc/designs/budget/landingpagelib/clientlib.min.24.11.17-RELEASE.css" type="text/css"> </meta> <link rel="stylesheet" href="/etc/designs/budget/reservationlib/clientlib.min.24.11.17-RELEASE.css" type="text/css"> </meta> <!-- Changes for loading the self-checkout clientlib - during self checkout pages and partner pages. --> <script src="/etc/designs/platform/ie_clientlib.min.js" nomodule></script> </meta> <!-- <script type="text/javascript" src="/etc/designs/platform/angular/scripts/angular/intersection-observer.js"></script> --> <!-- Anti-flicker snippet (recommended) --> <style>.async-hide { opacity: 0 !important} </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-PGSGP8V':true}); </script> <!-- <meta data-sly-call="" data-sly-unwrap></meta> --> <div> <script type="text/javascript"> window.Granite = window.Granite || {}; (function(a){if(typeof module==="object"&&module.exports){module.exports=a()}else{var b=window.Granite=window.Granite||{};b.Util=a()}}(function(){var a=function(b){return Object.prototype.toString.call(b)==="[object Array]"};return{patchText:function(d,c){if(c){if(!a(c)){d=d.replace("{0}",c)}else{for(var b=0;b<c.length;b++){d=d.replace(("{"+b+"}"),c[b])}}}return d},getTopWindow:function(){var c=window;if(this.iFrameTopWindow){return this.iFrameTopWindow}try{while(c.parent&&c!==c.parent&&c.parent.location.href){c=c.parent}}catch(b){}return c},setIFrameMode:function(b){this.iFrameTopWindow=b||window},applyDefaults:function(){var d;var f=arguments[0]||{};for(var c=1;c<arguments.length;c++){d=arguments[c];for(var b in d){var e=d[b];if(d.hasOwnProperty(b)&&e!==undefined){if(e!==null&&typeof e==="object"&&!(e instanceof Array)){f[b]=this.applyDefaults(f[b],e)}else{if(e instanceof Array){f[b]=e.slice(0)}else{f[b]=e}}}}}return f},getKeyCode:function(b){return b.keyCode?b.keyCode:b.which}}})); (function(a){if(typeof module==="object"&&module.exports){module.exports=a(require("@granite/util"))}else{window.Granite.HTTP=a(Granite.Util)}}(function(util){return(function(){var contextPath=null;var SCRIPT_URL_REGEXP=/^(?:http|https):\/\/[^/]+(\/.*)\/(?:etc\.clientlibs|etc(\/.*)*\/clientlibs|libs(\/.*)*\/clientlibs|apps(\/.*)*\/clientlibs|etc\/designs).*\.js(\?.*)?$/;var ENCODE_PATH_REGEXP=/[^\w-.~%:/?[\]@!$&'()*+,;=]/;var URI_REGEXP=/^(([^:/?#]+):)?(\/\/([^/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/;var loginRedirected=false;var self={};self.getSchemeAndAuthority=function(uri){if(!uri){return""}var result=URI_REGEXP.exec(uri);if(result===null){return""}return[result[1],result[3]].join("")};self.getContextPath=function(){if(contextPath===null){contextPath=self.detectContextPath()}return contextPath};self.detectContextPath=function(){try{if(window.CQURLInfo){contextPath=CQURLInfo.contextPath||""}else{var scripts=document.getElementsByTagName("script");for(var i=0;i<scripts.length;i++){var result=SCRIPT_URL_REGEXP.exec(scripts[i].src);if(result){contextPath=result[1];return contextPath}}contextPath=""}}catch(e){}return contextPath};self.externalize=function(url){try{if(url.indexOf("/")===0&&self.getContextPath()&&url.indexOf(self.getContextPath()+"/")!==0){url=self.getContextPath()+url}}catch(e){}return url};self.internalize=function(url,doc){if(url.charAt(0)==="/"){if(contextPath===url){return""}else{if(contextPath&&url.indexOf(contextPath+"/")===0){return url.substring(contextPath.length)}else{return url}}}if(!doc){doc=document}var docHost=self.getSchemeAndAuthority(doc.location.href);var urlHost=self.getSchemeAndAuthority(url);if(docHost===urlHost){return url.substring(urlHost.length+(contextPath?contextPath.length:0))}else{return url}};self.getPath=function(url){if(!url){if(window.CQURLInfo&&CQURLInfo.requestPath){return CQURLInfo.requestPath}else{url=window.location.pathname}}else{url=self.removeParameters(url);url=self.removeAnchor(url)}url=self.internalize(url);var i=url.indexOf(".",url.lastIndexOf("/"));if(i!==-1){url=url.substring(0,i)}return url};self.removeAnchor=function(uri){var fragmentIndex=uri.indexOf("#");if(fragmentIndex>=0){return uri.substring(0,fragmentIndex)}else{return uri}};self.removeParameters=function(uri){var queryIndex=uri.indexOf("?");if(queryIndex>=0){return uri.substring(0,queryIndex)}else{return uri}};self.encodePathOfURI=function(uri){var DELIMS=["?","#"];var parts=[uri];var delim;for(var i=0,ln=DELIMS.length;i<ln;i++){delim=DELIMS[i];if(uri.indexOf(delim)>=0){parts=uri.split(delim);break}}if(ENCODE_PATH_REGEXP.test(parts[0])){parts[0]=self.encodePath(parts[0])}return parts.join(delim)};self.encodePath=function(uri){uri=encodeURI(uri);uri=uri.replace(/%5B/g,"[").replace(/%5D/g,"]");uri=uri.replace(/\?/g,"%3F");uri=uri.replace(/#/g,"%23");return uri};self.handleLoginRedirect=function(){if(!loginRedirected){loginRedirected=true;alert(Granite.I18n.get("Your request could not be completed because you have been signed out."));var l=util.getTopWindow().document.location;l.href=self.externalize("/")+"?resource="+encodeURIComponent(l.pathname+l.search+l.hash)}};self.getXhrHook=function(url,method,params){method=method||"GET";if(window.G_XHR_HOOK&&typeof G_XHR_HOOK==="function"){var p={url:url,method:method};if(params){p.params=params}return G_XHR_HOOK(p)}return null};self.eval=function(response){if(typeof response!=="object"){if(typeof window.jQuery==="undefined"){window.jQuery=ContextHubJQ.noConflict();window.$=ContextHubJQ.noConflict()}response=$.ajax({url:response,type:"get",async:false})}try{return eval("("+(response.body?response.body:response.responseText)+")")}catch(e){}return null};return self}())})); </script> </div> <script type="text/javascript"> (function() { window.ContextHub = window.ContextHub || {}; /* setting paths */ ContextHub.Paths = ContextHub.Paths || {}; ContextHub.Paths.CONTEXTHUB_PATH = "/conf/global/settings/cloudsettings/legacy/contexthub"; ContextHub.Paths.RESOURCE_PATH = "\/content\/budget\/oc\/au\/en_AU\/loyalty\u002Dprofile\/fastbreak\/dashboard\/profile\/_jcr_content\/contexthub"; ContextHub.Paths.SEGMENTATION_PATH = "\/conf\/budget\u002Doc\u002Dau\/settings\/wcm\/segments"; ContextHub.Paths.CQ_CONTEXT_PATH = ""; /* setting initial constants */ ContextHub.Constants = ContextHub.Constants || {}; ContextHub.Constants.ANONYMOUS_HOME = "/home/users/n/nKrx2W5OF0aBjIxBV7oN"; ContextHub.Constants.MODE = "no-ui"; }()); </script><script src="/conf/global/settings/cloudsettings/legacy/contexthub.kernel.js" type="text/javascript"></script> <script type="text/javascript"> (function(){var b={analytics:1,design:1,disabled:1,preview:1,read_only:1};var a=function(d){var c=d;if(ContextHub.Constants.MODE==="ui"){var e=new RegExp("[?&]wcmmode=([^&#]*)").exec(window.location.href);if(e&&(e.length>1)){e=(e[1]||"").toLowerCase()}else{e=ContextHub.Utils.Cookie.getItem("wcmmode")}if(b[e]){c+=((d.indexOf("?")===-1)?"?":"&")+"wcmmode="+e}}return c};ContextHub.SegmentEngine.PageInteraction.Teaser.prototype.updatePlaceholder=function(){var d=this.getBestCandidate();var c=null;if(d){var e=this.currentlyLoaded||{};c=a(d.url);if(!ContextHub.Utils.Cookie.getItem("wcmmode")){if(c.indexOf("default.html")!=-1&&c.indexOf("/content/")===-1){c=c.replace(".html","")}}if((e.path===d.path)&&(e.url===c)){return}}if(d){this.currentlyLoaded=$.extend(true,{},d,{url:c});this.getVariantContent(c,function(g){var f=$("#"+this.details.locationId);f.html(g);ContextHub.eventing.trigger(ContextHub.SegmentEngine.PageInteraction.Teaser.prototype.info.loadEvent,{teaser:this,variant:d,key:this.details.locationId,action:"set",value:"loaded"},{defer:0})}.bind(this))}else{delete this.currentlyLoaded}}})(); if(typeof window.jQuery=== "undefined") { window.jQuery= ContextHubJQ.noConflict(); window.$= ContextHubJQ.noConflict();} if(typeof window.$CQ=== "undefined") { window.$CQ= ContextHubJQ;} </script> <!-- <meta data-sly-call="" data-sly-unwrap></meta> --> <script> (function(e){e.Dictionary=new function(){function d(a,b){if(b)if(angular.isArray(b))for(var c=0;c<b.length;c++)a=a.replace("{"+c+"}",b[c]);else a=a.replace("{0}",b);return a}var c=[];this.I18n={get:function(a,b){if("undefined"!==typeof a&&"undefined"!==typeof b&&"undefined"!==typeof c[a]&&-1<c[a].indexOf("{"))return d(c[a],b);if(c[a])return c[a];b=a&&"string"===typeof a&&0<=a.indexOf(","+brand)?!0:!1;b=b?a.substring(0,a.indexOf(",")):a+","+brand;return c[b]||a},patch:function(a,b){return d(a,b)},getAll:function(){return c},saveOrUpdate:function(a){for(var b in a)hasOwnProperty.call(a,b)&&(c[b]=a[b])}}}})(window); </script> <link rel="icon" type="image/vnd.microsoft.icon" href="/etc/designs/budget/reservationlib/clientlib/images/favicon.ico"/> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/etc/designs/budget/reservationlib/clientlib/images/favicon.ico"/> <style> <!--[if lte IE 9]> .ie-class .res-hideSelect select{ width: 135%; } .ie-class .res-selectFld .residencyClass select{ width: 135%; } .ie-class .res-selectFld .ageDrop select{ width: 180%; } .ie-class .res-inputFld .res-inputTime{ width: 135%; } <![endif]--> </style> </head> <body><!-- <div data-sly-use.businesssightly= "/content/budget/oc/au/en_AU/loyalty-profile/fastbreak/dashboard/profile.html.abg.sightly.components.BusinessLocationSchema"></div> --> <!-- <div data-sly-resource="clientcontext" data-sly-unwrap></div> --> <div class="mainContainer" ng-controller="MainController as vm"> <div id="avisHome"> <div ng-controller="DashboardController as vm"> <script src="https://sdk.clearme.com/clearme_5.0.5.js" async defer></script> <script type="text/javascript"> var isSiteloginPage = ""; var reservationRequest={ 'OPEN_RENTAL': '' || 'true', 'UPCOMING_RESERVATION' : '' || 'true' } </script> <script>Dictionary.I18n.saveOrUpdate({"06038":"By logging in, concur profile will be linked to avis profile","80005,budget":"We are sorry, the site has not properly responded to your request. If the problem persists, please \u003ca href\u003d\u0027/en/customer-care/worldwide-telephone-numbers\u0027\u003econtact Budget\u003c/a\u003e.","40018":"We are sorry, the site has not properly responded to your request. Please try again. If the problem persists, please Contact Us.","80010,budget":"We could not process your request due to a temporary technical problem, please try again.","50029":"Profile is already active.","33999":"We could not process your request at this time due to technical issues. Please try again or contact customer service."})</script> <div class="modal fade" id="loginModal" tabindex="-1" role="dialog"> <script>Dictionary.I18n.saveOrUpdate({"lbl.prof.logoutMsg,budget":"You are now logged out of your Budget account.","lbl.amazonBenefits.logout":"You are now logged out of your Amazon account.","err.profile.login.requiredstringPswd,budget":"Password is a required field.","err.profile.login.requiredstringPswd":"Password is a required field"})</script> <div class="modal-dialog modal-popup login-popup" ng-class="{'hideLogingPage':vm.hideLoginModal, 'memberRateContainer':vm.isMemberRateSelected }"> <div class="modal-content loginpopup" ng-class="{'memberRateTotalContainer' : vm.isMemberRateSelected && deviceType !== 'handheld','memberRate-bg-color':vm.isMemberRateSelected && deviceType === 'handheld'}"> <div ng-class="{'memberRateFormContainer':vm.isMemberRateSelected && deviceType !== 'handheld'}"> <div class="modal-header hide-on-load" ng-class="{'memberRate-modal-header':vm.isMemberRateSelected && deviceType !== 'handheld','memberRate-mob-header':vm.isMemberRateSelected && deviceType === 'handheld'}"> <span class="close-icon-black pull-right gap-btwn-two-close" ng-if="(vm.loginModel.displayControl.closeBtn && !vm.isMemberRateSelected) || (deviceType ==='handheld' && vm.isMemberRateSelected)" aria-label="Close" data-dismiss="modal"></span> <span class="pull-right budget-log-closetxt hide-mobile" aria-hidden="true" aria-label="Close" ng-click="vm.analytics('cancel');vm.closeCarModel()" ng-if="vm.loginModel.displayControl.variation === carRentalConstant.displayControlBig && !vm.isMemberRateSelected" data-dismiss="modal">Cancel</span> <div class="text-center h1-substitute" ng-if="vm.loginModel.displayControl.variation == carRentalConstant.displayControlBig && 'Profile'=='Login'">Sign into your Online Budget Account</div> <div class="text-center h1-substitute member-signin-mob" ng-if="vm.loginModel.displayControl.variation == carRentalConstant.displayControlBig && 'Profile'!='Login'">Sign into your Online Budget Account</div> <div class="text-center h1-substitute" ng-if="vm.loginModel.displayControl.variation != carRentalConstant.displayControlBig && 'Profile'=='Login'">Sign In to your Budget Account.</div> <div class="text-center h1-substitute" ng-if="vm.loginModel.displayControl.variation != carRentalConstant.displayControlBig && 'Profile'!='Login'">Sign In to your Budget Account.</div> </div> <div class="modal-body" ng-class="{'memberRate-signin-bg' : vm.isMemberRateSelected && deviceType === 'handheld'}"> <div class="form-inner-wrap"> <form name="loginForm" novalidate class="hide-on-load" method="post"> <div ng-if="vm.prod.errorList.length"> <div ng-repeat="error in vm.prod.errorList"> <div class="col-lg-12 mainErrorMsg login error res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText ng-binding" ng-bind-html="error.message | htmlFilter"></span> </div> </div> </div> <div ng-if="vm.ifAborted == true" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText"> We are unable to process your request at this time. Please return to the Homepage and start your process again or use the Worldwide Phone Number List to find your Budget Customer Service telephone number. </span> </div> <div ng-if="vm.otpAccLockMsg !=''" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text" ng-bind-html="vm.otpAccLockMsg"></span> </div> <div ng-if="vm.reachedOtpLimit == true" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText"> You've reached the maximum amount of code sends. Please try again later or contact customer service. </span> </div> <!-- ABGPR-580 Timeout message changes --> <div class="col-lg-12 mainErrorMsg login error res-PageError" ng-if="vm.timeoutErrorEnabled === '?timeout=true'"> <span class="mainErrorText ng-binding">Your session has expired so you&#39;ve been logged out of your profile. Please login and start your search again</span> </div> <div class=""> <p class="" ng-if="vm.loginModel.displayControl.variation != carRentalConstant.displayControlBig">Please enter your password to login</p> </div> <!-- Memebr Benefit Banner for Budget US starts --> <div ng-if="(vm.brand === 'avis' || vm.brand === 'budget') && vm.domain == 'us' && !(deviceType === 'handheld' && vm.isMemberRateSelected)"> <div ng-if="vm.enableMemberBenefits == 'true'" class="memeber-sign-in"> <span><img alt="Offer Banner Image" class="member-logo"/></img></span> <span class="memeber-offer-msg">lbl.prof.loginOfferBanner,budget </span> <a href="javascript:void(0)" class="custon-drop-off-btn memeber-offer-msg-anchor" ng-click="vm.scrollTnC()" data-toggle="modal" data-target=".benefits-flow-tnc-modal" data-backdrop="false">lbl.res.step3.reservationSummary.memberbenefits.termsApply,budget</a> </div> </div> <!-- Memebr Benefit Banner for Budget US ends --> <!-- Memebr Benefit Banner2 for Budget US starts --> <!-- <div ng-if="vm.isMemberRateSelected && deviceType === 'handheld'" class="member-rates-banner"> <span><span class="member-rate-banner-image"></span></span> <div ng-if="vm.enableMemberBenefits == 'true'" class="memeber-sign-in-inner"> <span class="memeber-rates-offer-msg">msg.memeRates.mobBannerHeading,budget</span> <p class="member-rates-signin-msg">msg.memeRates.mobBannerSubHeading,budget</p> </div> <div> <div class="base-rate">$2345</div> <div class="base-rate-msg">msg.memeRates.mobBannerBestRates,budget</div> </div> <span class="car"><car-image car-model="vm.selectedCar" car-class="car-img"></car-image></span> </div> --> <!-- Memebr Benefit Banner2 for Budget US ends --> <div class="form-group form-bg-color" ng-if="!isRecognized"> <input type="text" class="form-control radius-non" id="username" name="username" placeholder="Username or Fastbreak/RapidRez Number" ng-model="vm.loginModel.uName" validator="required" valid-method="blur" required-error-message="Username or Customer ID is a required field."/> </div> <div class="form-group form-bg-color" ng-if="isRecognized"> <input value="{{customer.userName}}" ng-model="customer.userName" name="username" class="form-control radius-non" id="username" placeholder="Username or Fastbreak/RapidRez Number " type="hidden"/> <input type="text" class="form-control radius-non" value="{{customer.userName}}" disabled/> </div> <div class="form-group" ng-show="vm.loginWarningMsg"> <span class="error">For full Budget and Amazon benefits, after logging in with Amazon you&#39;ll need to log in to Budget and link your accounts.</span> </div> <div class="form-group form-bg-color"> <input type="password" autocomplete="new-password" class="form-control radius-non" id="password" name="password" ng-model="vm.loginModel.password" placeholder="Password (Case Sensitive)" validator="required" ng-blur="vm.checkEmpty();" valid-method="blur" required-error-message="Password is a required field."/> </div> <p class="" ng-if="vm.loginModel.displayControl.variation != carRentalConstant.displayControlBig">Login is not required to complete your reservation</p> <div class="rememberMe-btn"> <label class="checkbox rem pull-left" aria-label="Remember Me" for="rememberme" ng-if="vm.loginModel.displayControl.variation == carRentalConstant.displayControlBig"> Remember Me </label> <div class="toggle-check pull-right" ng-show="vm.loginModel.displayControl.variation == carRentalConstant.displayControlBig"> <input type="checkbox" class="checkbox" name="rememberme" id="rememberme" ng-model="vm.loginModel.rememberMe"/> <div class="toggle-slide"> <div class="indicator"></div> <div class="toggle-on">YES</div> <div class="toggle-off">NO</div> </div> </div> </div> <!--<div class="clearfix top30 mar-bottom-20 pull-right w-100 cus-d-flex cus-justify-content-center" ng-if="vm.enableCaptcha == 'true' && vm.isLoginModelOpen"> <re-captcha></re-captcha> </div> --><br/><br/><br/> <!-- Enterprise captcha changes for Avis and Budget starts --> <div ng-if="vm.enableEnterpriseCaptcha == 'true' && (deviceType!=='handheld' || (deviceType === 'handheld' && !vm.isMemberRateSelected))" class="form-group form-bg-color"> This site is protected by reCAPTCHA Enterprise and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply. </div> <div ng-if="vm.enableEnterpriseCaptcha == 'true' && vm.isLoginModelOpen" class="recaptcha-wrapper"> <enterprise-captcha> </enterprise-captcha> </div> <!-- Enterprise captcha changes for Avis and Budget ends --> <button class="btn btn-lg btn-primary btn-block radius-non btn-submit btn-continue" id="res-login-profile" ng-class="{'submit-btn': vm.isMemberRateSelected && deviceType !== 'handheld'}" aria-label="Continue" ng-click="vm.getLogin.submit(loginForm, vm)" name="button" ng-if="vm.loginModel.displayControl.variation == carRentalConstant.displayControlBig">Sign In</button> <button class="btn btn-lg btn-primary btn-block radius-non btn-submit btn-continue" ng-class="{'submit-btn': vm.isMemberRateSelected && deviceType !== 'handheld'}" id="res-login-profile" aria-label="Continue" ng-click="vm.getLogin.submit(loginForm, vm)" name="button" ng-if="vm.loginModel.displayControl.variation != carRentalConstant.displayControlBig">Log In</button> </form> </div> <div class="spinnerLoader-small" ng-class="{'hidden':!vm.loginInProgress}"> <svg viewBox="0 0 100 100"> <circle cx="50" cy="50" r="40" stroke="#d4002a" stroke-width="8" fill="none" stroke-dasharray="1,150"></circle></svg> </div> </div> <div> <div class="modal-footer login-popup-footer addt-amazon-login-footer hide-on-load" ng-class="{'recognized-user-login':isRecognized,'member-rate-footer':vm.isMemberRateSelected && deviceType === 'handheld'}" ng-if="vm.loginModel.displayControl.variation == carRentalConstant.displayControlBig"> <ul class="list-inline btns-login"> <li class="col-xs-6 text-center forgot-username" ng-if="!isRecognized && !isRememberME"><a id="res-login-forgot-user" href="/en/loyalty-profile/fastbreak/forgot-username"><span class="memberRate-forgot-user" ng-if="vm.isMemberRateSelected">Forgot username?</span><span class="memberRate-forgot-user" ng-if="!vm.isMemberRateSelected">Forgot Customer Number?</span> </a></li> <li class="col-xs-6 text-center"><a id="res-login-forgot-password" href="/en/loyalty-profile/fastbreak/forgot-password">Forgot password?</a></li> <li class="col-xs-6 text-center not-you" ng-if="isRecognized || isRememberME"><a href="javascript:void(0)" ng-click="vm.getLogout()">Not You?</a></li> <li ng-if="(vm.brand === 'avis' && vm.domain != 'us')" ng-show="vm.showAmazonCTA()== carRentalConstant.amazonEnabled" class="col-xs-12 text-center amazon-prime" id="amazonBlock"> <span class="orcircle orCircleUp"></span> <div class="form-inner-wrap"> <a id="amazon-login" name="AMAZON" ng-click="vm.partnerLogin($event);"> <img src="" lazy-load="/content/dam/avis/na/us/common/amazon-login-btn.png" width="195" height="46" alt="Amazon"/> </a> </div> <span class="orcricle orCircleDown"></span> </li> <!-- <li ng-if="(vm.brand === 'avis' && vm.domain != 'us')" class="col-xs-12 text-center amazon-prime" id="googleLoginBlock"> <span class="orcircle orCircleUp"></span> <div class="form-inner-wrap"> <a id="google-login" name="google-login" ng-click="vm.socialLogin($event);"> <img src="" lazy-load="/content/dam/avis/na/us/common/google-login-button-1x.png" width="195" height="46"alt="google login"> </a> </div> <span class="orcricle orCircleDown"></span> </li> --> <li class="col-xs-12 text-center create-account" ng-if="vm.uniqueId==null && ((vm.brand === 'avis' || vm.brand === 'budget') && vm.domain != 'us') && !vm.isMemberRateSelected"> <span class="text-color-black"> Need an account? </span> <a class="createLink" id="res-home-creAccount" href="/en/loyalty-profile/fastbreak/enrollment">Create an Account</a> </li> <li class="col-xs-12 text-center member-footer-bg" ng-class="{'memberRate-signin-bg':vm.isMemberRateSelected && deviceType !== 'handheld'}" ng-if="((vm.brand === 'avis' || vm.brand === 'budget') && vm.domain == 'us')"> <div class="create-account create-account-section" ng-class="{'memberRate-create-account-main':vm.isMemberRateSelected}" ng-if="(vm.uniqueId==null && !vm.isMemberRateSelected) || (deviceType==='handheld' && vm.isMemberRateSelected)"> <span><img alt="Offer Banner Image" class="account-img"/></img> </span> <span> <a ng-if="!(vm.isMemberRateSelected && vm.brand === 'budget')" class="createLink account-label member-benefits-create-account-login-modal" id="res-home-creAccount"><strong>Create an Account</strong><br/></a> <a ng-if="(vm.isMemberRateSelected && vm.brand === 'budget')" class="createLink account-label member-benefits-create-account-login-modal memberRate-create-account" id="res-home-creAccount"><strong>Not a Member? Join Now</strong><br/></a> <span class="account-msg" ng-class="{'memberRate-create-account': vm.isMemberRateSelected}">lbl.prof.createAccountMsg,budget </span></span> </div> <div class="signin-more-option" ng-class="{'memberRate-sign-in': vm.isMemberRateSelected && deviceType !== 'handheld','member-rate-more-sign-in':vm.isMemberRateSelected && deviceType === 'handheld'}"> <p class="signin-p accordion-toggle collapsed" ng-class="{'memberRate-sign-in-p':vm.isMemberRateSelected && deviceType !== 'handheld'}" id="memberBenefitsBannerhead" data-toggle="collapse" data-target="#memberBenefitsBanner"> <span class="more-signin-label"> <span ng-if="!(vm.isMemberRateSelected && vm.brand == 'budget')"><strong>lbl.prof.signInMoreOpt,budget</strong></span><span ng-if="vm.isMemberRateSelected && vm.brand == 'budget'"><strong>lbl.prof.moreLoginOpt,budget</strong></span></span> </p> </div> <div id="memberBenefitsBanner" aria-expanded="true" class="panel-collapse collapse"> <div style="margin: 0px 50px 0px 25px !important;"> <span ng-show="vm.showAmazonCTA()== carRentalConstant.amazonEnabled" class="col-xs-12 text-center" id="amazonBlock"> <div class="form-inner-wrap"> <a id="amazon-login" name="AMAZON" ng-click="vm.partnerLogin($event);"> <img src="" lazy-load="/content/dam/avis/na/us/common/amazon-login-btn.png" alt="Amazon"/> </a> </div> </span> </div> </div> </li> <!-- for Self service ,login with wizard number --> <li class="col-xs-12 text-center create-account" ng-if="vm.uniqueId!=null"> <span class="text-color-black">If you already have a 6 digit Wizard number,</span> <a class="createLink" id="res-home-creAccount" href="javascript:void()" ng-click="vm.redirectToWizardLogin()">Go Here!</a> </li> </ul> </div> <!-- Enterprise captcha changes for Avis and Budget starts --> <div ng-if="vm.enableEnterpriseCaptcha == 'true' && vm.isMemberRateSelected && deviceType === 'handheld'" class="member-rate-enterprise-captcha"> This site is protected by reCAPTCHA Enterprise and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply. </div> <div ng-if="vm.enableEnterpriseCaptcha == 'true' && vm.isLoginModelOpen" class="recaptcha-wrapper"> <enterprise-captcha> </enterprise-captcha> </div> </div> <!-- Enterprise captcha changes for Avis and Budget ends --> <div class="modal-footer login-popup-footer hide-on-load" ng-if="vm.loginModel.displayControl.variation != carRentalConstant.displayControlBig"> <div class="step4-loginoverlay"> <div class="pull-left"> <a href="javascript:void()" title="Cancel" data-dismiss="modal">Cancel</a> </div> <div class="pull-right"> <a href="javascript:void()" ng-click="vm.getForgotpassword()" title="{'msg.res.checkout.forgotPassword' @ i18n}">Forgot password?</a> </div> <div class="pull-right"> <a href="javascript:void()" title="continue without password" data-dismiss="modal">continue without password</a> </div> </div> </div> </div> <div ng-if="vm.isMemberRateSelected && deviceType !== 'handheld'" class="not-a-member-container"> <span class="member-rate-close-icon pull-right gap-btwn-two-close" ng-if="vm.loginModel.displayControl.closeBtn" aria-label="Close" data-dismiss="modal"></span> <div class="not-a-member-inner-container"> <div class="not-a-member-sub-container"> <div class="not-a-member-header"> <div class="not-a-member-heading">Not a Member? Join Now</div> <div class="not-a-member-sub-heading">It&#39;s easy and only takes a minute.</div> </div> <div class="not-a-member-list"> <div class="not-a-member-img"><div class="not-a-member-image guaranteImage"></div><span class="not-a-member-text">Best Rate Guaranteed</span></div> <div class="not-a-member-img"><div class="not-a-member-image rentalDayImage"></div><span class="not-a-member-text">Bonus Rental Day</span></div> <div class="not-a-member-img"><div class="not-a-member-image upgradeImage"></div><span class="not-a-member-text">Free Upgrade (When Available)</span></div> </div> </div> <a><div class="btn join-now-button">lbl.prof.joinNow</div></a> </div> </div> </div> </div> <!-- changes as part of new SignIn model changes starts --> <div id="innerSignIn-modal" class="modal fade popup-fix modal-scroll-fix sign-in-enhance" tabindex="-1" role="dialog" data-backdrop="true"> <div class="modal-dialog modal-popup" style="background-color:white;"> <div class="modal-content" style="background-color:white;"> <div class="modal-header vehRedBg-for-mob"> <a class="pull-right" aria-hidden="true" aria-label="Close" data-dismiss-modal="modal3"><span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss-modal="modal3"></span> </a> <h3 class="modal-title text-trans pull-left gap-btwn-two-close">lbl.member.enrollment.tnc.policy</h3> </div> <div class="modal-body"> <!-- --> msg.res.VehicleAvailability.memberBenefitsTnCMsg </div> </div> </div> </div> <!-- changes as part of new SignIn model changes ends --> <!--script added for not to hide signin modal on closing terms-apply modal--> <script> $("a[data-dismiss-modal=modal3]").click(function(){ $('#innerSignIn-modal').modal('hide'); setTimeout(function () { $("body").addClass("modal-open") }, 200); }); </script> </div> <!-- Verfication code option modal display --> <div class="modal verification-code-option-modal fade popup-fix" tabindex="-1" id="otp_modal1_open" role="dialog" data-backdrop="true"> <div class="modal-dialog reservation-modal width-600 avis-mob-align" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" id="otp_modal1_close" ng-click="vm.codeOptionModal();" aria-label="Close" data-dismiss="modal"></span> <div ng-if="vm.securityAssessmentSummary.otpTokenverifiers.emailAddress.value != undefined && vm.securityAssessmentSummary.otpTokenverifiers.phoneNumber.value != ' ' "> <h4 class="modal-title">VERIFICATION CODE OPTION</h4> </div> <div ng-if="vm.securityAssessmentSummary.otpTokenverifiers.emailAddress.value == undefined && vm.securityAssessmentSummary.otpTokenverifiers.phoneNumber.value != ' ' "> <h4 class="modal-title">VERIFICATION CODE VIA SMS</h4> </div> <div ng-if="vm.securityAssessmentSummary.otpTokenverifiers.emailAddress.value != undefined && vm.securityAssessmentSummary.otpTokenverifiers.phoneNumber.value == ' ' "> <h4 class="modal-title">VERIFICATION CODE VIA EMAIL</h4> </div> <div ng-if="vm.reachedOtpLimit == true" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText"> You've reached the maximum amount of code sends. Please try again later or contact customer service. </span> </div> </div> <div class="modal-body"> <p>For added security, we will send you a verification code to verify your identity.</p> <p>Please choose a way to receive your verification code.</p><br/> <div class="row email-phoneno-content"> <div ng-if="vm.emailorphoneotpverifier.phoneNumber != null" class=" phonenumber-section budget-desk-width avis-desk-width avis-mob-width budget-mob-width"> <p class="padleft-65 avis-mob-ml-79 budget-mob-ml"><strong>Receive by Text:</strong></p> <p class="padleft-65 avis-mob-ml22">{{vm.securityAssessmentSummary.otpTokenverifiers.phoneNumber.value}}</p> <button type="submit" class="btn btn-primary-avis btn-primary-budget width100 avis-mob-ml-20 budget-mob-ml-6" id="otp_textme" ng-click="vm.textmeOption();">TEXT ME</button><br/> </div> <div ng-if="vm.emailorphoneotpverifier.phoneNumber != null && vm.emailorphoneotpverifier.emailAddress != null" class="col-xs-1 padding-lt avis-mob-margin-lt"> <span><img src="/etc/designs/platform/clientlib/images/Avis_OR_Icon.png" alt="OR_Icon" class="bud-img bud-mob-img"/></span> </div> <div ng-if="vm.emailorphoneotpverifier.phoneNumber != null && vm.emailorphoneotpverifier.emailAddress != null" class="col-xs-1 saperator"> <p class="border-left avis-mob-border-left budget-mob-border-left"></p> </div> <div ng-if="vm.emailorphoneotpverifier.emailAddress != null" class=" margin-left-20 budget-desk-width avis-desk-width avis-mob-width budget-mob-width" id="otp_submit"> <p class="padleft-65 avis-mob-ml-40 budget-mob-ml-15"><strong>Receive by Email:</strong></p> <p class="padleft-65 otp-ml-27 avis-mob-pl193">{{vm.securityAssessmentSummary.otpTokenverifiers.emailAddress.value}}</p> <button type="submit" id="otp_emailme" class="btn btn-primary-avis btn-primary-budget width100 avis-mob-ml20 budget-mob-ml-3" ng-click="vm.emailmeOption();">EMAIL ME</button><br/> </div> </div> </div> </div> </div> </div> <!-- Verfication code option modal display --> <!-- Verification code modal display for EMAIL and SMS --> <div class="modal verification-code-modal fade popup-fix" tabindex="-1" id="otp_modal2_open" role="dialog" data-keyboard="false"> <div class="modal-dialog reservation-modal width-600 avis-mob-align budget-mob-align" role="document"> <div class="modal-content otp-budget-height otp-avis-height"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" id="otp_modal2_close" ng-click="vm.getLogout();" aria-label="Close" data-dismiss="modal"></span> <h4 class="modal-title">VERIFICATION CODE</h4> </div> <div class="modal-body budget-mob-modal avis-mob-modal"> <span class="content" ng-if="vm.securityAssessmentSummary.otpTokenverifiers.phoneNumber.defaultOption || vm.textme == true">For added security, please enter the verification code that has been sent to your mobile number beginning with {{vm.securityAssessmentSummary.otpTokenverifiers.phoneNumber.value}} </span> <span ng-if="vm.securityAssessmentSummary.otpTokenverifiers.emailAddress.defaultOption || vm.emailme == true">For added security, please enter the verification code that has been sent to your email address beginning with {{vm.securityAssessmentSummary.otpTokenverifiers.emailAddress.value}} </span> <br/><br/> <label for="otp"><strong>Security Passcode</strong></label></br> <div class="row otp-section"> <div class="col-sm-4 otp-height form-group"> <input type="text" class="form-control height36 avis-mob-width budget-margin0" name="otp" validator="required,minlength=1" valid-method="blur" autocomplete="off" required-error-message="Please enter your One-time Passcode." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." invalidotp-error-message="The code you entered is not valid. Please try again." expiredotp-error-message="The code entered has expired. Please resend a new code and try again." genericotp-error-message="Please try after sometime" ng-model="vm.otpVerificationCode" maxlength="6"/> </div> <div class="col-sm-4 margin-left88 avis-mob-width budget-mob-btn"> <button type="submit" id="otp_submit" class="btn btn-primary-avis avis-mob-width avis-mob-ml-89 budget-mob-width budget-btn" ng-click="vm.triggerAccountVerificationVerify(vm.otpVerificationCode)">Submit</button> </div> </div><br/> <a href="javascript:void(0)" id="otp_resend" class="wrap-blue-link avis-mob-ml-60 budget-mob-ml-23" ng-click="vm.resendVerificationCode();">Resend Verification Code.</a> <br/> <br/> </div> </div> </div> </div> <!-- Verification code modal display --> <!-- Account locked modal display --> <div class="modal account-locked-modal fade popup-fix" tabindex="-1" id="closeBtns" role="dialog" data-backdrop="true"> <div class="modal-dialog reservation-modal width-600" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" aria-label="Close" data-dismiss="modal"></span> <h4 class="modal-title">ACCOUNT LOCKED</h4> </div> <div class="modal-body"> <p>Sorry, the maximum number of attempts has been reached. For your security your account has been locked.</p> <p>To activate your account, click on the link we sent to your email at {{vm.securityAssessmentSummary.otpTokenverifiers.emailAddress.value}}</p><br/> <div> <button type="submit" class="btn btn-primary-avis" ng-click="">RESEND EMAIL</button><br/> </div> </div> </div> </div> </div> <!-- Account locked modal display --> <!-- Email Sent modal display --> <div class="modal email-sent-modal fade popup-fix" tabindex="-1" id="closeBtns" role="dialog" data-backdrop="true"> <div class="modal-dialog reservation-modal width-600" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" aria-label="Close" data-dismiss="modal"></span> <h4 class="modal-title">EMAIL SENT</h4> </div> <div class="modal-body"> <div class="success-alert margin-left-13"> <span></span> <span><p>Email to reactivate your account sent.</p></span> </div> <span>Please check your email at {{vm.securityAssessmentSummary.otpTokenverifiers.emailAddress.value}} and click on the link we sent to unlock your account.<br/><br/></span> <div> <button type="submit" class="btn btn-primary-avis" ng-click="">RESEND EMAIL</button><br/><br/> </div> </div> </div> </div> </div> <!-- Email sent modal display --> <!-- ABGDIMT-668 changes for expired and compromised password modal--> <div class="modal passwordReset-modal fade popup-fix" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog reservation-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <div ng-if="vm.passwordResetcode == '30365'"> <h4 class="modal-title">PASSWORD EXPIRED</h4> </div> <div ng-if="vm.passwordResetcode == '30366'"> <h4 class="modal-title">RESET PASSWORD</h4> </div> </div> <div class="modal-body "> <div> <div class="info-error-step2-msg-image"> <span class=""></span> </div> <div class="info-error-msg-text"> <span> <strong>{{vm.passwordResetMsg}}</strong> </span> <br/> <br/> <p class="text-size-0_8x"> If you did not receive an email please check your junk folder. For further assistance please contact our <a href="/en/customer-care/worldwide-telephone-numbers">website team</a>.</p> </div> <div class="modal-footer text-center"> <button type="button" class="btn btn-primary btn-primary-avis pull-right" data-dismiss="modal" ng-click="vm.closeModal()">Close</button> </div> </div> </div> </div> </div> </div> <!-- ABGDIMT-668 changes for customer with no email ID--> <div class="modal contactCustCare-modal fade popup-fix" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog reservation-modal width-500" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">RESET PASSWORD</h4> </div> <div class="modal-body"> <div> <div class="info-error-step2-msg-image"> <span class=""></span> </div> <div class="info-error-msg-text"> <span> <strong>Your password has expired. Please contact our <a href="/en/customer-care/worldwide-telephone-numbers">customer service center</a> for any details.</strong> </span> <br/> <br/> </div> <div class="modal-footer text-center"> <button type="button" class="btn btn-primary btn-primary-avis pull-right" data-dismiss="modal" ng-click="vm.closeModal()">Close</button> </div> </div> </div> </div> </div> </div> <nav class="auth-spmenu hedwelcomeMenu" id="menu-Welcome" style="left: 935.344px;"> <div class="auth-welcome"> <div class="visible-xs glyphicon-custom-circle custom-secondary-menu"> <a href="javascript:void(0)" class="auth-user nav-header "><span class="s-icon s-icon-arrow-left-circle welcome-menu-trigger"></span><span class="member-details orange">{{vm.customer.firstName | uppercase}}<span></span></span></a> </div> <div class="fastbreak-member dark-orange-bg" ng-if="(vm.customer.userState != 'PARTNER_AUTHENTICATED')"> <div ng-if="vm.customer.membershipStatus == 'RapidRez'"> <p class="rapid">{{vm.customer.membershipStatus}}</p> </div> <div ng-if="vm.customer.membershipStatus == 'Online ID'"> <p class="rapid">{{vm.customer.membershipStatus}}</p> </div> <div ng-if="vm.customer.membershipStatus == 'Fastbreak'"> <p class="fastbreak-head"><a href="javascript:void(0)"><img src="/content/dam/budget/na/us/common/ProfileOverlayImage/bdgt_fastbreak_white_bg.png" alt="Fastbreak"/></a></p> </div> <div ng-if="vm.customer.onlineID === false"> <p class="fastbreak-text"><p>As a FastBreak member,enjoy the ease of One Click Reservations </p> </p> <p class="fastbreak-reserved"><a href="javascript:void(0)" ng-click="vm.oneClickReserveCar('/en/reservation/make-reservation')"><p>Reserve your car in seconds</p></a></p> </div> </div> <div class="slickslider slide" ng-if="(!isPartnerAuth && vm.customer.userState != 'PARTNER_AUTHETICATED')"> <div class="spinnerLoader-small" ng-class="{'hidden':!vm.rentalRequestInProgress}"> <svg viewBox="0 0 100 100"> <circle cx="50" cy="50" r="40" stroke="#d4002a" stroke-width="8" fill="none" stroke-dasharray="1,150"></circle></svg> </div> <div ng-if="vm.rentalHistory.length>0"> <slick class="authslick authslick-reservation slider one-time" dots="true" infinite="false" speed="300" centerMode="true" slides-to-show="1" touch-move="true" slides-to-scroll="1" data="vm.rentalHistory"> <div ng-repeat="rentalHistory in vm.rentalHistory" class="slid-container slick-slide"> <!-- Pre rental --> <div ng-if="rentalHistory.rentalType && rentalHistory.rentalType=='Open' && !rentalHistory.gateExitDone" class="sp-rental-ready"> <!-- top code --> <div class="rental-heading text-center"> <p class="text-color-avis">Your Rental is Ready!</p> </div> <div class="sp-rental-ready-content"> <div class="clearfix"> <div class="past-rental-content-wrapper"> <div class="points-content"> <h3 class="h1-substitute">{{rentalHistory.pickLoc.name+', '+rentalHistory.pickLoc.locationCode}} </h3> </div> </div> <div class="past-rental-image-wrapper"> <car-image car-model='rentalHistory.vehicle' rental-path="sideprofile/global/" car-class='car-img img-responsive' car-height='340' car-width='510'></car-image> </div> </div> <div class="clearfix auth-slick-rental-timing"> <div class="points-content"> <span class="font-bold" ng-bind-html="rentalHistory.pickDateTime | ModifiedDateAtTime"></span> </div> </div> <div class="sp-rental-ready-btn"> <button type="submit" ng-click="vm.getRentalExt(rentalHistory.rentalAgreementNumber);" class="btn btn-primary-avis">Enhance My Rental</button> </div> </div> </div> <!-- Connected car --> <div ng-if="rentalHistory.rentalType && rentalHistory.rentalType=='Open' && rentalHistory.gateExitDone"> <div ng-repeat="connected in rentalHistory.vehicle.vehicleFeatures | filter:'connectedCar'" ng-if="connected.value=='TRUE'"> <div class="sp-current-rental"> <div class="current-rental-content-wrapper"> <div class="current-rental-car-img connected-car"> <car-image rental-path="sideprofile/global/" car-model='rentalHistory.vehicle' class="car-img" car-class='car-img img-responsive'></car-image> </div> <div class="current-rental-car-details text-center"> <p> <span class="current-rental-car font-abg-demi">{{rentalHistory.vehicle.makeModel}}</span><span ng-if="vm.domain === 'us' || vm.domain === 'ca'" class="sp-icon sp-connected-car-black"></span> </p> <p> <span>Mileage</span><span class="text-color-avis font-abg-demi" ng-repeat="features in rentalHistory.vehicle.vehicleFeatures | filter:'mileage'"> {{features.value}}</span> </p> </div> <!-- connected car chevron component --> <div ng-if="rentalHistory.vehicle.fiveStarSafetyRate" class="connected-five-star"> <p class="connected-five-star-badge connected-five-star-mob"><img src="/content/dam/chevron-images/5-Star%20Badge1.png" alt="Five star safety banner"/> <a initialize-popover="" tabindex="0" data-placement="bottom" data-html="true" role="button" class="hiddden-xs outline-none" data-toggle="popover" data-trigger="hover" data-content="The National Highway Transportation Safety Administration from time to time rates vehicles for safety standards.&amp;amp;nbsp; Based on our last review, this vehicle was rated as a 5-star vehicle.&amp;amp;nbsp; Please note these ratings are subject to change and reflect our last review. <button class='btn close-button closePopover'> </button>" title="&lt;b>&lt;span class=&#34;blue&#34;>5-Star Safety&lt;/span>&lt;/b>"> <span class="s-icon res-helpIcon hidden-xs five-star-icon "></span> </a> <a class="visible-xs" data-toggle="modal" data-target=".fiveStar-mob"> <span class="s-icon res-helpIcon five-star-icon"></span> </a></p> </div> <!-- chevron component --> </div> <div class="bg-white rental-details text-center row top30"> <div class="col-xs-6 col-sm-6"> <p ng-if="rentalHistory.rentalEndsIn"> <p class="modal-sub-title" ng-if="rentalHistory.rentalEndsIn < 2"> Your rental ends <span>today</span> </p> <p class="modal-sub-title" ng-if="rentalHistory.rentalEndsIn > 1 ">Your rental ends in<br/> <span class="text-color-avis font-abg-demi">{{rentalHistory.rentalEndsIn}} Days </span> </p> </p> <p ng-if="!rentalHistory.rentalEndsIn"> <p class="modal-sub-title" ng-if="rentalHistory.hoursInRental==0"> Your rental has ended </p> <p class="modal-sub-title" ng-if="rentalHistory.hoursInRental > 0 ">Your rental ends in<br/> <span class="text-color-avis font-abg-demi">{{rentalHistory.hoursInRental}} <span ng-if="rentalHistory.hoursInRental==1">hour</span> <span ng-if="rentalHistory.hoursInRental>1">hours</span> </span> </p> </p> </div> <div class="col-xs-6 col-sm-6 right-seperator"> <div class="media"> <div class="media-left"> <span class="sp-icon sp-fuel"></span> </div> <div class="media-body"> <p> <span>Starting Fuel</span> <span ng-if="vm.domain === 'us' || vm.domain === 'ca'" class="text-color-avis font-abg-demi" ng-repeat="features in rentalHistory.vehicle.vehicleFeatures | filter:'startingFuel'"> {{features.value}} Gal</span> <span ng-if="vm.domain === 'au' || vm.domain === 'nz'" class="text-color-avis font-abg-demi" ng-repeat="features in rentalHistory.vehicle.vehicleFeatures | filter:'startingFuel'"> {{features.value}} litres</span> </p> <p> <span>Current Fuel</span><span ng-if="vm.domain === 'us' || vm.domain === 'ca'" class="text-color-avis font-abg-demi" ng-repeat="features in rentalHistory.vehicle.vehicleFeatures | filter:'currentFuel'"> {{features.value}} <span ng-if="features.value!='NA'">Gal</span></span> <span ng-if="vm.domain === 'au' || vm.domain === 'nz'" class="text-color-avis font-abg-demi" ng-repeat="features in rentalHistory.vehicle.vehicleFeatures | filter:'currentFuel'"> {{features.value}} <span ng-if="features.value!='NA'">litres</span></span> </p> </div> </div> </div> </div> <div class="sp-current-rental-btn"> <button type="submit" ng-click="vm.getRentalExt(rentalHistory.rentalAgreementNumber);" class="btn btn-primary-avis btn-block">Enhance My Rental</button> </div> </div> </div> </div> <!-- Not Connected car --> <div ng-if="rentalHistory.rentalType && rentalHistory.rentalType=='Open' && rentalHistory.gateExitDone"> <div ng-repeat="connected in rentalHistory.vehicle.vehicleFeatures | filter:'connectedCar'" ng-if="connected.value=='FALSE'"> <div class="sp-current-rental not-connected-car-rental"> <div class="current-rental-content-wrapper"> <div class="current-rental-car-img abs-pos"> <car-image rental-path="sideprofile/global/" car-model='rentalHistory.vehicle' car-class='car-img img-responsive'></car-image> </div> <div class="current-rental-car-details text-center left-pad"> <p><span class="current-rental-car font-abg-demi">{{rentalHistory.vehicle.makeModel}}</span><span class=""></span></p> <p ng-if="rentalHistory.rentalEndsIn"> <p class="modal-sub-title" ng-if="rentalHistory.rentalEndsIn < 2"> Your rental ends <span>today</span> </p> <p class="modal-sub-title" ng-if="rentalHistory.rentalEndsIn >1 ">Your rental ends in <span class="text-color-avis font-abg-demi">{{rentalHistory.rentalEndsIn}} Days </span> </p> </p> <p ng-if="!rentalHistory.rentalEndsIn"> <p class="modal-sub-title" ng-if="rentalHistory.hoursInRental==0"> Your rental has ended </p> <p class="modal-sub-title" ng-if="rentalHistory.hoursInRental > 0 ">Your rental ends in<br/> <span class="text-color-avis font-abg-demi">{{rentalHistory.hoursInRental}} <span ng-if="rentalHistory.hoursInRental==1">hour</span> <span ng-if="rentalHistory.hoursInRental>1">hours</span> </span> </p> </p> <!--not connected car chevron component --> <div ng-if="rentalHistory.vehicle.fiveStarSafetyRate" class="five-star-image five-star-pos connected-five-star"> <p><img src="/content/dam/chevron-images/5-Star%20Badge1.png" alt="Five star safety banner" class="top7"/> <a initialize-popover="" tabindex="0" data-placement="bottom" data-html="true" role="button" class="hiddden-xs outline-none" data-toggle="popover" data-trigger="hover" data-content="<p>The National Highway Transportation Safety Administration from time to time rates vehicles for safety standards.&amp;amp;nbsp; Based on our last review, this vehicle was rated as a 5-star vehicle.&amp;amp;nbsp; Please note these ratings are subject to change and reflect our last review.</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" title="&lt;b>&lt;span class=&#34;blue&#34;>5-Star Safety&lt;/span>&lt;/b>"> <span class="s-icon res-helpIcon hidden-xs five-star-icon "></span> </a> <a class="visible-xs" id="" data-toggle="modal" data-target=".fiveStar-mob"> <span class="s-icon res-helpIcon five-star-icon"></span> </a></p> </div> <!-- chevron component --> </div> </div> <div class="sp-current-rental-btn"> <button type="submit" ng-click="vm.getRentalExt(rentalHistory.rentalAgreementNumber);" class="btn btn-primary-avis btn-block">Enhance My Rental</button> </div> </div> </div> </div> <div ng-if="!rentalHistory.rentalType || (rentalHistory.rentalType && rentalHistory.rentalType!='Open')"> <div class="auth-reservation "> <p class="conf-num">Confirmation: {{rentalHistory.confirmationNumber}}</p> <p class="new-city">{{rentalHistory.pickLoc.name+', '+rentalHistory.pickLoc.locationCode}}</p> <p class="date-time" ng-bind-html="rentalHistory.pickDateTime | ModifiedDateAtTime"></p> <button type="button" class="btn btn-default my-profile" ng-click="vm.viewReservationDetails(rentalHistory)">View Details</button> </div> </div> </div> </slick> </div> <div class="col-xs-12" ng-if="vm.upcomingReservations == null && (vm.customer.webCustomer.activationStatus==1 || vm.customer.activationStatus==1)&& !vm.isRentalHistory"> <hr/> <p class="text-center">You do not have any upcoming reservations</p> <hr/> </div> <div class="col-xs-12" ng-if="((isAuthenticated || vm.customer.userState == 'AUTHETICATED')&& (vm.customer.webCustomer.activationStatus==0 || vm.customer.activationStatus==0))"> <hr/> <p class="text-center">Please activate your profile to view upcoming reservations.</p> <hr/> </div> <div class="col-xs-12" ng-if="vm.upcomingReservations.errorList"> <br/> <div class="info-error-msg"> <div class="info-error-war-msg-image"> <span class=""></span> </div> <div class="info-error-msg-text"> <p>We are sorry, we are unable to retrieve your Upcoming Reservations currently. Please try again later or contact Reservation at 1300 362 848 for further assistance.</p> </div> </div> </div> <!-- Concur Trips --> <div ng-if="vm.concurTrips && vm.concurTrips.itineraryList && vm.concurTrips.itineraryList.length>0"> <div class="auth-upcoming"> <div class="concur-trips">Upcoming Concur Trips</div> <p> Click to add a car to your Trip. </p> </div> <div class="slickslider concur-slider panel arrow-down slide"> <slick class="authslick slider one-time " dots="false" infinite="false" speed="300" centerMode="true" slides-to-show="1" touch-move="true" slides-to-scroll="1"> <div class="slid-container" ng-repeat="trips in vm.concurTrips.itineraryList"> <p> <a ng-click="vm.concurBooking(trips.id)" href="javascript:void(0)"> {{trips.fromCode}} <span>-</span><span class="concur-trip-arrow s-icon arrow-right"></span> {{trips.toCode}}&nbsp; <span class="date-time" ng-bind-html="trips.date | ModifiedDate"></span> </a></p> </div> </slick> </div> <!-- Trip Link Desktop -Starts --> <div ng-if="vm.showConcurOverlay"> <div ng-if="vm.customer.concurUser" class="text-center"> <span ng-if="vm.concurBookingError" class="error">err.res.bookingType.required,budget</span> <div class="trip-link-section"> <div class="row trip-link-wrapper"> <div class="input-wrapper text-center"> <div><span>lbl.res.bookingFor,budget</span></div> <div class="radio"> <input type="radio" name="businessBooking" id="businessBooking" ng-model="vm.reservationModel.concurCorporateBookingType" value="true" ng-change="vm.setConcurBookingType()"/> <label for="business"><span><span></span></span>lbl.res.business,budget </label> </div> <div class="radio"> <input type="radio" name="leisureBooking" id="leisureBooking" ng-model="vm.reservationModel.concurCorporateBookingType" value="false" ng-change="vm.setConcurBookingType()"/> <label for="leisure"><span><span></span></span>lbl.res.leisure,budget </label> </div> </div> </div> </div> </div> </div> <!-- Trip Link Desktop-Ends --> </div> </div> <div class="clearfix button-panel hedwelcomeMenu-footer"> <div ng-if="(vm.customer.onlineID === false) && ((isAuthenticated || vm.customer.userState == 'AUTHETICATED') &&(vm.customer.webCustomer.activationStatus==1 || vm.customer.activationStatus==1))" class="col-xs-12 mar-bottom-10"> <a href="/en/loyalty-profile/fastbreak/dashboard/my-activity"> <button type="button" class="btn btn-block my-dashboard btn-default-avis">My Rentals</button></a> </div> <div ng-if="(vm.customer.onlineID === false) && ((isAuthenticated || vm.customer.userState == 'AUTHETICATED') &&(vm.customer.webCustomer.activationStatus==1 || vm.customer.activationStatus==1))" class="col-xs-6 col-sm-6 my-profile-btn pull-left"> <a href="/en/loyalty-profile/fastbreak/dashboard/profile"><button type="button" class="btn white-bg-default-text">My Profile </button></a> </div> <!-- <div ng-if="(vm.customer.onlineID === false) && ((isAuthenticated || vm.customer.userState == 'AUTHETICATED') &&(vm.customer.webCustomer.activationStatus==0 || vm.customer.activationStatus==0))" class="col-xs-12 mar-bottom-10" data-sly-use.resolver="/en/loyalty-profile/fastbreak/dashboard/my-activity.abg.sightly.components.PathFieldResolverUtil"> <a title="Please verify your email address to access this area of your profile."><button type="button" class="btn btn-block my-dashboard btn-default-avis" disabled>My Rentals</button></a> </div> --> <div ng-if="(isPartnerAuth || vm.customer.userState == 'PARTNER_AUTHENTICATED')" class="col-xs-12"> <p>Enjoy more benefits with Fastbreak Account</p> <a><button type="button" class="btn btn-block btn-red my-activity">Create My Profile </button></a> </div> <div ng-if="(vm.customer.onlineID === false) && ((isAuthenticated || vm.customer.userState == 'AUTHETICATED') && (vm.customer.webCustomer.activationStatus==0 || vm.customer.activationStatus==0))" class="col-xs-6 col-sm-6 my-profile-btn pull-left"> <a ng-href="{{contextPath}}/{{locale}}/loyalty-profile/fastbreak/activation"><button type="button" class="btn white-bg-default-text activate-my-profile">Activate My Profile</button></a> </div> <div class="col-xs-12 clear" ng-if="(isPartnerAuth || vm.customer.userState == 'PARTNER_AUTHENTICATED')"> <div class="plainBorder"></div> <div class="prime-msg"> <p>Link My Amazon and Budget accounts</p> </div> <div class="plainBorder prime-account-btn"> <button type="button" class="btn btn-block btn-default-avis marbot20" ng-click="vm.loginModel.displayControl.variation=carRentalConstant.displayControlBig; vm.getLoginModalWindow();">Connect My Existing Budget Account</button> </div> <div class="prime-account-btn"> <button type="button" class="btn btn-block btn-default-avis marbot20" ng-click="vm.getLogout()">Log Out of Amazon</button> </div> </div> <div ng-if="vm.customer.onlineID === true" class="col-xs-12 my-profile-btn panel"> <button type="button" class="btn btn-block btn-red my-activity" ng-click="vm.regBudgetAccount()">Register for a Budget Account</button> </div> <div class="col-xs-6 col-sm-6 logout-btn pull-right"> <button type="button" class="btn white-bg-default-text" ng-if="isAuthenticated" ng-click="vm.getLogout()">Log Out</button> <button type="button" class="btn white-bg-default-text" ng-if="(isRememberME || isRecognized) && (!isPartnerAuth && vm.customer.userState != 'PARTNER_AUTHETICATED')" ng-click="vm.getLogout()">Not You</button> </div> </div> </div> </nav> <!-- chevron changes --> <div class="modal fiveStar-mob fade" role="dialog"> <div class="modal-dialog clearfix"> <div class="modal-content"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" aria-label="Close" data-dismiss-custom="modal"></span> <h4 class="modal-title"><b><span class="blue">5-Star Safety</span></b></h4> </div> <div class="modal-body"> <p>The National Highway Transportation Safety Administration from time to time rates vehicles for safety standards.&amp;nbsp; Based on our last review, this vehicle was rated as a 5-star vehicle.&amp;nbsp; Please note these ratings are subject to change and reflect our last review.</p> </div> </div> </div> </div> <!-- chevron changes --> <script> var expressTermsandconditionsMap = ""; </script> <!-- Header for non-corporate flow starts here --> <div> <div id="nav-wrapper"> <!--Severe Alert : Starts --> <div class="hide-on-load"> <div ng-if="!vm.wizardOutage && (vm.wizardOutage != 'n/a') "> <div> </div> </div> <div ng-if="vm.wizardOutage && (vm.wizardOutage != 'n/a') "> <style type="text/css">.wrap-severe-weather{padding:10px 0;min-height:40px;width:100%;position:fixed;top:0;z-index:1046;display:inline-block}.wrap-severe-weather a{text-decoration:underline;font-family:"Custom-Demi";font-size:.9em}.wrap-severe-weather p{display:inline-block;font-size:.8em}.close-severe-weather{position:absolute;left:auto;right:20px;top:10px}.outage-wrapper .alert-icon-white:before{vertical-align:top;margin-top:5px}@media only screen and (max-width:1024px){.wrap-severe-weather p{width:77%}}@media only screen and (max-width:767px){.outage-wrapper a{text-decoration:none !important;font-size:.8em !important}}</style> <div id="wrapsevereweather" class="wrap-severe-weather outage-wrapper text-center background-blue text-color-white" ng-if="vm.showDiv" ng-init="vm.applyTopPadding()"> <span class="alert-icon-white"></span> <p class="hidden-xs text-color-white"> Maintenance updates are in progress. Reservations are not affected, however, some functionality may not be available during this time.<span class="pad-left-10"><a target="_blank" class="text-color-white"></a></span> </p> <p class="visible-xs-inline-block text-left text-color-white"> <a target="_blank" class="text-color-white">Maintenance updates are in progress. Reservations are not affected, however, some functionality may not be available during this time.</a> </p> <a class="close-severe-weather" href="javascript:void(0)" ng-click="vm.hideDiv()"> <span class="s-icon close-icon-white"></span></a> </div> </div> </div> <!--Severe Alert : Ends --> <nav class="navbar navbar-default full-bleed-width navbar-fixed-top bg-header" header-on-scroll> <div class="container-fluid full-bleed-width headerdsk"> <div class="row"> <div class="navbar-header col-sm-12"> <button type="button" class="navbar-toggle " aria-expanded="false"> <span class="sr-only">Toggle navigation</span> Menu </button> <a ng-hide="vm.isCbpFlow" class="navbar-brand hide-on-load" ng-click="vm.logoClick()" href="/en/home" target="_self"> <span> <img src="/content/dam/budget/oc/au/common/logos/Budget_logo_AU.png" alt="Budget Australia Logo"/> </span> </a> <a ng-show="vm.isCbpFlow" class="navbar-brand hide-on-load" ng-click="vm.logoClick()" href="javascript:void(0)" target="_self"> <span> <img src="/content/dam/budget/oc/au/common/logos/Budget_logo_AU.png" alt="Budget Australia Logo"/> </span> </a> <ul class="main-header nav nav-pills pull-right header-left right-separator"> <!--<li> <div class="spinnerLoader-small" ng-class="{'hidden':vm.isAnonymous || isAuthenticated || isRememberME}"> <svg viewBox="0 0 100 100"> <circle cx="50" cy="50" r="40" stroke="#ffffff" stroke-width="10" fill="none" stroke-dasharray="1,150"></circle></svg> </div> </li>--> <li class="visible-xs visible-sm hide-on-load" ng-show="(isAnonymous && !(isPartnerAuth || vm.customer.userState == 'PARTNER_AUTHENTICATED')) && vm.domain=='us'"><a id="res-login-profile" href="javascript:void(0)" ng-click="vm.loginModel.displayControl.variation=carRentalConstant.displayControlBig;vm.getLoginModalWindow();">Sign In</a></li> <!-- ECOM-516 for desktop starts here --> <li class="dropdown welcome-menu-notification hidden-xs hide-on-load" ng-if="vm.customer.userState=='AUTHENTICATED' && vm.isCCExpired"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true"><span class="mainErrorImage info-error-war-msg-image"> <span></span></span><em class="sr-only">Update-close</em></a> <ul class="dropdown-menu" style="display: none;"> <li>Please update your credit card information. <a href="/en/loyalty-profile/fastbreak/dashboard/profile">Update</a> <a href="javascript:void(0)"><span class="close-icon-black-light"></span> <em class="sr-only">Update-close</em></a></li> </ul> </li> <!-- ECOM-516 for desktop ends here --> <li class="hide-on-load visible-sm" ng-show="isRecognized && vm.customer.onlineID === false"><a id="res-login-profile" href="javascript:void(0)" ng-click="vm.loginModel.displayControl.variation=carRentalConstant.displayControlBig;vm.getLoginModalWindow();" ng-if="(vm.domain == 'us' || vm.domain =='ca')">Hi, {{vm.customer.firstName | uppercase}}</a> <a id="res-login-profile" href="javascript:void(0)" ng-click="vm.loginModel.displayControl.variation=carRentalConstant.displayControlBig;vm.getLoginModalWindow();" ng-if="(vm.domain == 'au' || vm.domain =='nz')">Hi {{vm.customer.firstName | titleCase}}</a> </li> <li class="hide-on-load visible-sm" ng-show="isRecognized && vm.customer.onlineID === true"><a id="res-login-profile" href="javascript:void(0)" ng-click="vm.loginModel.displayControl.variation=carRentalConstant.displayControlBig;vm.getLoginModalWindow();">Hi, {{vm.customer.wizardNumberMasked}}</a></li> <li class="hide-on-load visible-sm" ng-show="(isAuthenticated || isRememberME) && vm.customer.onlineID === false"><a href="javascript:void(0)" class="welcome-menu-trigger welcome" ng-if="(vm.domain == 'us' || vm.domain =='ca')">Hi, {{vm.customer.firstName | uppercase}}</a> <a href="javascript:void(0)" class="welcome-menu-trigger welcome" ng-if="(vm.domain == 'au' || vm.domain =='nz')">Hi {{vm.customer.firstName | titleCase}}</a> </li> <li class="hide-on-load visible-sm" ng-show="(isAuthenticated || isRememberME) && vm.customer.onlineID === true"><a href="javascript:void(0)" class="welcome-menu-trigger welcome">Hi, {{vm.customer.wizardNumberMasked}} </a></li> </ul> <div id="nav-groupMenu" class="nav navbar-nav navbar-right navbar-collapse navbar-wrapper"> <ul id="nav-offcanvas" class="header-primary" ng-class="{'header-primary-right':(vm.domain=='au'||vm.domain=='nz')}"> <li class="dropdown hidden-sm"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Reservations</a> <ul class="dropdown-menu"> <li> <a href="/en/reservation/make-reservation">Make a Reservation</a> </li> <li> <a href="https://www.budgettrucks.com.au/en/reservation/make-reservation" target="_blank">Make a Truck Reservation</a> </li> <li> <a href="/en/reservation/view-modify-cancel">View-Change-Cancel Booking </a> </li> <li> <a href="/en/reservation/get-e-receipt">Get e-Receipt</a> </li> <li> <a href="https://www.budget.com.au/content/dam/budget/oc/au/common/files/terms_and_conditions.pdf" target="_blank">Rental Terms and Conditions</a> </li> <li> <a href="/en/reservation/precheck">Budget PreCheck</a> </li> </ul> <li role="separator" class="divider visible-xs visible-sm "></li> <li> <a href="/en/offers" target="_self">Specials</a> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Locations</a> <ul class="dropdown-menu"> <li> <a href="/en/locations/all-au-locations">All Australia Locations</a> </li> <li> <a href="/en/locations/airport-car-hire">Airport Car Hire</a> </li> <li> <a href="/en/locations/au/ql/brisbane/bne">Brisbane Airport</a> </li> <li> <a href="/en/locations/au/ns/mascot/syd">Sydney Airport</a> </li> <li> <a href="/en/locations/au/vi/tullamarine/mel">Melbourne Airport</a> </li> <li> <a href="/en/locations/au/ts/hobart/hba">Hobart Airport</a> </li> <li> <a href="/en/locations/au/ql/coolangatta/ool">Gold Coast Airport</a> </li> <li> <a href="/en/locations/au/ql/cairns/cns">Cairns Airport</a> </li> <li> <a href="/en/locations/au/wa/perth/per">Perth Airport</a> </li> <li> <a href="/en/locations/au/sa/adelaide/adl">Adelaide Airport</a> </li> <li> <a href="/en/locations/find-a-location">Find a Location</a> </li> <li> <a href="/en/locations/budgetworldwide">All Global Locations</a> </li> </ul> <li role="separator" class="divider visible-xs visible-sm "></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cars &amp; Services</a> <ul class="dropdown-menu"> <li> <a href="/en/cars/vehicles/au">Car Guide</a> </li> <li> <a href="https://www.budgettrucks.com.au/">Truck/Van/4WD/Ute/Bus</a> </li> <li> <a href="/en/electric-vehicle-rental">Electric Vehicle Rental</a> </li> <li> <a href="/en/products-services/services/break-free-long-term-car-rental">Long Term Car Rental</a> </li> <li> <a href="/en/loyalty-profile/fastbreak">Budget Fastbreak</a> </li> <li> <a href="/en/programs/rewards-partners">Reward Partners</a> </li> <li> <a href="/en/products-services">Products and Services</a> </li> </ul> <li role="separator" class="divider visible-xs visible-sm "></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Business Solutions</a> <ul class="dropdown-menu"> <li> <a href="/en/business-solutions">Overview</a> </li> <li> <a href="/en/business-solutions/sme">Small to Medium Enterprises</a> </li> <li> <a href="/en/business-solutions/corporate">Mid-Large Corporate</a> </li> <li> <a href="/en/business-solutions/commercial">Commercial</a> </li> <li> <a href="/en/business-solutions/government">Government</a> </li> <li> <a href="/en/programs/travel-agent">Travel Agent</a> </li> <li> <a href="/en/business-solutions/film">Film</a> </li> </ul> <li role="separator" class="divider visible-xs visible-sm "></li> <li> <a href="/en/faqs/au/booking-and-reservation" target="_self">FAQs</a> </li> <!-- ABGDIMT-624 changes starts --> <li class="dropdown more" style="display: none"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">More <span style="background-position: -532px -126px; width: 16px;height: 19px;vertical-align: middle;" class="s-icon res-helpIcon"></span> </a> <ul class="dropdown-menu"> </ul> </li> <!-- ABGDIMT-624 changes ends --> </ul> <ul class="header-secondary"> <ul> <li role="separator" class="divider visible-xs visible-sm "></li> <li class="hide-on-load mob-nav-menu" ng-if="(vm.domain == 'au' || vm.domain =='nz')"><a href="/en/reservation/get-e-receipt">View Receipt</a> </li> <li class="" ng-if="(!(isAuthenticated || isRememberME || isPartnerAuth || vm.customer.userState == 'PARTNER_AUTHENTICATED') && 'profile'=='enrollment')"> <a id="res-login-profile" href="/en/loyalty-profile/fastbreak/login">Sign In</a></li> <li class="hide-on-load" ng-if="(!(isAuthenticated || isRememberME || isPartnerAuth || vm.customer.userState == 'PARTNER_AUTHENTICATED') && 'profile'!='enrollment')"><a id="res-login-profile" href="javascript:void(0)" ng-click="vm.loginModel.displayControl.variation=carRentalConstant.displayControlBig; vm.getLoginModalWindow();">Sign In</a></li> <li class="" ng-if="!(isAuthenticated || isRememberME || isRecognized || isPartnerAuth || vm.customer.userState == 'PARTNER_AUTHENTICATED')"><a href="/en/loyalty-profile/fastbreak">Budget Fastbreak</a></li> <!-- ECOM-935 - scenario 2 starts here --> <li class="hide-on-load" ng-show="isRecognized && !isPartnerAuth && vm.customer.userState != 'PARTNER_AUTHENTICATED'"><a id="res-login-profile" href="javascript:void(0)" ng-click="vm.loginModel.displayControl.variation=carRentalConstant.displayControlBig; vm.getLoginModalWindow();" ng-if="(vm.domain == 'us' || vm.domain =='ca')">Hi, {{vm.customer.firstName | uppercase}}</a> <a id="res-login-profile" href="javascript:void(0)" ng-click="vm.loginModel.displayControl.variation=carRentalConstant.displayControlBig; vm.getLoginModalWindow();" ng-if="(vm.domain == 'au' || vm.domain =='nz')">Hi {{vm.customer.firstName | titleCase}}</a> </li> <!-- ECOM-935 - scenario 2 ends here --> <!-- ECOM-516 for Header in mobile starts here --> <li class="welcome-menu welcome-menu-notification-mob hide-on-load" ng-show="(isAuthenticated || isRememberME)&& vm.customer.onlineID === false"><a href="javascript:void(0)" class="welcome-menu-trigger welcome" ng-if="(vm.domain == 'us' || vm.domain =='ca')">Hi, {{vm.customer.firstName | uppercase}}</a> <a href="javascript:void(0)" class="welcome-menu-trigger welcome" ng-if="(vm.domain == 'au' || vm.domain =='nz')">Hi {{vm.customer.firstName | titleCase}}</a> <p class="visible-xs" ng-if="vm.customer.userState=='AUTHENTICATED' && vm.isCCExpired"> <span class="mainErrorImage info-error-war-msg-image"> <span></span></span> Please update your credit card information. <a href="/en/loyalty-profile/fastbreak/dashboard/profile">Update</a> </p> </li> <li class="hide-on-load mob-nav-menu welcome-menu-notification-mob" ng-show="(isPartnerAuth || vm.customer.userState == 'PARTNER_AUTHENTICATED')"><a href="javascript:void(0)" class="welcome-menu-trigger wxelcome" ng-if="(vm.domain == 'us' || vm.domain =='ca')">Hi, {{vm.customer.firstName | uppercase}} </a> <a href="javascript:void(0)" class="welcome-menu-trigger wxelcome" ng-if="(vm.domain == 'au' || vm.domain =='nz')">Hi {{vm.customer.firstName | titleCase}} </a> </li> </li> <!-- ECOM-51 <li class="welcome-menu welcome-menu-notification-mob hide-on-load" ng-if="(isAuthenticated || isRememberME)&& vm.customer.onlineID === true"><a href="javascript:void(0)" class="welcome-menu-trigger welcome">Hi, {{vm.customer.wizardNumberMasked}} </a> </li> <!-- ECOM-516 for Header in mobile starts here --> <li class="visible-xs visible-sm mob-nav-menu" ng-if="isAuthenticated"><a href="javascript:void(0)" ng-click="vm.getLogout()">Log Out</a></li> <li class="visible-xs visible-sm mob-nav-menu" ng-if="(isRememberME || isRecognized) && (!isPartnerAuth && vm.customer.userState != 'PARTNER_AUTHETICATED')"><a href="javascript:void(0)" ng-click="vm.getLogout()">Not You</a></li> <li class=""><a href="https://www.budgettrucks.com.au?utm_source=budget.com.au&utm_medium=hp&utm_content=nav" target="_blank">Truck/Bus/4WD Rentals</a></li> <li class=""><a href="/en/contact" target="_self">Contact Us</a></li> <li class="visible-xs tab-nav-menu mob-nav-menu"><a href="javascript:void(0)" id="oo_feedback" ng-click="vm.getFeedBack()" ng-if="(vm.domain == 'us' || vm.domain == 'au' || vm.domain == 'nz')">Feedback</a></li> <li role="separator" class="divider visible-xs visible-sm "></li> </ul> </ul> </div> </div> </div> </div> </nav> </div> </div> <!-- Header for non-corporate flow ends here --> <div class="modal fade corporate-modal" tabindex="-1" role="dialog" data-backdrop="true" id="corporate-account-modal"> <div class="modal-dialog reservation-modal width-700" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" data-dismiss="modal" id="close-account-modal" ng-click="vm.closeCorporateModal()" ; aria-label="Close"></span> </div> <div class="modal-body"> <div class="modalcontent"> <div class="text-center"> <div> <h4 class="noMar" ng-if="vm.customerInSameComp == null">msg.corporateAccount.savingsMessage,budget</h4> <h4 class="noMar" ng-if="vm.customerInSameComp == true">msg.corporateAccount.sameCompanySuccessMessage,budget</h4> <h4 class="noMar falseMessage" ng-if="vm.customerInSameComp == false">msg.corporateAccount.differentCompanySuccessMessage,budget</h4> </h4> </div> <div ng-if="vm.customerInSameComp==null"> <h5>msg.corporateAccount.workinginCompanyMessage,budget {{vm.cbpCustomer.accountName}} ?</h5> <div class="offers-btn" ng-click="vm.customerInSameComp = true;vm.setStorageValue();vm.footerMessage='';"> <a class="btn btn-red" id="verify-yes-button">msg.corporateAccount.yesButtonText,budget</a> </div> <div class="offers-btn" ng-click="vm.deleteCorporatePrimaryAWD();vm.footerMessage='';"> <a class="btn btn-black" id="verify-no-button">msg.corporateAccount.noButtonText,budget </a> </div> </div> <div ng-if="vm.customerInSameComp==true"> <h5>msg.corporateAccount.verifyIdAtCounterMsg,budget</h5> </div> <div ng-if="vm.customerInSameComp==false"> <h5> msg.corporateAccount.youCanAlways,budget <a href="javascript:void(0)" ng-click="vm.redirectToPreferencesPage()"> msg.corporateAccount.addNewDiscountNumberMessage,budget </a> msg.corporateAccount.ifYouhaveOne,budget</h5> </div> </div> </div> <div class="footerInfo">{{vm.footerMessage}}</div> </div> </div> </div> </div> <div class="modal fade partner-modal" tabindex="-1" role="dialog" data-backdrop="true" id="partner-step2-modal"> <div class="modal-dialog reservation-modal width-700" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <span data-dismiss="modal" ng-click="vm.closeUsaaModal()" id="close-usaa-modal-icon" class="close-icon-black pull-right gap-btwn-two-close" aria-label="Close"></span> <img class="usaa-logo" alt="USAA Logo"/> <p class="modal-title"></p> <p class="benifits-text"></p> </div> <div class="modal-body"> <!-- Initial load START --> <div class="modalcontent"> </div> <!-- Initial load END --> <div class="offers-btn"> <a class="btn btn-red" data-dismiss="modal" ng-click="vm.closeUsaaModal()" id="close-usaa-modal-button">Continue</a> </div> </div> </div> </div> </div> <div class="modal fade partner-modal" tabindex="-1" role="dialog" data-backdrop="true" id="aarp-partner-step2-modal"> <div class="modal-dialog reservation-modal width-700" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <span data-dismiss="modal" ng-click="vm.closeAARPModal()" id="close-aarp-modal-icon" class="close-icon-black pull-right gap-btwn-two-close" aria-label="Close"></span> <img class="aarp-logo" alt="AARP Logo"/> <p class="modal-title"></p> <p class="benifits-text"></p> </div> <div class="modal-body"> <!-- Initial load START --> <div class="modalcontent"> </div> <!-- Initial load END --> <div class="offers-btn"> <a class="btn btn-red" data-dismiss="modal" ng-click="vm.closeAARPModal()" id="close-aarp-modal-button">Continue</a> </div> </div> </div> </div> </div> <script type="text/javascript"> var usaaUpsellCode = ""; var usaaBenefitsList = ""; usaaBenefitsList = usaaBenefitsList.replaceAll("</p>","|"); var usaaLogoImage = ""; var aarpLogoImage = ""; var aarpUpsellCode = ""; var aarpBenefitsList = ""; aarpBenefitsList = aarpBenefitsList.replaceAll("</p>","</p>|"); </script> <div id="inner-tnc-modal" class="modal fade popup-fix benefits-flow-tnc-modal" tabindex="-1" role="dialog" data-backdrop="true"> <div class="modal-dialog-popup benefits-tnc-modal-popup" style="margin-top: 0px !important;"> <div class="modal-content" style="display:block;"> <div class="modal-header"> <div class="benefits-modal-header-text"><h3>lbl.member.enrollment.tnc.policy</h3></div> <a class="pull-right" aria-hidden="true" aria-label="Close" data-dismiss-modal="tncmodal"><span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss-modal="tncmodal"></span> </a> </div> <div class="member-benefits-modal-body"> msg.member.benefits.modal.tnc,budget </div> </div> </div> </div> <script> $("a[data-dismiss-modal=tncmodal]").click(function(){ $('#inner-tnc-modal').modal('hide'); setTimeout(function () { $("body").addClass("modal-open") }, 200); }); </script> </div> <!-- <sly data-sly-include="content.html" /> --> <div ui-view class="stepTwo-partial full-bleed-width"><section> <div> </div> <div><div class="page-container section"> <div> <script> var pageIdentifier = 3; </script> <div class="wrap-dashboard"> <div ng-controller="DashboardWrapperController as vmw" class="container-fluid full-bleed-width mainContainer wrap-page hide-on-load-profile"> <div class="row"> <div class="reservation-widget section"> <script type="text/javascript"> var preferredCarClass = ""; var redirectionCountryList = ""; var locCode = ""; var solidBackgroundImage = ""; var checknewui = ""; var geoType = ""; var iata = ""; var promoCouponFlag = ''; var promoCoupon = ''; var counterProd = ""; var protectionsAndCoverages = ""; var discountNumber = ""; var bundlePackage = ""; var couponCode =""; var alternateCarList=""; if(alternateCarList !=''){ alternateCarList= alternateCarList.split(','); } </script> <script>Dictionary.I18n.saveOrUpdate({"":"","lbl.res.redirect.redirectURLButton.EC,budget":"Budget Latinoamérica","err.res.checkout.email.required":"\u003cstrong\u003eEmail Address\u003c/strong\u003e is a required field.","lbl.res.redirect.locationMessage.MX,budget":"Are you located in Mexico?","lbl.res.redirect.stayOnAvisCom,budget":"Stay on Budget.com","lbl.res.redirect.stayOnAvisAu,budget":"Stay on Budget.com.au","msg.res.unitedStates":"United States","inf.res.message.keeptrying":"Keep typing to refine search","lbl.res.memberRate,budget":"lbl.res.memberRate,budget","res.step3.extras.button.continue":"Continue","lbl.global.partnerlabel1,budget":" member number available","lbl.res.redirect.redirectMessage.MX,budget":"Visit our Budget website for Latin America and the Caribbean.","lbl.res.redirect.redirectMessage.BR,budget":"Visit our Budget website for Latin America and the Caribbean.","lbl.res.VehicleAvailability.automatic":"Automatic","lbl.res.sugg.city":"City Suggestions","lbl.res.redirect.locationMessage.UK,budget":"Are you located in United Kingdom?","err.guidedRes.category1":"Trip","lbl.res.VehicleAvailability.allVehicles":"All Vehicles","lbl.global.PartialDiscount.USAA,budget":"Your USAA member discount has been applied","lbl.res.redirect.redirectURLButton.BR,budget":"Budget Brazil","msg.res.returnLocation":"Return to same location","lbl.res.redirect.stayOnAvisCa,budget":"Stay on Budget.ca","lbl.global.timeout.sessionTimeoutAlert":"Your session has expired. Please click OK to start your search again.","lbl.res.redirect.redirectURLButton.CO,budget":"Budget Latinoamérica","00032":"The vehicle you have selected is unavailable at the pick-up location you have entered. Either select a different location or choose a below car to continue","err.guidedRes.category":"Please select a ","lbl.res.redirect.redirectMessage.UK,budget":"You may be interested in visiting the Budget UK website to make your booking.","lbl.res.date.selectReturnDate":"Select Return Date","lbl.res.vehicleTypeValue":"Vehicle Type *","lbl.res.memberRates":"lbl.res.memberRates","inf.res.message.results":"results","lbl.res.redirect.redirectURLButton.UK,budget":"Budget.co.uk","lbl.res.redirect.redirectURLButton.MX,budget":"Budget Latinoamérica","lbl.res.sugg.poi":"Points of Interest","lbl.global.amazonBenefits":"Amazon Benefits","lbl.global.partner.discountmsg,budget":"Please enter valid membership number.","err.guidedRes.tripselectionerror":"Please select the purpose of your trip","inf.res.message.viewmore":"View More","lbl.res.date.selectPickUpDate":"Select Pick-up Date","lbl.global.couponCode":"Coupon Code","lbl.global.PartialDiscount.AARP,budget":"Your AARP member discount has been applied","lbl.res.redirect.redirectMessage.CO,budget":"Visit our Budget website for Latin America and the Caribbean.","inf.res.message.searching":"Searching...","lbl.res.redirect.redirectMessage.EC,budget":"Visit our Budget website for Latin America and the Caribbean.","inf.res.message.searchresfound":"search results found","lbl.global.PartialDiscount.Costco,budget":"Your Costco member discount has been applied","msg.res.pickupLocation":"Enter your pick-up location","msg.res.defaultTime":"noon","msg.res.midnight":"midnight","lbl.global.partnerlabel,budget":"I don\u0027t have my ","lbl.res.redirect.stayOnAvisNz,budget":"Stay on Budget.co.nz","lbl.res.redirect.locationMessage.EC,budget":"Are you located in Ecuador?","inf.res.message.noresultfound":"No results found","lbl.global.partnerMember,budget":" Member #","lbl.res.redirect.locationMessage.BR,budget":"Are you located in Brazil?","lbl.res.redirect.locationMessage.CO,budget":"Are you located in Colombia?"})</script> <!-- TEST AUTO BUILD --> <section ng-controller='ResWidgetController as vm' class="reswidget-wrapper container-fluid full-bleed-width cf-pad-0" ng-class="{'home-widget': vm.isNewHeroUi == 'true'}"> <div class="cityWise-title-outer-wrapper"> <div class="cityWise-title" ng-class="{'modifyFlow':reservation==carRentalConstant.resFlowModify}"> <!-- cityWise-title-inner-wrapper Starts --> <div class="cityWise-title-inner-wrapper "> <h1 class="h1-title hide-on-load bold-text" ng-class="{'hidden-xs stepOneHeader':(vm.getPageURL === carRentalConstant.step1aErrorPageName || vm.getURLMtd()), 'white no-background' : false}"> <!-- This is added to get the location page res widget title from design dialogue to ease translation process. If the normal dialogue is authored then the title is picked from dialogue, else title will be pickup up from design dialogue - Onkar --> <!--ARD2-2763 --> <!-- ends --> <span class="hidden-xs"> Reserve your car now </span> <span class="visible-xs-inline-block"> Reserve your car now </span> </h1> <h2 class="h2-title hide-on-load " ng-class="{'hidden-xs stepOneHeader':(vm.getPageURL === carRentalConstant.step1aErrorPageName || vm.getURLMtd())}"> <div> <div ng-if="deviceType=== carRentalConstant.deviceTypeDesktop" class="subTitleText"> </div> <div ng-if="deviceType=== carRentalConstant.deviceTypeMobile" class="subTitleText"> </div> </div> </h2> </div><!-- cityWise-title-inner-wrapper Ends --> </div><!-- cityWise-title Ends --> </div> <div id="resWidgetContainer" res-widget-container-wrap class="resWidget-container-wrap" data-mmddyyyy="mm/dd/yyyy" data-ddmmyyyy="dd/mm/yyyy" data-dpheaderpickup="Select Pick-up date" data-dpheaderreturn="Select Return Date" data-jumpto="Jump to a new date" data-choosedate="Choose Dates"> <div> <div> <form class="res-css-form" id="selectCar" name="resForm" novalidate> <div class="res-mainContent resDesktopView" ng-class="{'solidBackgroundColor': (false), 'modifyResFlow':(reservation==carRentalConstant.resFlowModify || (vm.getPageURL === carRentalConstant.step1aErrorPageName || vm.getURLMtd())), 'adjust-image-height' : false}" style="background-image: url('')"> <div class="res-heroBanner" ng-show="!vm.isModal()"> <div> </div> <script>var Campaign= Campaign || {};Campaign['UI9HN_content_dam_budget_na_us_common_offers_BU_12_2440x1600_jpg']={"Renditions":[{"width":768,"height":504,"dpr":1,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.768.504.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":1536,"height":1008,"dpr":2,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.1536.1008.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":375,"height":375,"dpr":1,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.375.375.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":1220,"height":800,"dpr":1,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.1220.800.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":750,"height":750,"dpr":2,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.750.750.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":2440,"height":1600,"dpr":2,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.2440.1600.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"}],"MobileRenditions":[{"width":750,"height":750,"dpr":2,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.750.750.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"}]};</script> <div data-reference="UI9HN_content_dam_budget_na_us_common_offers_BU_12_2440x1600_jpg" class="heroBan" hero-banner-image-cover></div> <!-- Moved call-to-action component out of dynamic-promo component as it is required for other pages as well like partner pages --> <div class="exploreRecompile"> </div> <script> document.addEventListener("DOMContentLoaded", function(){ var waitUntilAngularReady = waitUntilAngularReady || {}; (function(randomString) { waitUntilAngularReady[randomString] = setInterval(function() { var scope = angular.element($('.mainContainer')).injector() .get('$rootScope'); if (angular.isDefined(window.angular) && angular.isDefined(scope) && angular.isDefined(scope.recompile)) { clearInterval(waitUntilAngularReady[randomString]); scope.recompile(); } }, 1500); })(Math.random().toString(36).substring(2, 15)+ Math.random().toString(36).substring(2, 15)); }); </script> </div> <div class="res-inputFldCnt datepicker-ref" ng-class="{'triplink-reswidget':vm.customer.concurUser}"> <div class="invisible invisible-title-wrapper"><!-- We are using invisible to push the reswidget --> <div class="h1-title " ng-if="!vm.isModal()" ng-class="{'white' : false}"> <span class="hidden-xs"> Reserve your car now </span> <span class="visible-xs-inline-block"> Reserve your car now </span> </div> <div class="h2-title " ng-class="{'hidden-xs stepOneHeader':(vm.getPageURL === carRentalConstant.step1aErrorPageName || vm.getURLMtd())}"> <div> <div ng-if="!vm.isModal()" class="subTitleText"> <p class="subTitle "> <span class="hidden-xs"></span> <span class="visible-xs-inline-block"></span> </p> </div> </div> </div> </div> <div class="hide-on-load"> <div ng-if="vm.prod.errorList.length"> <div ng-repeat="error in vm.prod.errorList"> <div class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text" ng-bind-html="error.message | htmlFilter"></span> </div> </div> </div> <!-- ABGPR-580 to display Timeout error message --> <div class="col-lg-12 res-PageError" ng-if="vm.timeoutError === '?timeout=true'"> <span class="mainErrorText info-error-msg-text">We’re sorry your session has expired. Please enter your details and search again.</span> </div> </div> <div> <div class="hide-on-load"> <div ng-if="vm.prod.warningList.length"> <div ng-repeat="warning in vm.prod.warningList"> <div class="col-lg-12 res-PageError bud-messageinfo"> <div class="infoImage"> <span class="spanImg"></span> </div> <span class="info-error-msg-text" id="warning-msg-err"></span> </div> </div> </div> </div> </div> <div class="hide-on-load"> <div ng-show="vm.getVehicles.validated" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text" ng-bind-html="vm.pageContent.resFormPageError"></span> </div> <!-- Invalid AWD Banner --> <div ng-show="vm.reservationModel.corporateBookingType == 'true' && vm.reservationModel.invalidConcurAWD" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">errors.invalid_concur_awd,budget</span> </div> <div ng-show="vm.showLearnWhyError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText learnwhy-error-msg-text"></span> </div> <div ng-show="vm.code" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">We are sorry, the site has not properly responded to your request. If the problem persists, please contact Reservations on 1300 362 848 or +61 2 9353 9399 from outside Australia. &lt;{{vm.code}}&gt; Reference Number &lt;{{vm.referenceNumber}}&gt; </span> </div> <div class="info-error-messages" id="loginAuthenticate" ng-if="vm.pageContent.loginAuthenticate"> <div class="infoMsg"> <div class="infoImage"> <span class="spanImg"></span> </div> <div class="infoText"> <span class="mainErrorText">You are successfully logged in. We have re-started your reservation to ensure your profile preferences are included.</span> </div> </div> </div> <div class="info-error-messages" ng-if="vm.error"> <div class="infoMsg"> <div class="infoImage"> <span class="spanImg"></span> </div> <div class="infoText"> <span class="mainErrorText">{{vm.errMsgPast}}</span> </div> </div> </div> <!-- Alternate Coupon/DiscountCode Banner --> <div ng-if="vm.pageName == carRentalConstant.step1aPageName || vm.isMakeAReservationPage"> <!-- Title : Start --> <!-- Title : End --> <!-- Changes for displaying Alternate Coupon/AWD --> <script type="text/javascript"> var alternateCoupon = ""; var alternateDiscount = ""; var popOverMessage = ""; </script> </div> <!-- Alternate Coupon/DiscountCode Banner --> </div> <div class="clearfix"></div> <div ng-if="((vm.brand === 'avis' || vm.brand === 'budget') && vm.domain == 'us' && vm.enableMemberBenefits === 'true')"> <div ng-show="vm.memberBenefitsAppliedHomepage" class="res-widget-member-home-banner" ng-class="{'res-widget-banner-member-lp': vm.memberRentalPricesPage}"> <span class="member-benefit-home-img"></span> <div class="member-benefit-msg-container"> <span class="member-benefit-homepage-banner-applied-msg"><b> lbl.res.memberRatesSaving,budget</b> &nbsp; | &nbsp; </span><span class="member-benefit-homepage-banner-msg">lbl.res.memberRatesStartResv,budget <a a href="javascript:void(0)" class="memeber-offer-tnc-anchor" data-toggle="modal" data-target=".benefits-flow-tnc-modal" data-backdrop="false">lbl.res.step3.reservationSummary.memberbenefits.termsApply,budget</a> </span> </div> </div> </div> <!-- changes as part of HomePageBanner --> <div set-class-when-at-top="fix-to-top" padding-when-at-top="200" ng-class="{showError: vm.getVehicles.validated}"> <!-- Booking Tabs on widget --> <div class="row res-inputFldPrt hide-on-load " ng-class="{'res-inputFldBack': vm.bgHighlighter}" style="position: relative; z-index: 1;"> <!-- Trip Link Desktop -Starts --> <div ng-if="vm.customer.concurUser"> <div validation-error-display-location-id="corpBookingError" validation-error-message="err.res.bookingType.required,budget"> </div> <div> <span id="corpBookingError" class="error"></span> </div> </div> <!-- Trip Link Desktop-Ends --> <div class="col-lg-12 res-inputFldFst"> <div class="col-xs-6 res-inputFld" ng-click="vm.showAlert(true); vm.setResidencyDropdown()"> <angucomplete-alt ng-class="{'showLocError': validateInput1}" outside-click="closeMyDropdown(this)" id="PicLoc" placeholder="Enter your pick-up location" pause="500" selected-object="vm.suggestionValue.getPickUpLocation" initial-value="vm.suggestionValue.pickUpLocInitialValue" remote-api-handler="vm.getSuggestions" title-field="suggDescription" description-field="suggDescription" minlength="3" input-name="pickupLocation" input-class="form-control form-control-small" match-class="highlight" valid-method="blur" validation-list="required" suggestion-list-response-error-message="Please revise your search or &lt;a href='/en/locations/budgetworldwide' &gt;click here&lt;/a&gt; to browse for a location" validation-error-display-location-id="pickupError" validation-error-message="Please enter a <b>Pick-up Location</b>" validation-invalid-message="Please enter a valid <b>Pick-up Location</b>"/> </div> <div class="col-xs-3 res-inputFld dateImg"> <input type="text" autocomplete="off" ng-focus="vm.expResWidget()" class="date-form-field start-date-input res-inputMonth form-control" name="reservationModel.pickUpDateDisplay" maxlength="10" id="from" placeholder="{{vm.dateFormatPalceholder}}" aria-label="{{vm.dateFormatPalceholder}}" click-outside-calender="closeCalender()" ng-model="vm.reservationModel.pickUpDateDisplay" ng-minlength="0" validator="required,platformdate" message-id="fDate" valid-method="blur" ng-change="vm.getVehicles.change(carRentalConstant.pickUpClassName,resForm)" dateLesser-error-message="Whoops! Your pick-up time has already passed.Please select a new time." required-error-message="Please enter a valid <b> Pick-up Date</b>" data-dpheaderlabel="Select Pick-up date" data-selecteddate=""/> </div> <div class="col-xs-3 res-inputFld res-hideSelect"> <select name="reservationModel.pickUpTime" ng-click="vm.expResWidget()" ng-if="vm.isModal()" ng-model="vm.reservationModel.pickUpTime" ng-options="time.value as time.minits for time in vm.times" required-error-message="err.global.requiredPickUpTime" class="form-control res-inputTime" aria-label="Pick Up Time"> </select> <select name="reservationModel.pickUpTime" ng-click="vm.expResWidget()" ng-if="!vm.isModal()" ng-model="vm.reservationModel.pickUpTime" ng-options="time.value as time.minits for time in vm.times" required-error-message="err.global.requiredPickUpTime" class="form-control res-inputTime" aria-label="Pick Up Time"> </select> </div> </div> <div class="col-xs-6" ng-class="{'hidden': (false && (vm.domain =='au' || vm.domain === 'nz'))}"> <span id="pickupError" class="error"></span> </div> <div class="col-lg-3 col-sm-6 col-xs-3 noPad"> <span id="fDate" class="error"></span> </div> <div class="hideInputFld" ng-show="vm.expandState || '' || reservation===carRentalConstant.resFlowModify"> <div class="col-xs-12 res-inputFldFst"> <div class="col-xs-6 res-inputFld "> <angucomplete-alt outside-click="closeMyDropdown()" id="DropLoc" placeholder="Return to same location" pause="500" selected-object="vm.suggestionValue.getDropLocation" remote-api-handler="vm.getSuggestions" title-field="suggDescription" description-field="suggDescription" minlength="3" input-name="returnLocation" initial-value="vm.suggestionValue.dropLocInitialValue" input-class="form-control form-control-small" match-class="highlight" valid-method="blur" validation-list="optional" suggestion-list-response-error-message="Please revise your search or &lt;a href='/en/locations/budgetworldwide' &gt;click here&lt;/a&gt; to browse for a location" validation-error-display-location-id="dropLocationError" validation-error-message="Please enter valid <b>Drop Location</b>" validation-invalid-message="Please enter valid <b>Drop Location</b>"/> </div> <div class="col-xs-3 res-inputFld dateImg"> <input type="text" maxlength="10" autocomplete="off" name="reservationModel.dropDateDisplay" placeholder="{{vm.dateFormatPalceholder}}" id="to" aria-label="{{vm.dateFormatPalceholder}}" class="date-form-field end-date-input date-to form-control res-inputMonth" click-outside-calender="closeCalender()" ng-model="vm.reservationModel.dropDateDisplay" validator="required,platformdate" message-id="returnDate" ng-change="vm.getVehicles.change(carRentalConstant.dropOffClassName,resForm)" valid-method="blur" service-error-message="Return Date cannot be prior to the Pick-Up Date" compareDateEqual-error-message="Invalid Drop-off/Pick-up date combination" compareDateLesser-error-message="Return Date cannot be prior to the Pick-Up Date" required-error-message="Please enter a valid <b>Return Date</b>" data-dpheaderlabel="Select Return date" data-selecteddate=""/> </div> <div class="col-xs-3 res-inputFld res-hideSelect"> <select name="reservationModel.dropTime" ng-model="vm.reservationModel.dropTime" ng-options="time.value as time.minits for time in vm.times" required-error-message="err.global.requiredDropOffTime" class="form-control res-inputTime" aria-label="Return Time"> </select> </div> </div> <div class="col-xs-6"> <span id="dropLocationError" class="error"></span> </div> <div class="col-lg-3 col-sm-6 col-xs-3 noPad"> <span id="returnDate" class="error"></span> </div> <div class="col-xs-12 res-inputFldFst" ng-if="!vm.isModal()"> <div class="res-selectFld ageField form-group"> <div ng-class="{'ageError':vm.reservationModel.displayControls.ageErrorState ,'expand-status': (vm.reservationModel.displayControls.additionalInfo==='ageDropDownActive')}"> <a tabindex="0" id="agePopup" data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" title="Age" data-content="<p>Providing your age allows us to give you a more accurate rental estimate. Restrictions and fees may apply for drivers under 25. Please review rental terms and conditions or call us at 1300 362 848 for details.</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('age')"> <span class="s-icon res-helpIcon"></span> </a> <div class="res-ageFld" openDropdown ng-class="{'disabled': !isAnonymous || vm.reservationModel.displayControls.fieldDisable }"> <label for="reservationModel.personalInfoRQ.age" class="ageTxt">Age:</label> <div class="ageDrop"> <select id="reservationModel.personalInfoRQ.age" name="reservationModel.personalInfoRQ.age" class="form-controlD" ng-disabled="vm.reservationModel.displayControls.fieldDisable || (!isAnonymous)" ng-focus="vm.reservationModel.displayControls.additionalInfo='ageDropDownActive'" ng-blur="vm.reservationModel.displayControls.additionalInfo=''" ng-model="vm.reservationModel.personalInfoRQ.age" ng-options="age.agsID as age.ageName for age in vm.ages" ng-change="vm.reservationModel.displayControls.additionalInfo=''" validator="selectrequired" valid-method="change" message-id="ageerror" required-error-message="Please select your age " selectrequired-error-message="Please select your age "> </select> </div> </div> </div> <div class="col-sm-12 noPad ageErrorFld"> <span id="ageerror" class="error"></span> </div> </div> <div class="res-selectFld countryField form-group" ng-class="{'expand-status': (vm.reservationModel.displayControls.additionalInfo==='countryDropDownActive') }"> <a tabindex="0" id="countryPopup" data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" title="I Live In" data-content="<p>Providing your country of residence allows us to give you a more accurate rental estimate.</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('country')"> <span class="s-icon res-helpIcon"></span> </a> <div class="res-ageFld" openDropdown ng-class="{'disabled': (!isAnonymous || vm.reservationModel.displayControls.fieldDisable) }"> <label for="reservationModel.personalInfoRQ.residency" class="ageTxt residencyPlaceholder"> I live in:</label> <div class="residencyClass"> <select id="reservationModel.personalInfoRQ.residency" class="form-controlD" ng-disabled="vm.reservationModel.displayControls.countryFieldDisable || (!isAnonymous)" ng-focus="vm.reservationModel.displayControls.additionalInfo='countryDropDownActive'" ng-blur="vm.reservationModel.displayControls.additionalInfo=''" ng-change="vm.reservationModel.displayControls.additionalInfo='';" name="reservationModel.personalInfoRQ.residency" ng-model="vm.reservationModel.personalInfoRQ.residency" required-error-message="Country of residence is required." alertuser-error-message="It appears you are booking from outside of the USA. So that we can provide you with the best car rental experience, please update the Residency field below. If you are a resident of the U.S., please tap the ‘Select My Car’ button to proceed." ng-options="residence.code as residence.name for residence in vm.pageContent.countryList " aria-label="Select Residency"> </select> </div> </div> </div> <div ng-class="{'expand-status': (vm.additionalInfo.wizard), 'ifError': wizErrMsgGl}" class="wizardField res-selectFld form-group" ng-if="(isAnonymous || vm.reservationModel.personalInfoRQ.gebUser)&& !isPartnerAuth"> <a tabindex="0" id="wizardPopup" data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" title="Do you have a Customer Number?" data-content="<p>Enter your Budget RapidRez/Fastbreak profile number to enjoy faster reservations and rentals.</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('wizard')"> <span class="s-icon res-helpIcon"></span> </a> <div ng-if="reservation!=carRentalConstant.resFlowModify" class="res-wizardFld form-controlD" title="Customer Number *" ng-click="vm.toggleSection('wizard')">Customer Number *</div> <div ng-if="reservation===carRentalConstant.resFlowModify" class="res-wizardNoarr form-controlD" title="First Name Last Name">{{vm.reservationModel.personalInfoRQ.firstName}} {{vm.reservationModel.personalInfoRQ.lastName}} </div> </div> <div ng-class="{'expand-status': (vm.additionalInfo.wizard), 'ifError': wizErrMsgGl}" class="wizardField res-selectFld form-group" ng-if="(!isAnonymous && !vm.reservationModel.personalInfoRQ.gebUser)|| isPartnerAuth"> <a tabindex="0" ng-if="vm.customer.firstName && !isPartnerAuth" id="wizardPopup" initialize-popover data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" title="Customer Number" data-content="<p>You are logged in as {{vm.customer.firstName}} {{vm.customer.lastName}}. Want to Logout?</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('wizard')"> <span class="s-icon res-helpIcon"></span> </a> <a tabindex="0" ng-if="vm.customer.firstName && isPartnerAuth" id="wizardPopup" initialize-popover data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" title="Customer Number" data-content="<p>You are logged in to your Amazon account as {{vm.customer.firstName}} {{vm.customer.lastName}}. Want to Logout?</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('wizard')"> <span class="s-icon res-helpIcon"></span> </a> <a tabindex="0" ng-if="!vm.customer.firstName && !isPartnerAuth" id="wizardPopup" initialize-popover data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" title="Customer Number" data-content="<p>You are logged in as {{vm.reservationModel.personalInfoRQ.firstName}} {{vm.reservationModel.personalInfoRQ.lastName}}. Want to Logout?</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('wizard')"> <span class="s-icon res-helpIcon"></span> </a> <div class="res-wizardFld form-controlD" ng-if="vm.customer.firstName && vm.customer.onlineID === false" ng-click="vm.toggleSection('wizard');">{{vm.customer.firstName}} {{vm.customer.lastName}} </div> <div class="res-wizardFld form-controlD" ng-if="!vm.customer.firstName && vm.customer.onlineID === false" ng-click="vm.toggleSection('wizard');">{{vm.reservationModel.personalInfoRQ.firstName}} {{vm.reservationModel.personalInfoRQ.lastName}} </div> <div class="res-wizardFld form-controlD" ng-if="vm.customer.onlineID === true" title="{{vm.customer.wizardNumberMasked}}" ng-click="vm.toggleSection('wizard');">{{vm.customer.wizardNumberMasked}} </div> </div> <div class="mblClearLeft"></div> <div ng-if="(vm.brand === 'budget' && vm.domain == 'us')"> <div ng-if="vm.memberBenefitsAppliedHomepage" ng-class="{'expand-status': (vm.additionalInfo.discount), 'ifError': vm.reservationModel.displayControls.discountErrorState}" class="res-selectFld discountField res-selectDC form-group benefits-code"> <a ng-if="!vm.pageContent.couponCodeDisabled" tabindex="0" id="discountPopup" data-placement="top" data-html="true" class="btn popOver benefits-code" role="button" data-toggle="popover" data-trigger="focus" title="Discount Code (BCD or Coupon code)" data-content="<p>Select to add a BCD (Budget Customer Discount) Number or Coupon Code to the reservation.</p><a href='javascript:void(null);' class='btn close-button closePopover' ></a>" ng-click="openTooltip('discount')"> <span class="s-icon res-helpIcon"></span> </a> <a ng-if="vm.pageContent.couponCodeDisabled" tabindex="0" id="discountPopup" data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover benefits-code" data-trigger="focus" data-content="<p>inf.res.discountCouponDisable.info,budget</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('discount')"> <span class="s-icon res-helpIcon"></span> </a> <div class="res-discFld form-controlD benefits-code" title="Discount Codes" ng-click="vm.toggleSection('discount')"> msg.res.benefitsApplied,budget <span ng-if="couponCount != 0">{{couponCount}}</span> </div> </div> <div ng-if="!vm.memberBenefitsAppliedHomepage" ng-class="{'expand-status': (vm.additionalInfo.discount), 'ifError': vm.reservationModel.displayControls.discountErrorState}" class="res-selectFld discountField res-selectDC form-group"> <a ng-if="!vm.pageContent.couponCodeDisabled" tabindex="0" id="discountPopup" data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" title="Discount Code (BCD or Coupon code)" data-content="<p>Select to add a BCD (Budget Customer Discount) Number or Coupon Code to the reservation.</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('discount')"> <span class="s-icon res-helpIcon"></span> </a> <a ng-if="vm.pageContent.couponCodeDisabled" tabindex="0" id="discountPopup" data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" data-content="<p>inf.res.discountCouponDisable.info,budget</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('discount')"> <span class="s-icon res-helpIcon"></span> </a> <div class="res-discFld form-controlD" title="Discount Codes" ng-click="vm.toggleSection('discount')"> Discount Code <span ng-if="couponCount != 0">{{couponCount}}</span>* </div> </div> </div> <div ng-class="{'expand-status': (vm.additionalInfo.discount), 'ifError': vm.reservationModel.displayControls.discountErrorState}" class="res-selectFld discountField res-selectDC form-group"> <a ng-if="!vm.pageContent.couponCodeDisabled" tabindex="0" id="discountPopup" data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" title="Discount Code (BCD or Coupon code)" data-content="<p>Select to add a BCD (Budget Customer Discount) Number or Coupon Code to the reservation.</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('discount')"> <span class="s-icon res-helpIcon"></span> </a> <a ng-if="vm.pageContent.couponCodeDisabled" tabindex="0" id="discountPopup" data-placement="top" data-html="true" class="btn popOver" role="button" data-toggle="popover" data-trigger="focus" data-content="<p>inf.res.discountCouponDisable.info,budget</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('discount')"> <span class="s-icon res-helpIcon"></span> </a> <div class="res-discFld form-controlD" title="Discount Codes" ng-click="vm.toggleSection('discount')"> Discount Code <span ng-if="couponCount != 0">{{couponCount}}</span>* </div> </div> <div ng-class="{'expand-status': (vm.additionalInfo.vehicle)}" class="res-selectFld vehicleField res-selectDC form-group"> <div ng-class="{'disabled': (vm.suggestionValue.getPickUpLocation == undefined || vm.vehicleList == undefined)}" class="res-vcleFld form-controlD" id="res-home-vehicle-type" title="{{vm.vehicleTypeValue}}" ng-bind="vm.vehicleTypeValue" ng-click="vm.toggleSection('vehicle')">Select Vehicle Type *</div> </div> </div> </div> <div class="col-sm-12 res-wizard" ng-show="vm.additionalInfo.wizard"> <div class="res-dropWizDiv clearfix"> <div class="centerSixty"> <div class="res-dropWizInputDiv" ng-if="isAnonymous && !isPartnerAuth"> <label>Enter your Fastbreak, RapidRez, Direct PIN or BCN #</label> <div class="res-wizVal"> <input aria-label="Res-wizard Number" id="res-home-wizNum" ng-model="vm.reservationModel.wizardNumber" name="reservationModel.wizardNumber" class="res-dropWizNum" focus-me="displayWizard" type="text" placeholder="Customer Number" validator="optional,platformwizard" autocomplete="off" valid-method="blur" recognized-error-message="Enter your Customer Number" invalid-error-message="Customer Number entered is invalid." optional-error-message="Enter your Customer Number" platformwizard-error-message="Customer Number entered is invalid."/> </div> <div class="res-wizVal"> <input ng-model="vm.reservationModel.personalInfoRQ.lastName" maxlength="26" id="res-home-lastName" aria-label="Last Name " name="DiscLN" class="res-dropWizNum" type="text" placeholder="Last Name " validator="optional,alphaone" valid-method="blur" autocomplete="off" recognized-error-message="Enter your Last Name" invalid-error-message="Please enter a valid &lt;strong>Last Name&lt;/strong>." optional-error-message="Enter your Last Name" alphaone-error-message="Last Name should contain alphabets only."/> </div> </div> <div class="res-dropWizInputDiv" ng-if="(!isAnonymous )|| isPartnerAuth"> <label><span ng-if="vm.customer.firstName && vm.customer.onlineID === false && !isPartnerAuth">You are logged in as {{vm.customer.firstName}} {{vm.customer.lastName}}.</span><span ng-if="vm.customer.firstName && vm.customer.onlineID === false && isPartnerAuth">You are logged in to your Amazon account as {{vm.customer.firstName}} {{vm.customer.lastName}}.</span><span ng-if="!vm.customer.firstName && vm.customer.onlineID === false && !isPartnerAuth">You are logged in as {{vm.reservationModel.personalInfoRQ.firstName}} {{vm.reservationModel.personalInfoRQ.lastName}}.</span> <span ng-if="vm.customer.onlineID === true">You are logged in as {{vm.customer.wizardNumberMasked}}.</span> <span class='avisText' ng-if="isAuthenticated ||isPartnerAuth"> <a href="javascript:void(0)" ng-click="vm.getLogout()">Log Out?</a> </span> <span class='avisText' ng-if="isRecognized || isRememberME "> <a href="javascript:void(0)" ng-click="vm.getLogout()">Not You?</a> </span> </label> </div> </div> </div> </div> <div class="col-sm-12 res-discount" ng-show="((vm.additionalInfo.discount) && !vm.isModal()) || (vm.requiresMemberID && vm.expandState) || (vm.expandState && vm.partnerError)"> <div class="res-dropWizDiv clearfix"> <div ng-class="{'centerSixty' : !vm.displayMemberRatesDropDown}"> <div class="res-dropWizInputDiv"> <div class="col-sm-4 col-md-3 discount-label" ng-class="{'font-size-1_28' : vm.displayMemberRatesDropDown}"> <label>Enter a Discount Code</label> </div> <div class="col-sm-8 col-md-9 noPad popover-avis"> <div class="res-ccVal res-awd" ng-if="(vm.reservationModel.discountSummaryList == undefined || vm.reservationModel.discountSummaryList.length<1)"> <input id="awd" ng-model="vm.reservationModel.coupon.discountNumber" name="res.coupon.discountNumber" class="res-dropDiscAWD" type="text" ng-init="vm.getDefaultAwd('')" placeholder="BCD Number" focus-me="displayDiscount" aria-label="BCD Number" ng-disabled="vm.pageContent.awdDisabled || (vm.prod.webHeader.p13nDetailsMap.reservationFlow=='modify' && vm.prod.reservationSummary.partnerRewardInfoDetails.rewardFulfillType=='Y')" prefilledvalue="{{vm.reservationModel.discountSummaryList}}" maskedDiscountCode="{{vm.reservationModel.coupon.isMaskedDiscountCode}}" validator="optional,platformLinkedAwd" valid-method="blur" ng-blur="vm.getMultiCoupon(); vm.partnerDiscount(resForm);" ng-change="vm.partnerValidation();vm.resetMaskedDiscountCode();" ng-paste="vm.clearMembershipID();vm.partnerValidation();" compile-request="true" invalid-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>" platformawd-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>" platformLinkedAwd-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>"/> <span ng-if="vm.prod.bcdErrorList.length>0" class="error"> Your discount code is invalid. <a href='javascript:void(0)' class='learnWhyTxt' data-toggle='modal' data-target='.bcdMsg'>Learn Why?</a> </span> </div> <div class="res-ccVal enhanced-profile-customDD" ng-if="vm.reservationModel.discountSummaryList.length>=1"> <div class="select-editable"> <div class="ep-select"> <div class="ep-DDbox" data-toggle="dropdown" aria-hidden="true"> <a class="dropdown-toggle s-dropdown" href="javascript:void(0);" data-toggle="dropdown" aria-expanded="false" ng-class="{disabled : vm.checkModifyWithPrime() || vm.pageContent.awdDisabled}"></a> <ul class="dropdown-menu res-wid"> <li ng-repeat="option in vm.reservationModel.discountSummaryList" ng-click="vm.updateDiscountNumber(option)" ng-class="{'selected':option.discountNumber == vm.reservationModel.coupon.discountNumber}"><a href="javascript:void(0);"><span class="s-icon check-mark icon-selected" aria-hidden="true"></span><span ng-if="option.nickName && vm.epIndicator">{{option.nickName}}-</span>{{option.discountNumber}}<span ng-if="option.primary==true && brand == carRentalConstant.brandName.AVIS"> (Primary)</span></a> </li> </ul> </div> </div> <input ng-model="vm.reservationModel.coupon.discountNumber" name="res.coupon.discountNumber" class="res-dropDiscAWD" type="text" ng-init="vm.getDefaultAwd('')" placeholder="BCD Number" focus-me="displayDiscount" maskedDiscountCode="{{vm.reservationModel.coupon.isMaskedDiscountCode}}" aria-label="BCD Number" ng-disabled="vm.pageContent.awdDisabled || (vm.prod.webHeader.p13nDetailsMap.reservationFlow=='modify' && vm.prod.reservationSummary.partnerRewardInfoDetails.rewardFulfillType=='Y')" prefilledvalue="{{vm.reservationModel.discountSummaryList}}" validator="optional,platformLinkedAwd" valid-method="blur,change" ng-blur="vm.getMultiCoupon(); vm.partnerDiscount(resForm);" ng-change="vm.partnerValidation();vm.resetMaskedDiscountCode();" ng-paste="vm.clearMembershipID();vm.partnerValidation();" compile-request="true" message-id="discount-error" invalid-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>" platformawd-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>" amazonValidation-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>" platformLinkedAwd-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>"/> </div> <span id="discount-error" class="error"></span> </div> <!-- OTP changes --> <!-- OTP changes ends--> <div class="res-ccVal res-coupon"> <input id="coupon" ng-model="vm.reservationModel.coupon.couponNumber" maxlength='8' name="res.coupon.couponNumber" class="res-dropDiscAWD" type="text" placeholder="vm.couponNumberPlaceholder" aria-label="Coupon Code" ng-disabled="vm.pageContent.couponCodeDisabled" validator="optional,platformcoupon" valid-method="blur" ng-blur="vm.getMultiCoupon()" compile-request="true" invalid-error-message="Your offer code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscCoupon&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>" platformcoupon-error-message="Your offer code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscCoupon&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>"/> <span ng-if="vm.prod.couponErrorList.length>0" class="error"> Your coupon can&#39;t be used for this reservation. <a href='javascript:void(0)' class='learnWhyTxt' data-toggle='modal' data-target='.couponMsg'>Learn Why?</a> </span> </div> <div class="res-ccVal marGnTop" ng-show="vm.reservationModel.coupon.isMultiCoupon && vm.reservationModel.coupon.couponNumber != ''"> <div> <label class="res-dropWizText">Quantity <a tabindex="0" id="couponPopup" data-placement="top" data-html="true" class="popOver" role="button" data-toggle="popover" data-trigger="focus" title="Quantity" data-content="<p>These are the available options that may be redeemed.</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('couponCount')"> <span class="s-icon res-helpIcon"></span> </a> </label> </div> <span class="s-dropdown"> <select class="res-dropDiscAWD" aria-label="Number Of Coupon" ng-model="vm.reservationModel.coupon.couponQuantity" ng-options="cupon.key as cupon.value for cupon in vm.pageContent.couponList"> </select> </span> </div> <div class="res-ccVal"> <input ng-model="vm.reservationModel.coupon.couponRateCode" id="res-home-rateCode" maxlength='4' name="reservationModel.coupon.couponRateCode" class="res-dropDiscAWD" type="text" placeholder="Rate Code" aria-label="Rate Code" required-error-message="err.global.invalidRateCode" validator="optional" valid-method="blur"/> </div> <div class="res-ccVal aarp-dropdown" ng-if="vm.displayMemberRatesDropDown"> <div class="col-xs-12"> <button class="btn btn-primary dropdown-toggle" id="memberRatesDropdown" type="button" data-toggle="dropdown" ng-click="vm.getMemberRatesDropdown(true)">{{vm.selectedMember}} <span class="arrow"></span></button> <ul class="dropdown-menu"> <li id="{{member.memberID}}" ng-repeat="member in vm.membersList" ng-click="vm.selectMemberType(member)"> <span class="{{member.displayTick ? 'tick':''}}"></span><a>{{member.memberName}}</a></li> </ul> </div> <div class="col-xs-12" ng-if="vm.showAdditionalFields"> <div class="aarp-member"> <input id="partnerMembershipIdForMemberRates" ng-model="vm.reservationModel.coupon.partnerMembershipId" name="partnerMembershipId" class="res-dropDiscAWD" type="text" placeholder="{{vm.selectedMemberLabel}}" aria-label="{{vm.selectedMemberLabel}" valid-method="blur" compile-request="true" validator="partnerValidationForMemberRates" ng-change="vm.checkPartnerMemberValidation()" partnerValidation-error-message="Please enter valid membership number." platform-error-message="Please enter valid membership number."/> <span ng-if="vm.prod.errorList.length>0 && (vm.prod.errorList[0].code == '05251' || vm.prod.errorList[0].code == '05253')" class="error"> Please enter valid membership number. </span> </div> <div class="aarp-checkbox"> <input type="checkbox" id="partnerCheckboxIdForMemberRates" name="checkbox" class="checkbox-custom" ng-model="vm.reservationModel.NoPartnerMembershipID" valid-method="blur" ng-change="vm.noMemberShipNumberCheck()"/> <label class="checkbox-custom-label checkbox-border" id="checkbox-label" for="partnerCheckboxIdForMemberRates">lbl.res.noMemberNumber,budget</label> </div> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div> <!-- Partner Validation --> <div ng-if="vm.membershipID != '' || vm.requiresMemberID || vm.customer.awdSummary.requiresMemberID"> <div class="res-dropWizDiv clearfix"> <div class="centerSixty"> <div ng-if="vm.membershipID != '' || vm.requiresMemberID || vm.customer.awdSummary.requiresMemberID" class="res-dropWizInputDiv"> <div class="col-sm-4 col-md-3 discount-label"> <label>Member Number</label> </div> <div class="col-sm-8 col-md-9 noPad"> <div class="res-ccVal membershipid"> <input id="partnerMembershipId" ng-model="vm.reservationModel.coupon.partnerMembershipId" name="partnerMembershipId" class="res-dropDiscAWD" type="text" placeholder="{{vm.partnerPlaceholder}}" aria-label="{{vm.partnerPlaceholder}}" valid-method="blur" compile-request="true" validator="partnerValidation" ng-change="vm.checkPartnerMemberValidation()" ; partnerValidation-error-message="Please enter valid membership number." platform-error-message="Please enter valid membership number."/> <span ng-if="vm.prod.errorList.length>0 && (vm.prod.errorList[0].code == '05251' || vm.prod.errorList[0].code == '05253')" class="error"> Please enter valid membership number. </span> </div> <div ng-if="vm.partnerName != null || vm.customer.awdSummary.partnerName != null || (vm.reservationModel.coupon.partnerMembershipId != null && vm.partnerError == true)" class="partner-checkbox"> <span class="rate-code-checkbox pull"> <input type="checkbox" id="partnerCheckboxId" name="checkbox" class="checkbox-custom" ng-model="vm.reservationModel.NoPartnerMembershipID" valid-method="blur" validator="partnerValidationCheckbox" member-id-required="{{vm.requiresMemberID || vm.customer.awdSummary.requiresMemberID}}" partnerValidationCheckbox-error-message="Please enter valid membership number." message-id="partner-error" ng-change="vm.checkPartnerValidation();"/> <label class="checkbox-custom-label checkbox-border" id="checkbox-label" for="partnerCheckboxId"> {{vm.partnerLabel}} </label> </span> </div> <div ng-if=" vm.reservationModel.NoPartnerMembershipID && (vm.requiresMemberID || vm.customer.awdSummary.requiresMemberID) || (vm.partnerError && vm.reservationModel.NoPartnerMembershipID)" class="col-xs-12 text-left noPad"> <label for="partialDiscount">{{vm.partnerDiscountMessage}}</label> </div> </div> </div> </div> </div> </div> <!-- Partner Validation --> <!--ABGDIMT-757 Corporate Email id changes --> <div ng-if=" (vm.reservationModel.coupon.discountNumber != '' && vm.reservationModel.coupon.partnerEmailRequired == true) || vm.prod.errorList[0].code == '05258'" class="res-dropWizInputDiv"> <div class="res-dropWizDiv clearfix rectangle "> <div class="centerSixty"> <div ng-if="vm.reservationModel.coupon.partnerEmailRequired == true || vm.prod.errorList[0].code == '05258'" class="partner-awd"> <div class="form-group"> <label for="email" class="your-corporate-email">Your corporate email address is required for this offer code. </label> </div> <input class="rectangle-copy res-dropDiscAWD" id="email" ng-model="vm.corporateEmailID" name="email" type="text" placeholder="Corporate Email Address" aria-label="Corporate Email Address" validator="required,email,minlength=6" autocomplete="off" valid-method="blur" ng-click="vm.clearEmailError()" email-error-message="Please enter a valid <strong>Email Address.</strong>" platform-error-message="The discount code entered requires a valid corporate email address." required-error-message="<strong>Email Address</strong> is a required field." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." invalid-error-message="The discount code entered requires a valid corporate email address." maxlength="45"/> <span id="emailerror"> <span ng-if="(vm.prod.errorList.length>0 && vm.prod.errorList[0].code == '05258')" class="corpEmail-error-message error"> The discount code entered requires a valid corporate email address. </span></span> <div ng-if="vm.challengeError == true"> <span class="error">lbl.otpModal.challengeErrorMsg,budget</span> </div> <div ng-if="vm.unableToSendOtp == true"> <span class="error">lbl.otpModal.unableToSendOtpMsg,budget</span> </div> <div ng-if="vm.ifOtpAborted == true"> <span class="error"> We are unable to process your request at this time. Please return to the Homepage and start your process again or use the Worldwide Phone Number List to find your Budget Customer Service telephone number. </span> </div> </div> </div> </div> </div> <!-- Corporate Email id changes --> </div> <div class="col-sm-12 res-vehicle" ng-if="vm.additionalInfo.vehicle" ng-class="{'res-ev-filter':(vm.electricVehicleFeatures)}"> <div class="res-dropVehicleDiv"> <div class="row"> <div class="col-sm-6" ng-repeat="item in vm.vehicleList"> <div class="col-sm-12 res-carBlock carBlockAll" ng-click="vm.selectVehicleType(item)"> <div class="col-sm-6 col-lg-3"> <img ng-src="{{item.image}}" alt="{{item.description}}"/> </div> <p class="col-lg-3 col-sm-2 allVehicle" ng-bind="item.description"></p> <span class="c-icon ev-filter-icon" ng-if="(item.description == 'Electric Vehicles') && (vm.electricVehicleFeatures)"></span> </div> </div> </div> </div> </div> <!--help me find a location modal pop up--> <div class="col-xs-12"> <!-- Enable Book a truck link on desktop Start--> <!-- End --> </div> <div ng-if="!(vm.isModal() || optionalVisible)" class="hintOpt"> <sup>*</sup> Optional </div> <section ng-if="vm.isModal()"> <input type="hidden" id="datetext1"/> <p class="note-text-reservation clear padlt10" ng-if="!vm.displayInfoText">Note: Rates are calculated based on details you provide. Modifications may change your rate, and if so, the Car Selection page will redisplay. </p> <p class="note-text-reservation clear padlt10" ng-if="vm.displayInfoText"> </p> <div class="modal-footer offers-landing-selbtn"> <div class="step2-renter-summary-detail-btn hidden-xs"> <button ng-if="!vm.displayInfoText" class="btn btn-primary " aria-label="Update" type="submit" ng-click="vm.getVehicles.submit(resForm);">Update</button> <button ng-if="vm.displayInfoText" class="btn btn-primary " aria-label="select car" type="submit" ng-click="vm.getVehicles.submit(resForm);">SELECT A CAR</button> </div> <div> <div ng-if="vm.enableEnterpriseCaptcha == 'true'" class="recaptcha-wrapper"> <enterprise-captcha> </enterprise-captcha> </div> </div> <div class="step2-renter-summary-detail-btn visible-xs"> <button ng-if="!vm.displayInfoText" class="btn btn-primary " aria-label="Update" type="submit" ng-click="vm.getVehicles.submit(resForm);">Update </button> <button ng-if="vm.displayInfoText" class="btn btn-primary " aria-label="select car" type="submit" ng-click="vm.getVehicles.submit(resForm);">SELECT A CAR</button> </div> <div> <div ng-if="vm.enableEnterpriseCaptcha == 'true'" class="recaptcha-wrapper"> <enterprise-captcha> </enterprise-captcha> </div> </div> </div> </section> <div class="mandatory-feild" ng-class="{'selected':vm.isOneClick}" ng-if="isAuthenticated && !vm.isModal() && vm.reservationModel.displayControls.reservation == carRentalConstant.resFlowCreate && vm.isOnlineIdUser()"> <div class="customChk" ng-class="{'checked':vm.isOneClick}"> <input type="checkbox" name="chk2" class="checkbox-custom" id="chk2" ng-model="vm.isOneClick"/> <label class="checkbox-custom-label" for="chk2">Reserve in One Click <a id="countryPopupMob" class="popover-trigger" role="button" data-placement="top" data-toggle="popover" data-trigger="hover" data-content="Reserve your bookings in One Click." data-original-title="Reserve"> <span class="s-icon res-helpIcon"></span> </a> </label> </div> </div> </div> <div class="offers-landing-selbtn btnSpacing" ng-class="{'locations-page-margin':vm.isLocationsPage}" ng-if="!vm.isModal()"> <div class="col-lg-12 col-md-12 col-sm-12"> <button name="button" id="res-home-select-car" ng-class="{'margin-top-90':true && vm.expandState && isAuthenticated ,'btn-white-on-black' : false}" class="btn btn-red selectMyCar hideMeFix btn-primary-avis" ng-if="!vm.isOneClick" ng-mousedown="vm.selectCarClicked = true" ng-click="vm.getVehicles.submit(resForm)">Search</button> <button name="button" id="res-home-select-car" ng-class="{'margin-top-90':true && vm.expandState && isAuthenticated ,'btn-white-on-black' : false}" class="btn btn-red selectMyCar hideMeFix btn-primary-avis" ng-if="vm.isOneClick" ng-mousedown="vm.selectCarClicked = true" ng-click="vm.getVehicles.submit(resForm)">Continue to Confirmation</button> <a ui-sref='step1' href="javascript:void(null);" class="btn btn-red selectMyCar showMeFix" ng-click="vm.getVehicles.submit(resForm);">Continue</a> </div> </div> <div> </div> <div class="clearfix"></div> </div> </div> </div> <!--ARD2-2964 --> <!--ARD2-2964 ends --> </form> </div> <div> <div> <form class="res-css-form" id="res-mobile-selectCarForm" name="resFormMob" novalidate> <div ng-if="((vm.brand === 'avis' || vm.brand === 'budget') && vm.domain == 'us' && vm.enableMemberBenefits === 'true')" class="homeBannerMob"> <div ng-show="vm.memberBenefitsAppliedHomepage" class="res-widget-member-home-banner"> <span class="member-benefit-home-img"></span> <div class="member-benefit-msg-container"> <span class="member-benefit-homepage-banner-applied-msg"><b> lbl.res.memberRatesSavingMob,budget</b></span> <span class="member-benefit-homepage-banner-msg">lbl.res.memberRatesStartResv,budget <a a href="javascript:void(0)" class="memeber-offer-tnc-anchor" data-toggle="modal" data-target=".benefits-flow-tnc-modal" data-backdrop="false">lbl.res.step3.reservationSummary.memberbenefits.termsApply,budget</a> </span> </div> </div> </div> <!-- changes as part of HomePageBanner --> <div class="row resMobileView" ng-class="{'solidBackgroundColor': (false), 'home-container':!vm.isModal(), 'stepOneModel':(vm.getPageURL === carRentalConstant.step1aErrorPageName || vm.getURLMtd())}" style="background-image: url('')"> <div ng-if="!(vm.isModal() || (vm.getPageURL === carRentalConstant.step1aErrorPageName || vm.getURLMtd()))"> <div class="res-heroBanner" ng-show="!vm.isModal()"> <div> </div> <script>var Campaign= Campaign || {};Campaign['FIJ7J_content_dam_budget_na_us_common_offers_BU_12_2440x1600_jpg']={"Renditions":[{"width":768,"height":504,"dpr":1,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.768.504.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":1536,"height":1008,"dpr":2,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.1536.1008.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":375,"height":375,"dpr":1,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.375.375.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":1220,"height":800,"dpr":1,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.1220.800.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":750,"height":750,"dpr":2,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.750.750.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"},{"width":2440,"height":1600,"dpr":2,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.2440.1600.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"}],"MobileRenditions":[{"width":750,"height":750,"dpr":2,"defaultFile":"/content/dam/budget/na/us/common/offers/BU-12-2440x1600.jpg/jcr:content/renditions/cq5dam.web.750.750.jpg","webpFile":"","defaultFileMimeType":"image/jpeg"}]};</script> <div data-reference="FIJ7J_content_dam_budget_na_us_common_offers_BU_12_2440x1600_jpg" class="heroBan" hero-banner-image-cover></div> <!-- Moved call-to-action component out of dynamic-promo component as it is required for other pages as well like partner pages --> <div class="exploreRecompile"> </div> <script> document.addEventListener("DOMContentLoaded", function(){ var waitUntilAngularReady = waitUntilAngularReady || {}; (function(randomString) { waitUntilAngularReady[randomString] = setInterval(function() { var scope = angular.element($('.mainContainer')).injector() .get('$rootScope'); if (angular.isDefined(window.angular) && angular.isDefined(scope) && angular.isDefined(scope.recompile)) { clearInterval(waitUntilAngularReady[randomString]); scope.recompile(); } }, 1500); })(Math.random().toString(36).substring(2, 15)+ Math.random().toString(36).substring(2, 15)); }); </script> </div> <div class="top-section"> <div ng-if="vm.invisible"> <div class="invisible" ng-if="vm.hideInlocations"> <p class="resTitle" ng-class="{'set-max-height' : false}">Reserve your car now</p> </div> <h3 class="invisible"> <span class="hidden-xs"></span> <span class="visible-xs-inline"></span> </h3> </div> </div> <div set-class-when-at-top="fix-to-top" padding-when-at-top="115"> <div class="hide-on-load res-section res-section-no-subtitle "> <div class="row res-inputFldPrt"> <!-- Trip Link Mobile -Starts --> <div ng-if="vm.customer.concurUser"> <div validation-error-display-location-id="corpBookingError" validation-error-message="err.res.bookingType.required,budget"> </div> </div> <!-- Trip Link Mobile-Ends --> <div class="col-xs-12 res-inputFldFst"> <input type="text" id="triggerRes" data-target=".resModal" data-toggle="modal" ng-model="vm.suggestionValue.pickUpLocInitialValue" class="form-control mobile-home-input " placeholder="Enter your pick-up location" aria-label="Enter your pick-up location" ng-click="vm.setResidencyDropdown();vm.setTimeDropdown()"/> </div> </div> <div class="offers-landing-selbtn"> <div class="col-lg-12 col-md-12 col-sm-12"> <a class="btn btn-red selectMyCar mobile-home-button hideMeFix btn-primary-avis" ng-class="{'btn-white-on-black' : false}" data-target=".resModal" data-toggle="modal" ng-click="vm.setTimeDropdown()">Search</a> <a data-target=".resModal" data-toggle="modal" href="javascript:void(null);" id="res-mobile-SelectContinue" class="btn btn-red selectMyCar mobile-home-button showMeFix">Continue</a> </div> </div> </div> </div> </div> <div class="modal resModal" id="reservationModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false" ng-class="{'removeModel': (vm.getPageURL === '/time-and-place' || vm.getURLMtd())}"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" ng-if="!(vm.isModal() || (vm.getPageURL === carRentalConstant.step1aErrorPageName || vm.getURLMtd()))"> <a type="button" class="close-button TextbuttonColor" data-dismiss="modal" onclick="jQuery('body').scrollTop(0);" ng-click="vm.showMemberBenefitModal()">Close</a> <h4 class="modal-title">Make a Reservation</h4> </div> <div class="modal-header vehRedBg-for-mob res-popup " ng-if="vm.isModal()"> <span data-dismiss="modal" aria-label="Close" class="close-icon-black pull-right gap-btwn-two-close" ng-click="vm.resFormpopupCancelClick()"></span> <span class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.resFormpopupCancelClick()">Cancel</span> <h3 class="modal-title">Modify Rental Details</h3> </div> <div ng-if="vm.prod.warningList.length"> <div ng-repeat="warning in vm.prod.warningList"> <div class="infoMsg"> <div class="infoImage"> <span class="spanImg"></span> </div> <div class="infoText"> <span id="warning-msg-err-mob"></span> </div> </div> </div> </div> <div ng-if="vm.prod.errorList.length" ng-repeat="error in vm.prod.errorList"> <div class="mainErrorMsg"> <div class="mainErrorImage pull-left"> <span></span> </div> <div class="mainErrorText"> <p ng-bind-html="error.message | htmlFilter"></p> </div> </div> </div> <!-- ABGPR-580 changes to display Timeout error in mobile --> <div class="mainErrorMsg" ng-if="vm.timeoutError === '?timeout=true'"> <span class="mainErrorText">We’re sorry your session has expired. Please enter your details and search again.</span> </div> <div class="modal-body mobile datepicker-ref booking-widget" ng-class="{showError: vm.getVehicles.validated}"> <div ng-show="vm.getVehicles.validated" class="col-xs-12 mainErrorMsg"> <div class="col-sm-1 col-xs-2 mainErrorImage"> <span></span> </div> <div class="col-xs-10 noPad" ng-if="!(vm.prod.couponErrorList.length>0)"> <p class="info-error-msg-text" ng-bind-html="vm.pageContent.resFormPageError"></p> </div> </div> <div ng-show="vm.showLearnWhyError" class="col-xs-12 mainErrorMsg"> <div class="col-sm-1 col-xs-2 mainErrorImage"> <span></span> </div> <div class="col-xs-10 noPad" ng-if="!(vm.prod.couponErrorList.length>0)"> <p class="learnwhy-error-msg-text"></p> </div> </div> <div class="info-error-messages" id="loginAuthenticate" ng-if="vm.pageContent.loginAuthenticate"> <div class="infoMsg"> <div class="infoImage"> <span class="spanImg"></span> </div> <div class="infoText"> <span class="mainErrorText">You are successfully logged in. We have re-started your reservation to ensure your profile preferences are included.</span> </div> </div> </div> <!-- For Mobile View of invalid AWD --> <div ng-show="vm.reservationModel.corporateBookingType == 'true' && vm.reservationModel.invalidConcurAWD" class="col-xs-12 mainErrorMsg"> <div class="col-sm-1 col-xs-2 mainErrorImage"> <span></span> </div> <div class="col-xs-10 noPad"> <p class="info-error-msg-text">errors.invalid_concur_awd,budget</p> </div> </div> <!-- Alternate Coupon/DiscountCode Banner --> <div ng-if="vm.pageName == carRentalConstant.step1aPageName || vm.isMakeAReservationPage"> <!-- Title : Start --> <!-- Title : End --> <!-- Changes for displaying Alternate Coupon/AWD --> <script type="text/javascript"> var alternateCoupon = ""; var alternateDiscount = ""; var popOverMessage = ""; </script> </div> <!-- Alternate Coupon/DiscountCode Banner --> <!-- Trip Link Mobile ResModal -Starts --> <div ng-if="vm.customer.concurUser"> <div validation-error-display-location-id="corpBookingError" validation-error-message="err.res.bookingType.required,budget"> </div> <div> <span id="corpBookingError" class="error"></span> </div> </div> <!-- Trip Link Mobile ResModal-Ends --> <div class="clearfix"></div> <div class="pick-up-checkbox"> <input type="checkbox" id="CheckboxForpickupReturnText" ng-model="vm.pickupcheckbox" ng-init="vm.pickupcheckbox=true" name="checkbox" class="checkbox-custom" valid-method="blur"/> <label class="checkbox-custom-label pick-up" id="checkbox-label" for="CheckboxForpickupReturnText">Pick-up and Return to same location</label> </div> <div class="res-inputFld"> <angucomplete-alt ng-class="{'showLocError': validateInput2}" outside-click="closeMyDropdown(this)" id="PicLoc" placeholder="Enter your pick-up location" pause="500" selected-object="vm.suggestionValue.getPickUpLocation" remote-api-handler="vm.getSuggestions" title-field="suggDescription" description-field="suggDescription" minlength="3" input-name="pickupLocation" initial-value="vm.suggestionValue.pickUpLocInitialValue" input-class="form-control form-control-cal" match-class="highlight" suggestion-list-response-error-message="Please revise your search or &lt;a href='/en/locations/budgetworldwide' &gt;click here&lt;/a&gt; to browse for a location" validation-list="required" validation-error-display-location-id="pickupErrorMob" validation-error-message="Please enter a <b>Pick-up Location</b>" validation-invalid-message="Please enter a valid <b>Pick-up Location</b>"/> </div> <div class="marB7"> <span id="pickupErrorMob" class="error"></span> </div> <div class="clearfix"></div> <div class="res-inputFld"> <div ng-class="{'col-xs-6':(vm.brand === 'avis' || vm.brand === 'budget' || vm.brand === 'budgettruck')}" class="res-inputFld dateImg floating-label"> <input type="text" autocomplete="off" class="date-form-field start-date-input res-inputMonth date-from form-control-cal inputMonth" name="reservationModel.pickUpDateDisplay" maxlength="10" placeholder="mm/dd/yyyy" aria-label="mm/dd/yyyy" readonly="true" click-outside-calender="closeCalender()" ng-model="vm.reservationModel.pickUpDateDisplay" id="fromMob" ng-change="vm.getVehicles.change(carRentalConstant.pickUpClassName,resFormMob)" valid-method="blur" validator="required,platformdate" message-id="fDateMob" dateLesser-error-message="Whoops! Your pick-up time has already passed.Please select a new time." required-error-message="Please enter a valid <b> Pick-up Date</b>" data-dpheaderlabel="Select Pick-up date" data-selecteddate=""/> <label ng-if="vm.brand === 'avis' || vm.brand === 'budget' || vm.brand === 'budgettruck'">Pick-up Date</label> </div> <div ng-class="{'col-xs-6':(vm.brand === 'avis' || vm.brand === 'budget' || vm.brand === 'budgettruck')}" class="inputFld s-timer select-mob floating-label"> <select name="reservationModel.pickUpTime" ng-model="vm.reservationModel.pickUpTime" ng-options="time.value as time.minits for time in vm.times" class="form-control-cal inputTime" required-error-message="err.global.requiredPickUpTime" aria-label="Pick Up Time" ng-change="vm.setDropTime()"> </select> <label ng-if="vm.brand === 'avis' || vm.brand === 'budget' || vm.brand === 'budgettruck'">Pick-up Time</label> </div> </div> <div class="clearfix"></div> <div class="marB7"> <span id="fDateMob" class="error"></span> </div> <div class="clearfix"></div> <div class="res-inputFld" ng-show="!vm.pickupcheckbox" ng-click="vm.scrollToTop($event)"> <angucomplete-alt outside-click="closeMyDropdown()" id="DropLoc" placeholder="Return to same location" pause="500" selected-object="vm.suggestionValue.getDropLocation" remote-api-handler="vm.getSuggestions" title-field="suggDescription" description-field="suggDescription" minlength="3" input-name="returnLocation" initial-value="vm.suggestionValue.dropLocInitialValue" input-class="form-control form-control-cal" match-class="highlight" suggestion-list-response-error-message="Please revise your search or &lt;a href='/en/locations/budgetworldwide' &gt;click here&lt;/a&gt; to browse for a location" validation-list="optional" validation-error-display-location-id="dropLocationMobError" validation-error-message="Please enter valid <b>Drop Location</b>" validation-invalid-message="Please enter valid valid <b>Drop Location</b>"/> </div> <div> <span id="dropLocationMobError" class="error"></span> </div> <div class="clearfix"></div> <div class="res-inputFld"> <div class="col-lg-3 col-xs-6 res-inputFld dateImg floating-label"> <input type="text" maxlength="10" autocomplete="off" name="reservationModel.dropDateDisplay" placeholder="mm/dd/yyyy" aria-label="mm/dd/yyyy" readonly="true" class="date-form-field end-date-input date-to form-control-cal res-inputMonth inputMonth" click-outside-calender="closeCalender()" ng-model="vm.reservationModel.dropDateDisplay" id="toMob" ng-change="vm.getVehicles.change(carRentalConstant.dropOffClassName,resFormMob)" valid-method="blur" validator="required,platformdate" message-id="returnDateMob" compareDate-error-message="Invalid Drop-off/Pick-up date combination" required-error-message="Please enter a valid <b>Return Date</b>" data-dpheaderlabel="Select Return date" data-selecteddate=""/> <label>Return Date</label> </div> <div class="col-lg-3 col-xs-6 inputFld s-timer select-mob floating-label"> <select name="reservationModel.dropTime" ng-model="vm.reservationModel.dropTime" ng-options="time.value as time.minits for time in vm.times" class="form-control-cal inputTime" required-error-message="err.global.requiredDropOffTime" aria-label="Return Time"> </select> <label>Return Time</label> </div> <input type="hidden" id="datetextMob1"/> <input type="hidden" id="datetextMob2"/> <input type="hidden" id="datetextstartMob"/> <input type="hidden" id="datetextendMob"/> <input type="hidden" id="checkerMob" value="0"/> </div> <div class="clearfix"></div> <div class="marB2"> <span id="returnDateMob" class="error"></span> </div> <div class="clearfix"></div> <div class="age-checkbox"> <input type="checkbox" id="CheckboxForRenterage" ng-model="vm.agecheckbox" ng-init="vm.agecheckbox=true" name="checkbox" class="checkbox-custom" valid-method="blur"/> <label class="checkbox-custom-label age" id="checkbox-label" for="CheckboxForRenterage">Renter&#39;s age is 25 or over</label> </div> <div ng-if="!vm.isModal()"> <div ng-class="{'disabled': (!isAnonymous || vm.reservationModel.displayControls.fieldDisable) }" class="selectAgee s-dropdown col-sm-4 col-xs-12 floating-label" ng-show="!vm.agecheckbox"> <select name="AgeFld" class="ageSelection col-sm-3 col-xs-12 selectDropdown" ng-disabled="vm.reservationModel.displayControls.fieldDisable || (!isAnonymous)" ng-change="changeAgeHig()" ng-model="vm.reservationModel.personalInfoRQ.age" ng-options="age.agsID as age.ageName for age in vm.ages" validator="selectrequired" valid-method="change" message-id="ageerrorMob" required-error-message="Please select your age " selectrequired-error-message="Please select your age "> </select> <label>Age</label> </div> <div ng-class="{'disabled': (!isAnonymous || vm.reservationModel.displayControls.fieldDisable) }" class="selectCountry s-dropdown col-sm-8 col-xs-12 floating-label"> <select id="reservationModel.personalInfoRQ.residency" class="countrySelection col-xs-12 selectDropdown" ng-disabled="vm.reservationModel.displayControls.countryFieldDisable || (!isAnonymous)" trim-label ng-change="trimLabelLength('reservationModel.personalInfoRQ.residency', 18)" name="reservationModel.personalInfoRQ.residency" ng-model="vm.reservationModel.personalInfoRQ.residency" required-error-message="Country of residence is required." alertuser-error-message="It appears you are booking from outside of the USA. So that we can provide you with the best car rental experience, please update the Residency field below. If you are a resident of the U.S., please tap the ‘Select My Car’ button to proceed." ng-options="residence.code as residence.name for residence in vm.pageContent.countryList " aria-label="Select Residency"> </select> <label> I live in</label> </div> <span id="ageerrorMob" class="error"></span> <!-- Changes for Wizard number & Lastname field for mob view start --> <div ng-if="reservation!=carRentalConstant.resFlowModify && (isAnonymous || isRecognized) && !vm.customer.firstName"> <div class="fullSection col-xs-12" ng-if="(vm.domain == 'us' || vm.domain =='ca')"> <a ng-click='vm.IsVisibleOffer = !vm.IsVisibleOffer'> msg.res.havewizardcode,budget </a><span ng-class="{'s-icon red-down-arrow':vm.IsVisibleOffer,'s-icon red-right-arrow':!vm.IsVisibleOffer}"></span> </div> <div ng-show='vm.IsVisibleOffer' ng-class="{'ifError': wizErrMsgGlMob || couponErrMsgGlMob}" class="filterCon" ng-if="(vm.domain == 'us' || vm.domain =='ca')"> <input type="text" id="res-mobile-wizard" aria-label="Display Customer Number" name="DispWIZMob" class="ageSelectiona col-xs-3 selectDropdown" ng-model="vm.reservationModel.wizardNumber" validator="required,platformwizard" valid-method="blur" message-id="wizardErrMobile" recognized-error-message="Enter your Customer Number" required-error-message="Enter your Customer Number" invalid-error-message="Customer Number entered is invalid." platformwizard-error-message="Customer Number entered is invalid." placeholder="Customer Number" ng-disabled="reservation===carRentalConstant.resFlowModify" no-validation-message="vm.reservationModel.personalInfoRQ.lastName==''"/> <input type="text" aria-label="Last Name " name="DispLNMob" class="countrySelectiona noMarRit col-xs-8 selectDropdown" ng-model="vm.reservationModel.personalInfoRQ.lastName" validator="required,platformusername" ng-disabled="reservation===carRentalConstant.resFlowModify" valid-method="blur" message-id="wizardLastNameErrMobile" recognized-error-message="Enter your Last Name" required-error-message="Enter your Last Name" platformusername-error-message="Last Name should contain alphabets only." no-validation-message="vm.reservationModel.wizardNumber==''" placeholder="Last Name "/> </div> </div> <!-- Changes for Wizard number & Lastname field for mob view ends --> <div class="fullSection col-xs-12"> <a ng-click='vm.IsVisibleOffer = !vm.IsVisibleOffer'> I have a discount code </a><span ng-class="{'s-icon red-down-arrow':vm.IsVisibleOffer,'s-icon red-right-arrow':!vm.IsVisibleOffer}"></span> </div> <!-- Enable Book a truck link on mobile Start--> <!-- End --> <div ng-show='vm.IsVisibleOffer' ng-class="{'ifError': wizErrMsgGlMob || couponErrMsgGlMob}" class="filterCon"> <div class="age col-xs-6 noPad mobile-popover" ng-if="(vm.domain == 'au' || vm.domain =='nz') && isAnonymous && !(reservation==carRentalConstant.resFlowModify) && !isPartnerAuth"> Customer # <a id=" " data-toggle="modal" data-target=".wizModal"> <span class="s-icon res-helpIcon"></span> </a> </div> <div class="age col-sm-6 col-xs-12 noPad mobile-popover" ng-if="(vm.domain == 'au' || vm.domain =='nz') && !isAnonymous"> <div> <span ng-if="vm.customer.firstName && vm.customer.onlineID === false"> {{vm.customer.firstName}} {{vm.customer.lastName}} </span> <span ng-if="!vm.customer.firstName && vm.customer.onlineID === false"> {{vm.reservationModel.personalInfoRQ.firstName}} {{vm.reservationModel.personalInfoRQ.lastName}} </span> <span ng-if="vm.customer.onlineID === true"> {{vm.customer.wizardNumberMasked}} </span> <a tabindex="0" id="wizardPopupMob" data-placement="top" data-html="true" role="button" data-toggle="popover" data-trigger="focus" title="Log Out" data-content="<p>Click the Log Out link to Sign Off.</p><a href='javascript:void(null);' class='btn close-button closePopover'></a>" ng-click="openTooltip('wizard')"> <span class="s-icon res-helpIcon"></span> </a> </div> </div> <div class="age col-sm-6 col-xs-12 noPad mobile-popover" ng-if="isPartnerAuth"> <div> <span ng-if="vm.customer.firstName"> {{vm.customer.firstName}} {{vm.customer.lastName}} </span> </div> </div> <div ng-if="reservation===carRentalConstant.resFlowModify && isAnonymous" class="res-wizardNoarr form-controlD" title="First Name Last Name">{{vm.reservationModel.personalInfoRQ.firstName}} {{vm.reservationModel.personalInfoRQ.lastName}} </div> <div class="residency col-xs-6 noPad" ng-if="(vm.domain == 'au' || vm.domain =='nz') && isAnonymous && !(reservation==carRentalConstant.resFlowModify) && !isPartnerAuth"> Last Name </div> <label ng-if="!isAnonymous && vm.customer.firstName && vm.customer.onlineID === false && !isPartnerAuth">You are logged in as {{vm.customer.firstName}} {{customer.lastName}}. <div class='log-out-msg' ng-if="isAuthenticated"> Not {{vm.customer.firstName}}? <a class="avisText" href="javascript:void(0)" ng-click="vm.getLogout()">Log Out?</a></div> <div class='avisText' ng-if="isRecognized || isRememberME "><a href="javascript:void(0)" ng-click="vm.getLogout()"> Not You?</a></div> </label> <label ng-if="vm.customer.firstName && isPartnerAuth">You are logged in to your Amazon account as {{vm.customer.firstName}} {{customer.lastName}}. <div class='avisText log-out-msg'><a href="javascript:void(0)" ng-click="vm.getLogout()"> Log Out?</a></div> </label> <label ng-if="!isAnonymous && !vm.customer.firstName && vm.customer.onlineID === false">You are logged in as {{vm.reservationModel.personalInfoRQ.firstName}} {{vm.reservationModel.personalInfoRQ.lastName}}. <div class='avisText log-out-msg' ng-show="isAuthenticated"><a href="javascript:void(0)" ng-click="vm.getLogout()"> Log Out?</a></div><div class='avisText' ng-show="isRecognized || isRememberME "><a href="javascript:void(0)" ng-click="vm.getLogout()"> Not You?</a></div> </label> <label ng-if="!isAnonymous && vm.customer.onlineID === true">You are logged in as {{vm.customer.wizardNumberMasked}}. <div class='avisText log-out-msg' ng-if="isAuthenticated"><a href="javascript:void(0)" ng-click="vm.getLogout()"> Log Out?</a></div><div class='avisText' ng-if="isRecognized || isRememberME "><a href="javascript:void(0)" ng-click="vm.getLogout()"> Not You?</a></div> </label> <input aria-label="Display Customer Number" name="DispWIZMob" type="text" class="ageSelectiona col-xs-3 selectDropdown" ng-model="vm.reservationModel.wizardNumber" ng-if="(vm.domain == 'au' || vm.domain =='nz') && isAnonymous && !(reservation==carRentalConstant.resFlowModify) && !isPartnerAuth" validator="required,platformwizard" valid-method="blur" id="res-mobile-wizard" message-id="wizardErrMobile" recognized-error-message="Enter your Customer Number" required-error-message="Enter your Customer Number" invalid-error-message="Customer Number entered is invalid." platformwizard-error-message="Customer Number entered is invalid." ng-disabled="reservation===carRentalConstant.resFlowModify" no-validation-message="vm.reservationModel.personalInfoRQ.lastName==''"/> <input type="text" aria-label="Last Name " name="DispLNMob" class="countrySelectiona noMarRit col-xs-8 selectDropdown" ng-model="vm.reservationModel.personalInfoRQ.lastName" ng-if="(vm.domain == 'au' || vm.domain =='nz') && isAnonymous && !(reservation ==carRentalConstant.resFlowModify) && !isPartnerAuth" validator="required,platformusername" ng-disabled="reservation===carRentalConstant.resFlowModify" valid-method="blur" message-id="wizardLastNameErrMobile" recognized-error-message="Enter your Last Name" required-error-message="Enter your Last Name" platformusername-error-message="Last Name should contain alphabets only." no-validation-message="vm.reservationModel.wizardNumber==''"/> <div class="row" ng-if="(vm.domain == 'au' || vm.domain =='nz')"> <div class="col-xs-6"> <span class="error" id="wizardErrMobile"></span> </div> <div class="col-xs-6 noPad"> <span class="error" id="wizardLastNameErrMobile"></span> </div> </div> <div class="age col-xs-12 noPad mobile-popover" ng-if="(vm.domain == 'au' || vm.domain =='nz')"> Discount Code <a id="discountPopupMob" data-toggle="modal" data-target=".disModal"> <span class="s-icon res-helpIcon"></span> </a> </div> <div ng-if="(vm.customer.discountSummaryList == undefined || vm.customer.discountSummaryList.length<1)"> <input type="text" id="AWD" ng-model="vm.reservationModel.coupon.discountNumber" aria-label="BCD Number" name="DiscAWDMob" placeholder="BCD Number" class="ageSelectionb col-xs-4 selectDropdown" compile-request="true" prefilledvalue="{{vm.reservationModel.discountSummaryList}}" validator="optional,amazonValidation" maskedDiscountCode="{{vm.reservationModel.coupon.isMaskedDiscountCode}}" valid-method="blur" ng-blur="vm.getMultiCoupon(); vm.partnerDiscount(resFormMob);" ng-change="vm.partnerValidation();vm.resetMaskedDiscountCode();" ng-paste="vm.clearMembershipID();vm.partnerValidation();" ng-disabled="vm.pageContent.awdDisabled || (vm.prod.webHeader.p13nDetailsMap.reservationFlow=='modify' && vm.prod.reservationSummary.partnerRewardInfoDetails.rewardFulfillType=='Y')" message-id="discountAWDErrMob" inline-message="true" amazonValidation-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>"/> </div> <div class="res-ccVal enhanced-profile-customDD" ng-if="(vm.customer.discountSummaryList.length>=1)"> <div class="select-editable"> <div class="ep-select"> <div class="ep-DDbox" data-toggle="dropdown" aria-hidden="true"> <a class="dropdown-toggle s-dropdown" href="javascript:void(0);" data-toggle="dropdown" aria-expanded="false" ng-class="{disabled : vm.checkModifyWithPrime() || vm.pageContent.awdDisabled }"></a> <ul class="dropdown-menu"> <li ng-repeat="option in vm.reservationModel.discountSummaryList" ng-click="vm.updateDiscountNumber(option)" ng-class="{'selected':option.discountNumber == vm.reservationModel.coupon.discountNumber}"><a href="javascript:void(0);"><span class="s-icon check-mark icon-selected" aria-hidden="true"></span><span ng-if="option.nickName && vm.epIndicator">{{option.nickName}} - </span>{{option.discountNumber}}<span ng-if="option.primary==true && brand == carRentalConstant.brandName.AVIS"> (Primary)</span></a> </li> </ul> </div> </div> <input type="text" id="AWD" class="res-dropDiscAWD" ng-model="vm.reservationModel.coupon.discountNumber" aria-label="BCD Number" name="DiscAWDMob" placeholder="BCD Number" compile-request="true" prefilledvalue="{{vm.reservationModel.discountSummaryList}}" validator="optional,amazonValidation" maskedDiscountCode="{{vm.reservationModel.coupon.isMaskedDiscountCode}}" valid-method="blur" ng-blur="vm.getMultiCoupon(); vm.partnerDiscount(resFormMob);" ng-change="vm.partnerValidation();vm.resetMaskedDiscountCode();" ng-paste="vm.clearMembershipID();vm.partnerValidation();" ng-disabled="vm.pageContent.awdDisabled || (vm.prod.webHeader.p13nDetailsMap.reservationFlow=='modify' && vm.prod.reservationSummary.partnerRewardInfoDetails.rewardFulfillType=='Y')" message-id="discountAWDErrMob" inline-message="true" amazonValidation-error-message="Your discount code is invalid &lt;a href=&#34;javascript:void(null);&#34; class=&#34;learnWhyTxt ng-scope&#34; learn-why=&#34;DiscAWD&#34; call-from=&#34;Home&#34;>Learn why.&lt;/a>"/> </div> </div> <!-- OTP changes --> <!-- OTP changes ends--> <input type="text" id="coupon" ng-model="vm.reservationModel.coupon.couponNumber" aria-label="Coupon" maxlength='8' name="DiscCouponMob" placeholder="Coupon" class="ageSelectionb col-xs-4 selectDropdown coupon-input" compile-request="true" validator="optional,platformcoupon" valid-method="blur" ng-blur="vm.getMultiCoupon()" message-id="discountCouponMob" inline-message="true" ng-disabled="vm.pageContent.couponCodeDisabled"/> <div class="res-ccVal marGnTop forMob" ng-show="vm.reservationModel.coupon.isMultiCoupon && vm.reservationModel.coupon.couponNumber != ''"> <div class="coupanCInfo" id="res-dropWizText"> <label class="res-dropWizText">Quantity <a id="couponPopups" data-toggle="modal" data-target=".quaModal" ng-click="getLearnDetails('Quantity')"> <span class="s-icon res-helpIcon qty-icon"></span> </a> </label> </div> <span class="s-dropdown"> <select class="res-dropDiscAWD" aria-label="Number Of Coupon" ng-model="vm.reservationModel.coupon.couponQuantity" ng-options="cupon.key as cupon.value for cupon in vm.pageContent.couponList"> </select> </span> </div> <input type="text" ng-model="vm.reservationModel.coupon.couponRateCode" id="res-home-rateCode" aria-label="Rate" maxlength='4' name="DiscRateMob" placeholder="Rate Code" class="ageSelectionb col-sm-4 noMarRit col-xs-4 selectDropdown" validator="optional" valid-method="blur" required-error-message="err.global.invalidRateCode" message-id="rateCodeInvalidMob" inline-message="false"/> <div class="aarp-dropdown" ng-if="vm.displayMemberRatesDropDown"> <div class="col-xs-12 s-dropdown"> <select class="dropdown-toggle" ng-model="vm.selectedMember" ng-change="vm.selectMemberTypeMobile()"> <option value="lbl.res.memberRates">lbl.res.memberRates</option> <option ng-repeat="member in vm.membersList" value="{{member.memberName}}">{{member.memberName}}</option> </select> <!-- <button class="btn btn-primary dropdown-toggle" id="memberRatesDropdownMob" type="button" data-toggle="dropdown" ng-click="vm.getMemberRatesDropdown()">{{vm.selectedMember}} <span class="arrow"></span></button> <ul class="dropdown-menu"> <li id="{{member.memberID}}" ng-repeat="member in vm.membersList" ng-click ="vm.selectMemberType(member)"> <span class="{{member.displayTick ? 'tick':''}}"></span><a>{{member.memberName}}</a><input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel1" value="" aria-label="..."/></li> </ul> --> </div> <div class="col-xs-12" ng-if="vm.showAdditionalFields"> <div class="aarp-member"> <input id="partnerMembershipIdForMemberRatesMob" ng-model="vm.reservationModel.coupon.partnerMembershipId" name="partnerMembershipId" class="res-dropDiscAWD" type="text" placeholder="{{vm.selectedMemberLabel}}" aria-label="{{vm.selectedMemberLabel}" valid-method="blur" compile-request="true" validator="partnerValidationForMemberRates" ng-change="vm.checkPartnerMemberValidation()" partnerValidation-error-message="Please enter valid membership number." platform-error-message="Please enter valid membership number."/> <span ng-if="vm.prod.errorList.length>0 && (vm.prod.errorList[0].code == '05251' || vm.prod.errorList[0].code == '05253')" class="error"> Please enter valid membership number. </span> </div> <div class="aarp-checkbox"> <input type="checkbox" id="partnerCheckboxIdForMemberRatesMob" name="checkbox" class="checkbox-custom" ng-model="vm.reservationModel.NoPartnerMembershipID" valid-method="blur" ng-change="vm.noMemberShipNumberCheck()"/> <label class="checkbox-custom-label checkbox-border" id="checkbox-label" for="partnerCheckboxIdForMemberRates">lbl.res.noMemberNumber,budget</label> </div> </div> </div> <!-- Partner Validation --> <div ng-if="vm.membershipID != '' || vm.requiresMemberID || vm.customer.requiresMemberID || vm.customer.awdSummary.requiresMemberID" class="plainBorder col-sm-12 col-xs-12"></div> <div ng-if="vm.membershipID != '' || vm.requiresMemberID || vm.customer.requiresMemberID || vm.customer.awdSummary.requiresMemberID"><label>Member Number</label></div> <div class="membershipid" ng-if="vm.membershipID != '' || vm.requiresMemberID || vm.customer.requiresMemberID || vm.customer.awdSummary.requiresMemberID"> <input type="text" id="partnerIdMob" ng-model="vm.reservationModel.coupon.partnerMembershipId" name="res.coupon.requiresMemberIDMob" class="col-xs-5 selectDropdown" placeholder="{{vm.partnerPlaceholder}}" aria-label="{{vm.partnerPlaceholder}}" validator="partnerValidation" ng-change="vm.checkPartnerMemberValidation()" ; valid-method="blur" compile-request="true" partnerValidation-error-message="Please enter valid membership number."/> </div> <div ng-if="vm.membershipID != '' || vm.requiresMemberID || vm.customer.requiresMemberID"> <div ng-if="vm.partnerName != null || vm.customer.awdSummary.partnerName != null || (vm.reservationModel.coupon.partnerMembershipId != null && vm.partnerError == true)"> <span class="rate-code-checkbox pull"> <input type="checkbox" id="partnerCheckboxIdMob" name="checkboxMob" class="checkbox-custom" ng-model="vm.reservationModel.NoPartnerMembershipID" validator="partnerValidationCheckbox" member-id-required="{{vm.requiresMemberID || vm.customer.awdSummary.requiresMemberID}}" partnerValidationCheckbox-error-message="Please enter valid membership number." message-id="partner-error" ng-change="vm.checkPartnerValidation();"/> <label class="checkbox-custom-label checkbox-border" id="checkbox-label" for="partnerCheckboxIdMob"> {{vm.partnerLabel}} </label> </span> </div> </div> <div ng-if="vm.requiresMemberID && vm.reservationModel.NoPartnerMembershipID"> <!-- <label for="partialDiscountMob">Partial discount applied. Member number required for full discount. </label> --> <label for="partialDiscountMob">{{vm.partnerDiscountMessage}}</label> </div> <!-- Partner mobile Validation --> <!--ABGDIMT-757 corporate email id changes mobile view --> <div ng-if="vm.reservationModel.coupon.discountNumber != '' && vm.reservationModel.coupon.partnerEmailRequired == true || vm.prod.errorList[0].code == '05258'"> <div class="res-dropWizDiv clearfix rectangle "> <div class="centerSixty"> <div ng-if="vm.reservationModel.coupon.partnerEmailRequired == true || vm.prod.errorList[0].code == '05258'" class="partnerAwd"> <div class="form-group"> <label for="email" class="your-corporate-email">Your corporate email address is required for this offer code. </label> </div> <input class="rectangle-1 res-dropDiscAWD" id="emailMob" ng-model="vm.corporateEmailID" name="email" type="text" placeholder="Corporate Email Address" aria-label="Corporate Email Address" validator="required,email,minlength=6" autocomplete="off" valid-method="blur" ng-click="vm.clearEmailError()" email-error-message="Please enter a valid <strong>Email Address.</strong>" platform-error-message="The discount code entered requires a valid corporate email address." required-error-message="<strong>Email Address</strong> is a required field." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." invalid-error-message="The discount code entered requires a valid corporate email address." maxlength="45"/> <span id="emailerrorMob"> <span ng-if="(vm.prod.errorList.length>0 && vm.prod.errorList[0].code == '05258')" class="corpEmail-error-message error"> The discount code entered requires a valid corporate email address. </span></span> <div ng-if="vm.challengeError == true"> <span class="error">lbl.otpModal.challengeErrorMsg,budget</span> </div> <div ng-if="vm.unableToSendOtp == true"> <span class="error">lbl.otpModal.unableToSendOtpMsg,budget</span> </div> <div ng-if="vm.ifOtpAborted == true"> <span class="error"> We are unable to process your request at this time. Please return to the Homepage and start your process again or use the Worldwide Phone Number List to find your Budget Customer Service telephone number. </span> </div> </div> </div> </div> </div> <!-- corporate email id changes mobile view --> <div class="clearfix"></div> <div class="col-xs-12 noPad"> <div ng-show="vm.prod.errorList.length" ng-repeat="error in vm.prod.errorList"> <div class="mainErrorText" ng-if="error.code !== carRentalConstant.insuraceReplacementCode && error.code !== '05258'"> <p ng-bind-html="error.message | htmlFilter"></p> </div> </div> <span class="error col-xs-12 noPad" ng-hide="(vm.prod.couponErrorList.length>0)" id="discountAWDErrMob"> Your discount code is invalid, <a href='javascript:void(0)' class='learnWhyTxt link' learn-why='DiscAWD' call-from='Home'> Learn Why? </a> </span> <span class="error col-xs-12 noPad" ng-hide="(vm.prod.couponErrorList.length>0)" id="discountCouponMob"> Your discount code is invalid, <a href='javascript:void(0)' class='learnWhyTxt link' learn-why='DiscCoupon' call-from='Home'> Learn Why? </a> </span> <span ng-if="false" class="error col-xs-12 noPad" id="rateCodeInvalidMob"> Rate Code invalid <a href="javascript:void(null)" class="learnWhyTxt" data-toggle="modal" data-target=".rateCodeMsg">Learn Why?</a> </span> </div> <!-- <div class="age col-xs-12 noPad">Select Vehicle Type</div> <div id = "res-home-mobVehType" ng-class="{'disabled': (vm.suggestionValue.getPickUpLocation == undefined || vm.vehicleList == undefined)}" class="sortFilter col-sm-12" title="{{vm.vehicleTypeValue}}" ng-bind="vm.vehicleTypeValue" data-target=".vehicleModal" ng-click="vm.toggleSection('vehicle')" data-toggle="modal">All Vehicles</div> --> </div> <div class="row mand-fld" ng-if="isAuthenticated && vm.reservationModel.displayControls.reservation == carRentalConstant.resFlowCreate && vm.isOnlineIdUser()"> <div class="mandatory-mob-feild col-xs-12" ng-class="{'selected':vm.isOneClick}"> <div class="customChk" ng-class="{'checked':vm.isOneClick}"> <input type="checkbox" name="chk2" class="checkbox-custom" id="chk2" ng-model="vm.isOneClick"/> <label class="checkbox-custom-label" for="chk2">Reserve in One Click</label> <a tabindex="0" id="countryPopupMob" data-toggle="modal" data-target=".oneclickModal"> <span class="s-icon res-helpIcon"></span> </a> </div> </div> </div> <div class="rowa"> <div class="middleDiva"> <button name="button" class="btn btn-lg btn-block btn-responsive btn-primary-avis col-sm-12 col-xs-4 selectCara res-selectCar btn-primary-avis " ng-if="!vm.isOneClick" id="res-mobile-selectCar" ng-mousedown="vm.selectCarClicked = true" ng-click="vm.getVehicles.submit(resFormMob)">Search</button> <button name="button" class="btn btn-lg btn-block btn-responsive btn-primary-avis col-sm-12 col-xs-4 selectCara res-selectCar btn-primary-avis " ng-if="vm.isOneClick" id="res-mobile-selectCar" ng-mousedown="vm.selectCarClicked = true" ng-click="vm.getVehicles.submit(resFormMob)">Continue to Confirmation</button> </div> </div> </div> <section ng-if="vm.isModal()"> <p class="note-text-reservation clear" ng-if="!vm.displayInfoText">Note: Rates are calculated based on details you provide. Modifications may change your rate, and if so, the Car Selection page will redisplay. </p> <p class="note-text-reservation clear padlt10" ng-if="vm.displayInfoText"> </p> <div class="modal-footer offers-landing-selbtn"> <div class="step2-renter-summary-detail-btn hidden-xs"> <button ng-if="!vm.displayInfoText" class="btn btn-primary " aria-label="Update" type="submit" id="res-mobile-updateCar" ng-click="vm.getVehicles.submit(resFormMob);">Update </button> <button ng-if="vm.displayInfoText" class="btn btn-primary " aria-label="Update" type="submit" id="res-mobile-updateCar" ng-click="vm.getVehicles.submit(resFormMob);">SELECT A CAR </button> </div> <div class="step2-renter-summary-detail-btn visible-xs"> <button ng-if="!vm.displayInfoText" class="btn btn-primary " aria-label="Update" type="submit" id="res-mobile-updateCar" ng-click="vm.getVehicles.submit(resFormMob);">Update </button> <button ng-if="vm.displayInfoText" class="btn btn-primary " aria-label="Update" type="submit" id="res-mobile-updateCar" ng-click="vm.getVehicles.submit(resFormMob);">SELECT A CAR </button> </div> </div> </section> </div> </div> </div> </div> <div class="modal fade vehicleModal" ng-if="vm.additionalInfo.vehicle || vm.suggestionValue.getPickUpLocation != undefined" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false"> <div class="modal-dialog Vehicle-key"> <div class="modal-content"> <div class="modal-header noPadB"> <a type="button" data-dismiss="modal" class="cls-btn close-button TextbuttonColor" ng-click="vm.toggleSection('vehicle')">Close</a> <h4 class="modal-title leftalign">Select Vehicle Type</h4> </div> <div class="mobile"> <div class="row noMar"> <div class="col-xs-12 noPad" ng-repeat="item in vm.vehicleList"> <div class="col-xs-12 vehicleDD" ng-click="vm.selectVehicleType(item)" data-dismiss="modal"> <div class="col-xs-4 noPad"> <img ng-src="{{item.image}}" class="width-100" alt="{{item.description}}"/> </div> <p class="col-xs-8">{{item.description}}</p> </div> </div> </div> </div> </div> </div> </div> </div> </form> </div> <div class="modal generic-modal " role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" aria-label="Close" data-dismiss="modal"></span> <h4 class="modal-title">{{vm.title}}</h4> </div> <div class="modal-body"> <p class="couponP">{{vm.reason}}</p> <ul ng-if="vm.errorMsg"> <li class="couponLi">{{vm.errorMsg}}</li> </ul> </div> </div> </div> </div> <div class="modal rateCodeMsg" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(null);" type="button" class="cls-btn close-button TextbuttonColor" data-dismiss="modal">Close</a> <h4 class="modal-title">msg.res.rateinfo</h4> </div> <div class="modal-body"> <p class="couponP">Your Rate Code cannot be used for this reservation due to following reason(s):</p> <ul> <li class="couponLi">Rate Code requires minimum length of 5 days </li> </ul> </div> </div> </div> </div> <div class="modal ageModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(null);" type="button" class="cls-btn close-button TextbuttonColor" data-dismiss="modal">Close</a> <h4 class="modal-title">Age</h4> </div> <div class="modal-body"> <p class="couponP">Providing your age allows us to give you a more accurate rental estimate. Restrictions and fees may apply for drivers under 25. Please review rental terms and conditions or call us at 1300 362 848 for details.</p> </div> </div> </div> </div> <div class="modal residenceModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(null);" type="button" class="cls-btn close-button TextbuttonColor" data-dismiss="modal">Close</a> <h4 class="modal-title">I Live In</h4> </div> <div class="modal-body"> <p class="couponP">Providing your country of residence allows us to give you a more accurate rental estimate.</p> </div> </div> </div> </div> <div class="modal wizModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(null);" type="button" class="cls-btn close-button TextbuttonColor" data-dismiss="modal">Close</a> <h4 class="modal-title">Do you have a Customer Number?</h4> </div> <div class="modal-body"> <p class="couponP">Enter your Budget RapidRez/Fastbreak profile number to enjoy faster reservations and rentals.</p> </div> </div> </div> </div> <div class="modal disModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(null);" type="button" class="cls-btn close-button TextbuttonColor" data-dismiss="modal">Close</a> <h4 class="modal-title">Discount Code (BCD or Coupon code)</h4> </div> <div class="modal-body"> <p class="couponP" ng-if="!vm.pageContent.couponCodeDisabled">Select to add a BCD (Budget Customer Discount) Number or Coupon Code to the reservation.</p> <p class="couponP" ng-if="vm.pageContent.couponCodeDisabled">inf.res.discountCouponDisable.info,budget</p> </div> </div> </div> </div> <div class="modal quaModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(null);" type="button" class="cls-btn close-button TextbuttonColor" data-dismiss="modal">Close</a> <h4 class="modal-title">Coupon Count</h4> </div> <div class="modal-body"> <p class="couponP">These are the available options that may be redeemed.</p> </div> </div> </div> </div> <div class="modal oneclickModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(null);" type="button" class="cls-btn close-button TextbuttonColor" data-dismiss="modal">Close</a> <h4 class="modal-title">Reserve</h4> </div> <div class="modal-body"> <p class="couponP">Reserve your bookings in One Click.</p> </div> </div> </div> </div> <div class="modal couponMsg" role="dialog" style="display: none;" ng-if="!vm.isModal()"> <div class="modal-dialog modal-sm" style="margin-top: 40.5px;"> <div class="modal-content"> <div class="modal-header"> <span data-dismiss="modal" aria-label="Close" class="close-icon-black pull-right gap-btwn-two-close"></span> <h4 class="modal-title">COUPON INFO</h4> </div> <div class="modal-body"> <p class="couponP">Your coupon number cannot be used for this reservation due to following reason(s):</p> <ul> <li class="couponLi" ng-if="!vm.prod.couponErrorList.length>0">The coupon code entered is not valid. Coupon codes are seven characters, four letters followed by three numbers.</li> <li class="couponLi" ng-repeat="error in vm.prod.couponErrorList" ng-bind-html="error.message" ng-if="(vm.prod.couponErrorList.length > 0)"></li> </ul> </div> </div> </div> </div> <div class="modal bcdMsg" role="dialog" style="display: none;" ng-if="!vm.isModal()"> <div class="modal-dialog modal-sm" style="margin-top: 40.5px;"> <div class="modal-content"> <div class="modal-header"> <span data-dismiss="modal" aria-label="Close" class="close-icon-black pull-right gap-btwn-two-close"></span> <h4 class="modal-title">BCD INFO</h4> </div> <div class="modal-body"> <p class="couponP">Your BCD cannot be used for this reservation due to the following reason(s):</p> <ul> <li class="couponLi" ng-if="!vm.prod.bcdErrorList.length>0">err.bcd.bcdFormat</li> <li class="couponLi" ng-repeat="error in vm.prod.bcdErrorList" ng-bind-html="error.message" ng-if="(vm.prod.bcdErrorList.length > 0)"></li> </ul> </div> </div> </div> </div> <!-- Discount OTP verification Modal --> <div class="modal discount-code-modal fade popup-fix" tabindex="-1" id="corp-awd-otp-modal" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog reservation-modal width-600 avis-mob-align budget-mob-align" role="document"> <div class="modal-content otp-budget-height otp-avis-height"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" id="corp-awd-otp-modal-close" ng-click="vm.closeOtpModal();" aria-label="Close" data-dismiss="modal"></span> <h4 class="modal-title">VERIFICATION CODE</h4> </div> <div class="modal-body budget-mob-modal avis-mob-modal"> <span>For added security, please enter the verification code that has been sent to your email address beginning with {{vm.awdSecurityAssessmentSummary.otpTokenverifiers.emailAddress.value}} </span> <br/><br/> <div ng-if="vm.resendSuccess == true"> <span class="wrap-blue-link">lbl.otpModal.suceessResendOtpMsg,budget</span> </div><br/> <label for="awdOtp"><strong>Security Passcode</strong></label></br> <div class="row awd-otp-section"> <div class="col-sm-4 otp-height form-group"> <input type="text" class="form-control height36 avis-awd-mob-width budget-awd-margin0" name="awd-otp" validator="required,minlength=1" valid-method="blur" autocomplete="off" required-error-message="Please enter your One-time Passcode." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." discountinvalidotp-error-message="The code you entered is not valid. Please try again." discountexpiredotp-error-message="The code entered has expired. Please resend a new code and try again." genericotp-error-message="Please try after sometime" ng-model="vm.discountOtpVerificationCode" maxlength="6"/> </div> <div class="col-sm-4 margin-left88 avis-mob-width budget-mob-btn"> <button type="submit" id="awd_otp_submit" class="btn btn-primary-avis avis-mob-width avis-mob-ml-89 budget-mob-width budget-btn" ng-click="vm.triggerDiscountVerificationVerify(vm.discountOtpVerificationCode)">Submit</button> </div> </div><br/> <a href="javascript:void(0)" id="awd_otp_resend" class="wrap-blue-link avis-mob-ml-60 budget-mob-ml-23" ng-click="vm.resendDiscountVerificationCode(vm);">lbl.otpModal.resendOtpVerificationCode,budget</a> <br/> <br/> </div> </div> </div> </div> <!-- Discount OTP verification Modal Display ends--> <div> <!-- Modal popup to give user option to navigate to LAC --> <div class="modal redirect-modal fade popup-fix" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" id="ukModalOpen"> <style type="text/css">.session-timeout .close-btn{position:absolute;right:10px;top:15px}.modal-close-btn .modal-title{display:block;margin:0}.session-timer{border:1px solid #c1c1c1;padding:5px;width:60px;background:#f2f2f2;margin:12px auto 24px}.session-info-text h4{font-size:17px;margin-bottom:0;color:#00285f;font-family:'Custom-Demi',Arial,sans-serif;line-height:1.27}.session-info-text p{color:#00285f;font-size:14px}.session-timeout .btn{font-size:15px;width:100%;margin-bottom:10px}.session-timeout .modal-header{border-bottom:0}.session-timeout .modal-header .close-btn img{display:block}.btn-large-fmobile button{width:100%;margin-bottom:10px}.btn-redirect{background:#00285f;color:#fff;border:0;padding:10px 20px;width:100%}.browser-modal .modal-body,.redirect-modal .modal-body{position:relative;padding:15px}@media only screen and (min-width:768px){.session-timeout .modal-dialog{width:420px}.session-timeout .modal-header,.session-timeout .modal-title{display:none}.session-timeout .modal-body{padding:10px}.session-inner-wrap{padding:0 10px 0}.session-hdr-info{margin-bottom:20px}.session-info-text{text-align:left;float:left;width:75%}.session-timer{float:right;margin:17px auto 18px}.btn-large-fmobile button{width:49%}.session-btn-info .btn-primary-avis{float:right;display:inline-block;width:49%;height:40px;line-height:40px;padding:0}.session-btn-info .btn-primary-avis:first-child{float:left}}</style> <div class="modal-dialog reservation-modal width-500" role="document"> <div class="modal-content"> <div class="modal-body "> <div class="session-inner-wrap clearfix"> <div class="marbot20"> <div class="text-center"> <h3> <strong>{{vm.heading}}</strong> <span data-dismiss="modal" aria-label="Close" class="close-icon-black pull-right gap-btwn-two-close" id="ukModalClose"></span> </h3> <p>{{vm.description}}</p> </div> </div> <div class="col-xs-12 noPad"> <div class="col-sm-6 col-xs-12 text-center mar-bottom-30"> <button type="button" ng-click="vm.redirectTo();" class="btn btn-redirect" data-dismiss="modal" id="ukRedirect"> {{vm.button1}}</button> </div> <div class="col-sm-6 col-xs-12 text-center"> <button type="button" ng-click="vm.stayOnCom();" class="btn btn-redirect" data-dismiss="modal" id="usRedirect"> {{vm.button2}} </button> </div> </div> </div> </div> </div> </div> </div> <!-- TIG-322: Modal popup ends --> <!-- Browser Modal popup starts--> </div> <div ng-if="vm.accountModel.showConnectedCarTncModal"> <div id="temporary-modalTnC" ng-include="vm.showTnCPage"></div> </div> </div> <!-- Find a loction help modal --> </section> <script type="text/javascript"> var prepopulateCity = ""; var picLoc = ""; var countryList = "[{\x22code\x22:\x22AF\x22,\x22name\x22:\x22Afghanistan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AL\x22,\x22name\x22:\x22Albania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DZ\x22,\x22name\x22:\x22Algeria\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AD\x22,\x22name\x22:\x22Andorra\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AO\x22,\x22name\x22:\x22Angola\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AI\x22,\x22name\x22:\x22Anguilla\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AG\x22,\x22name\x22:\x22Antigua \\u0026 Barbuda\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AR\x22,\x22name\x22:\x22Argentina\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AM\x22,\x22name\x22:\x22Armenia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AB\x22,\x22name\x22:\x22Aruba\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AU\x22,\x22name\x22:\x22Australia\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22ACT\x22,\x22stateName\x22:\x22Australian Capital Territory\x22},{\x22stateCode\x22:\x22NSW\x22,\x22stateName\x22:\x22New South Wales\x22},{\x22stateCode\x22:\x22NT\x22,\x22stateName\x22:\x22Northern Territory\x22},{\x22stateCode\x22:\x22QLD\x22,\x22stateName\x22:\x22Queensland\x22},{\x22stateCode\x22:\x22SA\x22,\x22stateName\x22:\x22South Australia\x22},{\x22stateCode\x22:\x22TAS\x22,\x22stateName\x22:\x22Tasmania\x22},{\x22stateCode\x22:\x22VIC\x22,\x22stateName\x22:\x22Victoria\x22},{\x22stateCode\x22:\x22WA\x22,\x22stateName\x22:\x22Western Australia\x22}]},{\x22code\x22:\x22AT\x22,\x22name\x22:\x22Austria\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AZ\x22,\x22name\x22:\x22Azerbaijan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BS\x22,\x22name\x22:\x22Bahamas\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BH\x22,\x22name\x22:\x22Bahrain\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BL\x22,\x22name\x22:\x22Bangladesh\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BB\x22,\x22name\x22:\x22Barbados\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BA\x22,\x22name\x22:\x22Belarus\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BE\x22,\x22name\x22:\x22Belgium\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BZ\x22,\x22name\x22:\x22Belize\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BP\x22,\x22name\x22:\x22Benin\\n\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BM\x22,\x22name\x22:\x22Bermuda\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BT\x22,\x22name\x22:\x22Bhutan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BO\x22,\x22name\x22:\x22Bolivia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22YE\x22,\x22name\x22:\x22Bonaire\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QB\x22,\x22name\x22:\x22Bosnia \\u0026 Herzegovina\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BW\x22,\x22name\x22:\x22Botswana\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BR\x22,\x22name\x22:\x22Brazil\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BN\x22,\x22name\x22:\x22Brunei\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BG\x22,\x22name\x22:\x22Bulgaria\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UV\x22,\x22name\x22:\x22Burkina Faso\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BI\x22,\x22name\x22:\x22Burundi\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KH\x22,\x22name\x22:\x22Cambodia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CM\x22,\x22name\x22:\x22Cameroon\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CA\x22,\x22name\x22:\x22Canada\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22AB\x22,\x22stateName\x22:\x22Alberta\x22},{\x22stateCode\x22:\x22BC\x22,\x22stateName\x22:\x22British Columbia\x22},{\x22stateCode\x22:\x22MB\x22,\x22stateName\x22:\x22Manitoba\x22},{\x22stateCode\x22:\x22NB\x22,\x22stateName\x22:\x22New Brunswick\x22},{\x22stateCode\x22:\x22NL\x22,\x22stateName\x22:\x22Newfoundland\x22},{\x22stateCode\x22:\x22NT\x22,\x22stateName\x22:\x22Northwest Territories\x22},{\x22stateCode\x22:\x22NS\x22,\x22stateName\x22:\x22Nova Scotia\x22},{\x22stateCode\x22:\x22ON\x22,\x22stateName\x22:\x22Ontario\x22},{\x22stateCode\x22:\x22PE\x22,\x22stateName\x22:\x22Prince Edward Island\x22},{\x22stateCode\x22:\x22QC\x22,\x22stateName\x22:\x22Quebec\x22},{\x22stateCode\x22:\x22SK\x22,\x22stateName\x22:\x22Saskatchewan\x22},{\x22stateCode\x22:\x22YT\x22,\x22stateName\x22:\x22Yukon Territory \/ Nunavut\x22}]},{\x22code\x22:\x22CB\x22,\x22name\x22:\x22Cape Verde\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CT\x22,\x22name\x22:\x22Cayman Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CF\x22,\x22name\x22:\x22Central African Republic\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CD\x22,\x22name\x22:\x22Chad\x22,\x22stateList\x22:[]},{\x22code\x22:\x22XI\x22,\x22name\x22:\x22Chagos Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CL\x22,\x22name\x22:\x22Chile\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CN\x22,\x22name\x22:\x22China\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CO\x22,\x22name\x22:\x22Colombia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CJ\x22,\x22name\x22:\x22Comores\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZM\x22,\x22name\x22:\x22Congo,Dem Republic of the\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CG\x22,\x22name\x22:\x22Congo,Republic of the \x22,\x22stateList\x22:[]},{\x22code\x22:\x22CK\x22,\x22name\x22:\x22Cook Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CR\x22,\x22name\x22:\x22Costa Rica\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CI\x22,\x22name\x22:\x22Côte d\\u0027Ivoire\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HR\x22,\x22name\x22:\x22Croatia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CU\x22,\x22name\x22:\x22Cuba\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CY\x22,\x22name\x22:\x22Cyprus\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CS\x22,\x22name\x22:\x22Czech Republic\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DK\x22,\x22name\x22:\x22Denmark\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DR\x22,\x22name\x22:\x22Djibouti\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DM\x22,\x22name\x22:\x22Dominica\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DO\x22,\x22name\x22:\x22Dominican Republic\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EC\x22,\x22name\x22:\x22Ecuador\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EG\x22,\x22name\x22:\x22Egypt\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EL\x22,\x22name\x22:\x22El Salvador\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EQ\x22,\x22name\x22:\x22Equatorial Guinea\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EE\x22,\x22name\x22:\x22Estonia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ET\x22,\x22name\x22:\x22Ethiopia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FA\x22,\x22name\x22:\x22Falkland Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FO\x22,\x22name\x22:\x22Faroe Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FJ\x22,\x22name\x22:\x22Fiji\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FI\x22,\x22name\x22:\x22Finland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FR\x22,\x22name\x22:\x22France\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FG\x22,\x22name\x22:\x22French Guiana\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TA\x22,\x22name\x22:\x22French Polynesia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GA\x22,\x22name\x22:\x22Gabon\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GM\x22,\x22name\x22:\x22Gambia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GE\x22,\x22name\x22:\x22Georgia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DE\x22,\x22name\x22:\x22Germany\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GH\x22,\x22name\x22:\x22Ghana\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GI\x22,\x22name\x22:\x22Gibraltar\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GR\x22,\x22name\x22:\x22Greece\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GG\x22,\x22name\x22:\x22Greenland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GD\x22,\x22name\x22:\x22Grenada\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GP\x22,\x22name\x22:\x22Guadeloupe\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GU\x22,\x22name\x22:\x22Guam\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GT\x22,\x22name\x22:\x22Guatemala\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GN\x22,\x22name\x22:\x22Guinea\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GW\x22,\x22name\x22:\x22Guinea\u002DBissau\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GY\x22,\x22name\x22:\x22Guyana\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HT\x22,\x22name\x22:\x22Haiti\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HD\x22,\x22name\x22:\x22Honduras\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HK\x22,\x22name\x22:\x22Hong Kong\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HU\x22,\x22name\x22:\x22Hungary\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IS\x22,\x22name\x22:\x22Iceland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IN\x22,\x22name\x22:\x22India\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ID\x22,\x22name\x22:\x22Indonesia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IR\x22,\x22name\x22:\x22Iran\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IQ\x22,\x22name\x22:\x22Iraq\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IE\x22,\x22name\x22:\x22Ireland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IM\x22,\x22name\x22:\x22Isle of Man\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IL\x22,\x22name\x22:\x22Israel\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IT\x22,\x22name\x22:\x22Italy\x22,\x22stateList\x22:[]},{\x22code\x22:\x22JM\x22,\x22name\x22:\x22Jamaica\x22,\x22stateList\x22:[]},{\x22code\x22:\x22JP\x22,\x22name\x22:\x22Japan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22JO\x22,\x22name\x22:\x22Jordan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KZ\x22,\x22name\x22:\x22Kazakhstan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KE\x22,\x22name\x22:\x22Kenya\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KI\x22,\x22name\x22:\x22Kiribati\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KD\x22,\x22name\x22:\x22Korea, Dem People\\u0027s Rep of\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KP\x22,\x22name\x22:\x22Korea, Rep of\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KW\x22,\x22name\x22:\x22Kuwait\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KG\x22,\x22name\x22:\x22Kyrgyzstan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LA\x22,\x22name\x22:\x22Laos\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LV\x22,\x22name\x22:\x22Latvia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LB\x22,\x22name\x22:\x22Lebanon\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LI\x22,\x22name\x22:\x22Leichtenstein\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LS\x22,\x22name\x22:\x22Lesotho\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LR\x22,\x22name\x22:\x22Liberia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LY\x22,\x22name\x22:\x22Libyan Arab Jamahiriya\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LT\x22,\x22name\x22:\x22Lithuania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LU\x22,\x22name\x22:\x22Luxembourg\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MK\x22,\x22name\x22:\x22Macau\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QM\x22,\x22name\x22:\x22Macedonia (FYROM)\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MG\x22,\x22name\x22:\x22Madagascar\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MW\x22,\x22name\x22:\x22Malawi\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MY\x22,\x22name\x22:\x22Malaysia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MI\x22,\x22name\x22:\x22Maldives\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ML\x22,\x22name\x22:\x22Mali\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MT\x22,\x22name\x22:\x22Malta\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MR\x22,\x22name\x22:\x22Mariana Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MH\x22,\x22name\x22:\x22Marshall Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MQ\x22,\x22name\x22:\x22Martinique\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MM\x22,\x22name\x22:\x22Mauritania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MU\x22,\x22name\x22:\x22Mauritius\x22,\x22stateList\x22:[]},{\x22code\x22:\x22YT\x22,\x22name\x22:\x22Mayotte\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MX\x22,\x22name\x22:\x22Mexico\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FM\x22,\x22name\x22:\x22Micronesia, Federated States of\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MD\x22,\x22name\x22:\x22Moldova, Republic of\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MC\x22,\x22name\x22:\x22Monaco\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MO\x22,\x22name\x22:\x22Mongolia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ME\x22,\x22name\x22:\x22Montenegro\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MN\x22,\x22name\x22:\x22Montserrat\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MA\x22,\x22name\x22:\x22Morocco\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MZ\x22,\x22name\x22:\x22Mozambique\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BU\x22,\x22name\x22:\x22Myanmar\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SW\x22,\x22name\x22:\x22Namibia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NA\x22,\x22name\x22:\x22Nauru\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NE\x22,\x22name\x22:\x22Nepal\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NL\x22,\x22name\x22:\x22Netherlands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AN\x22,\x22name\x22:\x22Netherlands Antilles\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NC\x22,\x22name\x22:\x22New Caledonia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NZ\x22,\x22name\x22:\x22New Zealand\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NI\x22,\x22name\x22:\x22Nicaragua\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NR\x22,\x22name\x22:\x22Niger\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NG\x22,\x22name\x22:\x22Nigeria\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QN\x22,\x22name\x22:\x22Niue\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NS\x22,\x22name\x22:\x22Norfolk Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MP\x22,\x22name\x22:\x22Northern Mariana Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NO\x22,\x22name\x22:\x22Norway\x22,\x22stateList\x22:[]},{\x22code\x22:\x22OM\x22,\x22name\x22:\x22Oman\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PK\x22,\x22name\x22:\x22Pakistan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PW\x22,\x22name\x22:\x22Palau\x22,\x22stateList\x22:[]},{\x22code\x22:\x22XA\x22,\x22name\x22:\x22Palestinian Territories\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PA\x22,\x22name\x22:\x22Panama\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NU\x22,\x22name\x22:\x22Papua New Guinea\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PY\x22,\x22name\x22:\x22Paraguay\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PE\x22,\x22name\x22:\x22Peru\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PH\x22,\x22name\x22:\x22Philippines\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PL\x22,\x22name\x22:\x22Poland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PT\x22,\x22name\x22:\x22Portugal\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PR\x22,\x22name\x22:\x22Puerto Rico\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QA\x22,\x22name\x22:\x22Qatar\x22,\x22stateList\x22:[]},{\x22code\x22:\x22RI\x22,\x22name\x22:\x22Réunion\x22,\x22stateList\x22:[]},{\x22code\x22:\x22RO\x22,\x22name\x22:\x22Romania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22RU\x22,\x22name\x22:\x22Russian Federation\x22,\x22stateList\x22:[]},{\x22code\x22:\x22RW\x22,\x22name\x22:\x22Rwanda\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BY\x22,\x22name\x22:\x22Saint Barthélemy\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SK\x22,\x22name\x22:\x22Saint Kitts \\u0026 Nevis\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LC\x22,\x22name\x22:\x22Saint Lucia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZF\x22,\x22name\x22:\x22Saint\u002DMartin\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PM\x22,\x22name\x22:\x22Saint Pierre \\u0026 Miquelon\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VC\x22,\x22name\x22:\x22 Saint Vincent \\u0026 the Grenadines\x22,\x22stateList\x22:[]},{\x22code\x22:\x22WS\x22,\x22name\x22:\x22Samoa\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SM\x22,\x22name\x22:\x22San Marino\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ST\x22,\x22name\x22:\x22São Tomé \\u0026 Príncipe\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SA\x22,\x22name\x22:\x22Saudi Arabia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SN\x22,\x22name\x22:\x22Senegal\x22,\x22stateList\x22:[]},{\x22code\x22:\x22YU\x22,\x22name\x22:\x22Serbia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SC\x22,\x22name\x22:\x22Seychelles\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SL\x22,\x22name\x22:\x22Sierra Leone\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SG\x22,\x22name\x22:\x22Singapore\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QV\x22,\x22name\x22:\x22Slovakia\\n\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QS\x22,\x22name\x22:\x22Slovenia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SI\x22,\x22name\x22:\x22Solomon Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SQ\x22,\x22name\x22:\x22Somalia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZA\x22,\x22name\x22:\x22South Africa\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ES\x22,\x22name\x22:\x22Spain\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LK\x22,\x22name\x22:\x22Sri Lanka\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZY\x22,\x22name\x22:\x22St. Maarten\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SD\x22,\x22name\x22:\x22Sudan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SR\x22,\x22name\x22:\x22Suriname\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SZ\x22,\x22name\x22:\x22Swaziland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SE\x22,\x22name\x22:\x22Sweden\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CH\x22,\x22name\x22:\x22Switzerland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SY\x22,\x22name\x22:\x22Syrian Arab Republic\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TW\x22,\x22name\x22:\x22Taiwan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TJ\x22,\x22name\x22:\x22Tajikistan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TZ\x22,\x22name\x22:\x22Tanzania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TH\x22,\x22name\x22:\x22Thailand\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TJ\x22,\x22name\x22:\x22Timor\u002DLeste\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TG\x22,\x22name\x22:\x22Togo\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TO\x22,\x22name\x22:\x22Tonga\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TT\x22,\x22name\x22:\x22Trinidad \\u0026 Tobago\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TN\x22,\x22name\x22:\x22Tunisia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TR\x22,\x22name\x22:\x22Turkey\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TC\x22,\x22name\x22:\x22Turks \\u0026 Caicos\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TV\x22,\x22name\x22:\x22Tuvalu\x22,\x22stateList\x22:[]},{\x22code\x22:\x22US\x22,\x22name\x22:\x22U.S.A.\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22AL\x22,\x22stateName\x22:\x22Alabama\x22},{\x22stateCode\x22:\x22AK\x22,\x22stateName\x22:\x22Alaska\x22},{\x22stateCode\x22:\x22AZ\x22,\x22stateName\x22:\x22Arizona\x22},{\x22stateCode\x22:\x22AR\x22,\x22stateName\x22:\x22Arkansas\x22},{\x22stateCode\x22:\x22AA\x22,\x22stateName\x22:\x22Armed Forces Americas (AA)\x22},{\x22stateCode\x22:\x22AE\x22,\x22stateName\x22:\x22Armed Forces Europe (AE)\x22},{\x22stateCode\x22:\x22AP\x22,\x22stateName\x22:\x22Armed Forces Pacific (AP)\x22},{\x22stateCode\x22:\x22CA\x22,\x22stateName\x22:\x22California\x22},{\x22stateCode\x22:\x22CO\x22,\x22stateName\x22:\x22Colorado\x22},{\x22stateCode\x22:\x22CT\x22,\x22stateName\x22:\x22Connecticut\x22},{\x22stateCode\x22:\x22DE\x22,\x22stateName\x22:\x22Delaware\x22},{\x22stateCode\x22:\x22DC\x22,\x22stateName\x22:\x22District Of Columbia\x22},{\x22stateCode\x22:\x22FL\x22,\x22stateName\x22:\x22Florida\x22},{\x22stateCode\x22:\x22GA\x22,\x22stateName\x22:\x22Georgia\x22},{\x22stateCode\x22:\x22HI\x22,\x22stateName\x22:\x22Hawaii\x22},{\x22stateCode\x22:\x22ID\x22,\x22stateName\x22:\x22Idaho\x22},{\x22stateCode\x22:\x22IL\x22,\x22stateName\x22:\x22Illinois\x22},{\x22stateCode\x22:\x22IN\x22,\x22stateName\x22:\x22Indiana\x22},{\x22stateCode\x22:\x22IA\x22,\x22stateName\x22:\x22Iowa\x22},{\x22stateCode\x22:\x22KS\x22,\x22stateName\x22:\x22Kansas\x22},{\x22stateCode\x22:\x22KY\x22,\x22stateName\x22:\x22Kentucky\x22},{\x22stateCode\x22:\x22LA\x22,\x22stateName\x22:\x22Louisiana\x22},{\x22stateCode\x22:\x22ME\x22,\x22stateName\x22:\x22Maine\x22},{\x22stateCode\x22:\x22MD\x22,\x22stateName\x22:\x22Maryland\x22},{\x22stateCode\x22:\x22MA\x22,\x22stateName\x22:\x22Massachusetts\x22},{\x22stateCode\x22:\x22MI\x22,\x22stateName\x22:\x22Michigan\x22},{\x22stateCode\x22:\x22MN\x22,\x22stateName\x22:\x22Minnesota\x22},{\x22stateCode\x22:\x22MS\x22,\x22stateName\x22:\x22Mississippi\x22},{\x22stateCode\x22:\x22MO\x22,\x22stateName\x22:\x22Missouri\x22},{\x22stateCode\x22:\x22MT\x22,\x22stateName\x22:\x22Montana\x22},{\x22stateCode\x22:\x22NE\x22,\x22stateName\x22:\x22Nebraska\x22},{\x22stateCode\x22:\x22NV\x22,\x22stateName\x22:\x22Nevada\x22},{\x22stateCode\x22:\x22NH\x22,\x22stateName\x22:\x22New Hampshire\x22},{\x22stateCode\x22:\x22NJ\x22,\x22stateName\x22:\x22New Jersey\x22},{\x22stateCode\x22:\x22NM\x22,\x22stateName\x22:\x22New Mexico\x22},{\x22stateCode\x22:\x22NY\x22,\x22stateName\x22:\x22New York\x22},{\x22stateCode\x22:\x22NC\x22,\x22stateName\x22:\x22North Carolina\x22},{\x22stateCode\x22:\x22ND\x22,\x22stateName\x22:\x22North Dakota\x22},{\x22stateCode\x22:\x22OH\x22,\x22stateName\x22:\x22Ohio\x22},{\x22stateCode\x22:\x22OK\x22,\x22stateName\x22:\x22Oklahoma\x22},{\x22stateCode\x22:\x22OR\x22,\x22stateName\x22:\x22Oregon\x22},{\x22stateCode\x22:\x22PA\x22,\x22stateName\x22:\x22Pennsylvania\x22},{\x22stateCode\x22:\x22RI\x22,\x22stateName\x22:\x22Rhode Island\x22},{\x22stateCode\x22:\x22SC\x22,\x22stateName\x22:\x22South Carolina\x22},{\x22stateCode\x22:\x22SD\x22,\x22stateName\x22:\x22South Dakota\x22},{\x22stateCode\x22:\x22TN\x22,\x22stateName\x22:\x22Tennessee\x22},{\x22stateCode\x22:\x22TX\x22,\x22stateName\x22:\x22Texas\x22},{\x22stateCode\x22:\x22UT\x22,\x22stateName\x22:\x22Utah\x22},{\x22stateCode\x22:\x22VT\x22,\x22stateName\x22:\x22Vermont\x22},{\x22stateCode\x22:\x22VA\x22,\x22stateName\x22:\x22Virginia\x22},{\x22stateCode\x22:\x22WA\x22,\x22stateName\x22:\x22Washington\x22},{\x22stateCode\x22:\x22WV\x22,\x22stateName\x22:\x22West Virginia\x22},{\x22stateCode\x22:\x22WI\x22,\x22stateName\x22:\x22Wisconsin\x22},{\x22stateCode\x22:\x22WY\x22,\x22stateName\x22:\x22Wyoming\x22}]},{\x22code\x22:\x22CX\x22,\x22name\x22:\x22U.S. Virgin Islands (St. Croix)\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CV\x22,\x22name\x22:\x22U.S. Virgin Islands (St. Thomas)\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UG\x22,\x22name\x22:\x22Uganda\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UA\x22,\x22name\x22:\x22Ukraine\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UE\x22,\x22name\x22:\x22United Arab Emirates\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GB\x22,\x22name\x22:\x22United Kingdom\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UY\x22,\x22name\x22:\x22Uruguay\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UZ\x22,\x22name\x22:\x22Uzbekistan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NH\x22,\x22name\x22:\x22Vanuatu\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VE\x22,\x22name\x22:\x22Venezuela\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VN\x22,\x22name\x22:\x22Vietnam\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VG\x22,\x22name\x22:\x22Virgin Islands, British\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VI\x22,\x22name\x22:\x22Virgin Islands, US\x22,\x22stateList\x22:[]},{\x22code\x22:\x22YD\x22,\x22name\x22:\x22Yemen\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZB\x22,\x22name\x22:\x22Zambia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KF\x22,\x22name\x22:\x22Zimbabwe\x22,\x22stateList\x22:[]}]"; </script> <!-- GA Implemantation--> <script type="text/javascript"> window.globalErrorStatus = "default"; </script></div> <div class="left-navigation section"> <!-- Left sidebar --> <div ng-controller="NavigationController as vm"> <div class="col-xs-12 col-md-4 col-lg-3 cust-col-lg-wd30ps"> <div class="left-sidebar clearfix" resize-side-nav> <!-- Include Member Info --> <div> </div> <div class="left-header visible-md visible-lg hide-on-load" ng-class="{'pad_lr_20': vm.domain.toLowerCase() == 'au' || vm.domain.toLowerCase() == 'nz'}"> <div><div class="hidden-sm hide-on-load"> <h2>{{vm.customerData.firstName | titleCase}}</h2> <h3 ng-if="brand === carRentalConstant.brandName.AVIS"> <span ng-if="!vm.customerData.preferred">Wizard </span> <span ng-if="(vm.customerData.preferred && (vm.domain.toLowerCase() != 'au' && vm.domain.toLowerCase() != 'nz'))">Avis Preferred </span><span ng-if="vm.customerData.preferred && ((vm.customerData.membershipStatus != carRentalConstant.president) && (vm.domain.toLowerCase() === 'au' || vm.domain.toLowerCase() === 'nz'))">Avis Preferred </span><span ng-if="vm.customerData.preferred && ((vm.customerData.membershipStatus == carRentalConstant.president) && (vm.domain.toLowerCase() === 'au' || vm.domain.toLowerCase() === 'nz'))"> Avis Presidents Club </span> # {{vm.customerData.wizardNumber}} </h3> <h3 ng-if="brand === carRentalConstant.brandName.BUDGET"> <span ng-if="!vm.customerData.preferred">RapidRez ID # </span><span ng-if="vm.customerData.preferred">Fastbreak ID # </span> {{vm.customerData.wizardNumber}} </h3> <!-- Amazon Prime Preferences for Amazon Linked User Starts --> </br> <img class="dashboard-amazon-logo" ng-if="vm.amazonUserStatus == carRentalConstant.amazonLinked" src='/etc/designs/platform/clientlib/images/amazon/amazon.png' alt="Amazon"/> <!-- Amazon Prime Preferences for Amazon Linked User Ends--> <div class="visible-sm hide-on-load"> <h3> {{vm.customerData.firstName | titleCase }} | <span ng-if="brand === carRentalConstant.brandName.AVIS"> Wizard #{{vm.customerData.wizardNumber}} </span> <span ng-if="brand === carRentalConstant.brandName.BUDGET"> <span ng-if="!vm.customerData.preferred">RapidRez ID # </span><span ng-if="vm.customerData.preferred">Fastbreak ID # </span>{{vm.customerData.wizardNumber}} </span> </h3> </div> <!-- ----------------------------------------------- ---------------- left-top-point-summary ------------ --> <div ng-if="vm.customerData.loyaltyDetails.loyaltyElgibile && (vm.customerData.loyaltyDetails.points == 0 || vm.customerData.loyaltyDetails.points > 0)"> <div class="user-avail-point ng-scope" ng-if="vm.customerData.webCustomer.activationStatus == '1' && vm.customerData.loyaltyDetails.points && vm.customerData.membershipStatus != carRentalConstant.myAvisUser"> <strong><span>{{vm.customerData.loyaltyDetails.points | number }}</span> Total Available Points</strong> </br> <span ng-if="vm.domain == 'US' || vm.domain =='CA'"> <a ng-href="{{contextPath}}/{{locale}}/loyalty-profile/redeem-preferred.html" target="_blank"><img style="width: 155px; height: 25px" src="/etc/designs/avis/reservationlib/clientlib/images/how-to-use_btn@2x.png" alt="How to use button"/></a></span> </br> </div> </div> <div ng-if="vm.customerData.loyaltyDetails.loyaltyElgibile && vm.customerData.loyaltyDetails.loyaltyOptIn"> <div class="top-module chairman-club" ng-if='vm.customerData.membershipStatus == carRentalConstant.chairman'> <div class="user-point-slider points-tier"> <h4></h4> <p></p> <h5></h5> </div> <div class="clearfix"> <img class="logo-avis-preferred pull-right" style="width: 70%; float: right;" alt="Logo avis"/> </div> </div> <div class="top-module chairman-club" ng-if="vm.customerData.membershipStatus == 'Preferred'"> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatus-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> <div ng-show="vm.displayLoyaltyProgressBar && vm.customerData.webCustomer.activationStatus == '1'" class="wrap-points-tier "> <div class="slider-wrapper"> <div class="ngrs-range-slider ng-isolate-scope" min="0" max="100" model-min="0" model-max="vm.customerData.loyaltyDetails.tierProgress" filter="" step="100" range-slider=""> <div class="ngrs-runner"> <div class="ngrs-handle ngrs-handle-min" style="left: 0%;"> <span></span> <div class="slider-val-disp"><span class="scale-value"></span></div> </div> <div class="ngrs-handle ngrs-handle-max" style="left: 39.801%;"> <span></span> <div class="slider-val-disp"> <div class="ngrs-join" style="left: 0%; right: 60.199%;"></div> </div> <div class="ngrs-value-runner"> <div class="ngrs-value ngrs-value-min pull-left position-rel ng-hide" ng-show="showValues"></div> <div class="ngrs-value ngrs-value-max pull-left position-rel ng-hide" ng-show="showValues"></div> </div> </div> </div> </div> </div> </div> <h4></h4> </div> <div class="clearfix"> <img class="logo-avis-preferred pull-right" alt="logo avis"/> </div> </div> <div class="top-module chairman-club" ng-if="vm.customerData.membershipStatus == 'Preferred Plus' && vm.customerData.loyaltyDetails.totalRentals<=25 && vm.customerData.loyaltyDetails.totalSpend<7000"> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatus-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> <div ng-show="vm.displayLoyaltyProgressBar && vm.customerData.webCustomer.activationStatus == '1'" class="wrap-points-tier "> <div class="slider-wrapper"> <div class="ngrs-range-slider ng-isolate-scope" min="0" max="100" model-min="0" model-max="vm.customerData.loyaltyDetails.tierProgress" filter="" step="100" range-slider=""> <div class="ngrs-runner"> <div class="ngrs-handle ngrs-handle-min" style="left: 0%;"> <span></span> <div class="slider-val-disp"><span class="scale-value"></span></div> </div> <div class="ngrs-handle ngrs-handle-max" style="left: 39.801%;"> <span></span> <div class="slider-val-disp"> <div class="ngrs-join" style="left: 0%; right: 60.199%;"></div> </div> <div class="ngrs-value-runner"> <div class="ngrs-value ngrs-value-min pull-left position-rel ng-hide" ng-show="showValues"></div> <div class="ngrs-value ngrs-value-max pull-left position-rel ng-hide" ng-show="showValues"></div> </div> </div> </div> </div> </div> </div> <h4></h4> <div class="clearfix"> <img class="logo-avis-preferred pull-right" alt="logo avis"/> </div> </div> </div> <div class="top-module chairman-club" ng-if="vm.showPreferredPlusMsg"> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatus-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> <h4></h4> <div class="clearfix"> <img class="logo-avis-preferred pull-right" alt="logo avis"/> </div> </div> </div> <div class="top-module chairman-club" ng-if='vm.customerData.membershipStatus == carRentalConstant.president'> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatus-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> <h4></h4> </div> <div class="clearfix"> <img class="logo-avis-preferred pull-right" style="width: 70%; float: right;" alt="logo avis"/> </div> </div> </div> <div class="top-module chairman-club" ng-if='vm.customerData.membershipStatus == carRentalConstant.myAvisUser'> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatus-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> </div> </div> </div> <!-- see benefits modal --> <div class="modal fade wrap-see-benefits-modal tierStatus-my-class hide-on-load" role="dialog" data-backdrop="true"> <div class="modal-dialog wrap-width-700"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click=""> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" ng-click="vm.hideModalBackdrop()" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <img ng-if="vm.customerData.membershipStatus == carRentalConstant.myAvisUser" class="logo-avis-preferred" alt="My-avis-logo"/> <img ng-if="vm.customerData.membershipStatus == 'Preferred'" class="logo-avis-preferred" alt="Preferred-logo"/> <img ng-if="vm.customerData.membershipStatus == 'Preferred Plus'" class="logo-avis-preferred" alt="Preferredplus-logo"/> <img ng-if="vm.customerData.membershipStatus == carRentalConstant.president" class="logo-avis-preferred" alt="Presidentsclub-logo"/> <img ng-if="vm.customerData.membershipStatus == carRentalConstant.chairman" class="logo-avis-preferred" alt="Chairmans-logo"/> <img ng-if="vm.customerData.membershipStatus == 'Preferred Plus Premium'" class="logo-avis-preferred" alt=""/> </div> <div class="modal-body"> <div class="row"> <div class="col-xs-12 col-sm-6" ng-if="vm.customerData.membershipStatus == 'Preferred'"> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if="vm.customerData.membershipStatus == 'Preferred'"> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.chairman'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.chairman'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if="vm.customerData.membershipStatus == 'Preferred Plus'"> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if="vm.customerData.membershipStatus == 'Preferred Plus'"> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.president'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.president'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.myAvisUser'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.myAvisUser'> <p></P> </div> </div> </div> </div> </div> </div> </div> <!-- Amazon Prime Preferences for Amazon Linking User Starts --> <div ng-show="vm.amazonUserStatus ==carRentalConstant.amazonEnabled"> <div class="amazon-prime-logo-with-text"> Link your Amazon account to enjoy exclusive benefits. <a role="button" data-toggle="modal">Learn more</a> </div> <div> <a href="javascript:void(0)" id="amazon-root" ng-click="vm.partnerLogin($event)"><img src="/content/dam/avis/na/us/common/amazon-login-btn.png" alt="Amazon-login-button"/></a> </div> </div> <!-- Amazon Prime Preferences for Amazon Linking User-Ends--> </div> <!-- Include Member Info End --> <!-- left menu --> <div class="dashboard-sidebar-nav ng-scope"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-nav-collapse"> <span class="hidden-md hidden-lg s-dropdown" ng-if="'Profile' != 'Activation'"><span>Profile</span></span> <span class="hidden-md hidden-lg s-dropdown" ng-if="'Profile' == 'Activation'"><span>Profile</span></span> </button> </div> <div class="navbar-collapse collapse sidebar-nav-collapse"> <ul class="nav navbar-nav" id="dashboard-sidebar-nav-level-1"> <li ng-if> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && true)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">My Rentals</span> <a ng-if="!vm.disableLink || (false || false)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/my-activity')">My Rentals</a> </h3> <ul class="nav navbar-nav dropdown-menu"> <li ng-class="{'hidden': ((!vm.customerData.loyaltyEligible.visible || !vm.customerData.preferred) && 'upcoming-reservations' == 'avis-preferred-points-summary' )}"><a href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/my-activity/upcoming-reservations')">Upcoming Rentals</a></li> <li ng-class="{'hidden': ((!vm.customerData.loyaltyEligible.visible || !vm.customerData.preferred) && 'past-rentals' == 'avis-preferred-points-summary' )}"><a href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/my-activity/past-rentals')">Past Rentals</a></li> <li ng-class="{'hidden': ((!vm.customerData.loyaltyEligible.visible || !vm.customerData.preferred) && 'cancelled-missed-reservations' == 'avis-preferred-points-summary' )}"><a href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/my-activity/cancelled-missed-reservations')">Cancelled &amp; Missed Reservations</a></li> </ul> </li> <li class="dropdown "> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && true)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">My Rentals</span> <a ng-if="!vm.disableLink || (false || false)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/my-activity')">My Rentals</a> </h3> <ul class="nav navbar-nav dropdown-menu"> <li ng-class="{'hidden': ((!vm.customerData.loyaltyEligible.visible || !vm.customerData.preferred) && 'upcoming-reservations' == 'avis-preferred-points-summary')}"><a href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/my-activity/upcoming-reservations')">Upcoming Rentals</a></li> <li ng-class="{'hidden': ((!vm.customerData.loyaltyEligible.visible || !vm.customerData.preferred) && 'past-rentals' == 'avis-preferred-points-summary')}"><a href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/my-activity/past-rentals')">Past Rentals</a></li> <li ng-class="{'hidden': ((!vm.customerData.loyaltyEligible.visible || !vm.customerData.preferred) && 'cancelled-missed-reservations' == 'avis-preferred-points-summary')}"><a href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/my-activity/cancelled-missed-reservations')">Cancelled &amp; Missed Reservations</a></li> </ul> </li> <li class="active "> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && true)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">Profile</span> <a ng-if="!vm.disableLink || (false || false)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/profile')">Profile</a> </h3> </li> <li class="dropdown active " ng-if> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && true)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">Profile</span> <a ng-if="!vm.disableLink || (false || false)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/profile')">Profile</a> </h3> </li> <li> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && true)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">Rewards</span> <a ng-if="!vm.disableLink || (false || false)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/rewards')">Rewards</a> </h3> </li> <li class="dropdown " ng-if> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && true)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">Rewards</span> <a ng-if="!vm.disableLink || (false || false)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/rewards')">Rewards</a> </h3> </li> <li> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && true)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">Preferences</span> <a ng-if="!vm.disableLink || (false || false)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/preferences')">Preferences</a> </h3> </li> <li class="dropdown " ng-if> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && true)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">Preferences</span> <a ng-if="!vm.disableLink || (false || false)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/preferences')">Preferences</a> </h3> </li> <li> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && false)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">About Budget Fastbreak</span> <a ng-if="!vm.disableLink || (false || true)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/about-budget-fastbreak')">About Budget Fastbreak</a> </h3> </li> <li class="dropdown " ng-if> <h3 class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false"> <span ng-if="vm.disableLink && (true && false)" ng-class="{'disabled':vm.disableLink == true}" title="Please verify your email address to access this area of your profile.">About Budget Fastbreak</span> <a ng-if="!vm.disableLink || (false || true)" href="javascript:void(null);" ng-click="vm.editSection('/en/loyalty-profile/fastbreak/dashboard/about-budget-fastbreak')">About Budget Fastbreak</a> </h3> </li> <!-- Privacy Policy and Terms & Condition on Left navigation --> <li> <h3> <a href="/en/privacy" target="_blank">Privacy Policy</a> </h3> </li> <li> <h3> <a href="/content/dam/budget/oc/au/common/pdf-files/FastbreakTermsandConditions062016.pdf" target="_blank">Terms and Conditions</a> </h3> </li> </ul> </div> <div class="left-header visible-xs" ng-if="vm.customerData.daysRemainToResetPassword >= 1 && vm.customerData.daysRemainToResetPassword <= 30 && vm.customerData.daysRemainToResetPassword != null && vm.customerData.daysRemainToResetPassword != undefined"> <img ng-src="/etc/designs/platform/clientlib/images/Shield_icon.png" alt="Shield icon"/> Your password will expire soon. To avoid being locked out of your account please <a href="javascript:void(0)" ng-click="vm.setPassword();">set a new password now</a>. </div> <!-- / left menu --> </div> </div> <!-- / Left sidebar --> <div ng-hide="('Profile' == 'Upcoming Reservations' || 'Profile' == 'Past Rentals' || 'Profile' == 'Cancelled & Missed Reservations')" class="clear left-header visible-xs visible-sm left-nav-bottom"> <div><div class="hidden-sm hide-on-load"> <h2>{{vm.customerData.firstName | titleCase}}</h2> <h3 ng-if="brand === carRentalConstant.brandName.AVIS"> <span ng-if="!vm.customerData.preferred">Wizard </span> <span ng-if="(vm.customerData.preferred && (vm.domain.toLowerCase() != 'au' && vm.domain.toLowerCase() != 'nz'))">Avis Preferred </span><span ng-if="vm.customerData.preferred && ((vm.customerData.membershipStatus != carRentalConstant.president) && (vm.domain.toLowerCase() === 'au' || vm.domain.toLowerCase() === 'nz'))">Avis Preferred </span><span ng-if="vm.customerData.preferred && ((vm.customerData.membershipStatus == carRentalConstant.president) && (vm.domain.toLowerCase() === 'au' || vm.domain.toLowerCase() === 'nz'))"> Avis Presidents Club </span> # {{vm.customerData.wizardNumber}} </h3> <h3 ng-if="brand === carRentalConstant.brandName.BUDGET"> <span ng-if="!vm.customerData.preferred">RapidRez ID # </span><span ng-if="vm.customerData.preferred">Fastbreak ID # </span> {{vm.customerData.wizardNumber}} </h3> <!-- Amazon Prime Preferences for Amazon Linked User Starts --> </br> <img class="dashboard-amazon-logo" ng-if="vm.amazonUserStatus == carRentalConstant.amazonLinked" src='/etc/designs/platform/clientlib/images/amazon/amazon.png' alt="Amazon"/> <!-- Amazon Prime Preferences for Amazon Linked User Ends--> <div class="visible-sm hide-on-load"> <h3> {{vm.customerData.firstName | titleCase }} | <span ng-if="brand === carRentalConstant.brandName.AVIS"> Wizard #{{vm.customerData.wizardNumber}} </span> <span ng-if="brand === carRentalConstant.brandName.BUDGET"> <span ng-if="!vm.customerData.preferred">RapidRez ID # </span><span ng-if="vm.customerData.preferred">Fastbreak ID # </span>{{vm.customerData.wizardNumber}} </span> </h3> </div> <!-- ----------------------------------------------- ---------------- left-top-point-summary ------------ --> <div ng-if="vm.customerData.loyaltyDetails.loyaltyElgibile && (vm.customerData.loyaltyDetails.points == 0 || vm.customerData.loyaltyDetails.points > 0)"> <div class="user-avail-point ng-scope" ng-if="vm.customerData.webCustomer.activationStatus == '1' && vm.customerData.loyaltyDetails.points && vm.customerData.membershipStatus != carRentalConstant.myAvisUser"> <strong><span>{{vm.customerData.loyaltyDetails.points | number }}</span> Total Available Points</strong> </br> <span ng-if="vm.domain == 'US' || vm.domain =='CA'"> <a ng-href="{{contextPath}}/{{locale}}/loyalty-profile/redeem-preferred.html" target="_blank"><img style="width: 155px; height: 25px" src="/etc/designs/avis/reservationlib/clientlib/images/how-to-use_btn@2x.png" alt="How to use button"/></a></span> </br> </div> </div> <div ng-if="vm.customerData.loyaltyDetails.loyaltyElgibile && vm.customerData.loyaltyDetails.loyaltyOptIn"> <div class="top-module chairman-club" ng-if='vm.customerData.membershipStatus == carRentalConstant.chairman'> <div class="user-point-slider points-tier"> <h4></h4> <p></p> <h5></h5> </div> <div class="clearfix"> <img class="logo-avis-preferred pull-right" style="width: 70%; float: right;" alt="Logo avis"/> </div> </div> <div class="top-module chairman-club" ng-if="vm.customerData.membershipStatus == 'Preferred'"> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatusMobile-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> <div ng-show="vm.displayLoyaltyProgressBar && vm.customerData.webCustomer.activationStatus == '1'" class="wrap-points-tier "> <div class="slider-wrapper"> <div class="ngrs-range-slider ng-isolate-scope" min="0" max="100" model-min="0" model-max="vm.customerData.loyaltyDetails.tierProgress" filter="" step="100" range-slider=""> <div class="ngrs-runner"> <div class="ngrs-handle ngrs-handle-min" style="left: 0%;"> <span></span> <div class="slider-val-disp"><span class="scale-value"></span></div> </div> <div class="ngrs-handle ngrs-handle-max" style="left: 39.801%;"> <span></span> <div class="slider-val-disp"> <div class="ngrs-join" style="left: 0%; right: 60.199%;"></div> </div> <div class="ngrs-value-runner"> <div class="ngrs-value ngrs-value-min pull-left position-rel ng-hide" ng-show="showValues"></div> <div class="ngrs-value ngrs-value-max pull-left position-rel ng-hide" ng-show="showValues"></div> </div> </div> </div> </div> </div> </div> <h4></h4> </div> <div class="clearfix"> <img class="logo-avis-preferred pull-right" alt="logo avis"/> </div> </div> <div class="top-module chairman-club" ng-if="vm.customerData.membershipStatus == 'Preferred Plus' && vm.customerData.loyaltyDetails.totalRentals<=25 && vm.customerData.loyaltyDetails.totalSpend<7000"> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatusMobile-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> <div ng-show="vm.displayLoyaltyProgressBar && vm.customerData.webCustomer.activationStatus == '1'" class="wrap-points-tier "> <div class="slider-wrapper"> <div class="ngrs-range-slider ng-isolate-scope" min="0" max="100" model-min="0" model-max="vm.customerData.loyaltyDetails.tierProgress" filter="" step="100" range-slider=""> <div class="ngrs-runner"> <div class="ngrs-handle ngrs-handle-min" style="left: 0%;"> <span></span> <div class="slider-val-disp"><span class="scale-value"></span></div> </div> <div class="ngrs-handle ngrs-handle-max" style="left: 39.801%;"> <span></span> <div class="slider-val-disp"> <div class="ngrs-join" style="left: 0%; right: 60.199%;"></div> </div> <div class="ngrs-value-runner"> <div class="ngrs-value ngrs-value-min pull-left position-rel ng-hide" ng-show="showValues"></div> <div class="ngrs-value ngrs-value-max pull-left position-rel ng-hide" ng-show="showValues"></div> </div> </div> </div> </div> </div> </div> <h4></h4> <div class="clearfix"> <img class="logo-avis-preferred pull-right" alt="logo avis"/> </div> </div> </div> <div class="top-module chairman-club" ng-if="vm.showPreferredPlusMsg"> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatusMobile-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> <h4></h4> <div class="clearfix"> <img class="logo-avis-preferred pull-right" alt="logo avis"/> </div> </div> </div> <div class="top-module chairman-club" ng-if='vm.customerData.membershipStatus == carRentalConstant.president'> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatusMobile-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> <h4></h4> </div> <div class="clearfix"> <img class="logo-avis-preferred pull-right" style="width: 70%; float: right;" alt="logo avis"/> </div> </div> </div> <div class="top-module chairman-club" ng-if='vm.customerData.membershipStatus == carRentalConstant.myAvisUser'> <div class="user-point-slider points-tier"> <h4 class="red"> <p> <a href="javascript:void(0)" data-target=".tierStatusMobile-my-class" role="button" data-toggle="modal">See Benefits</a> </p> </h4> <p class="hidden-lg"></p> </div> </div> </div> <!-- see benefits modal --> <div class="modal fade wrap-see-benefits-modal tierStatusMobile-my-class hide-on-load" role="dialog" data-backdrop="true"> <div class="modal-dialog wrap-width-700"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click=""> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" ng-click="vm.hideModalBackdrop()" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <img ng-if="vm.customerData.membershipStatus == carRentalConstant.myAvisUser" class="logo-avis-preferred" alt="My-avis-logo"/> <img ng-if="vm.customerData.membershipStatus == 'Preferred'" class="logo-avis-preferred" alt="Preferred-logo"/> <img ng-if="vm.customerData.membershipStatus == 'Preferred Plus'" class="logo-avis-preferred" alt="Preferredplus-logo"/> <img ng-if="vm.customerData.membershipStatus == carRentalConstant.president" class="logo-avis-preferred" alt="Presidentsclub-logo"/> <img ng-if="vm.customerData.membershipStatus == carRentalConstant.chairman" class="logo-avis-preferred" alt="Chairmans-logo"/> <img ng-if="vm.customerData.membershipStatus == 'Preferred Plus Premium'" class="logo-avis-preferred" alt=""/> </div> <div class="modal-body"> <div class="row"> <div class="col-xs-12 col-sm-6" ng-if="vm.customerData.membershipStatus == 'Preferred'"> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if="vm.customerData.membershipStatus == 'Preferred'"> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.chairman'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.chairman'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if="vm.customerData.membershipStatus == 'Preferred Plus'"> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if="vm.customerData.membershipStatus == 'Preferred Plus'"> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.president'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.president'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.myAvisUser'> <p></P> </div> <div class="col-xs-12 col-sm-6" ng-if='vm.customerData.membershipStatus == carRentalConstant.myAvisUser'> <p></P> </div> </div> </div> </div> </div> </div> </div> <!-- Amazon Prime Preferences for Amazon Linking User Starts --> <div ng-show="vm.amazonUserStatus ==carRentalConstant.amazonEnabled"> <div class="amazon-prime-logo-with-text"> <p class="noMar">Link your Amazon account to enjoy exclusive benefits. <a role="button" data-toggle="modal">Learn more</a> </p> </div> <div> <a href="javascript:void(0)" id="amazon-root" ng-click="vm.partnerLogin($event)"><img src="/content/dam/avis/na/us/common/amazon-login-btn.png" alt="Amazon-login-button"/></a> </div> </div> <!-- Amazon Prime Preferences for Amazon Linking User-Ends--> </div> </div> <!-- Profile Edit Progress Alert --> <div class="modal fade profile-edit-progress-alert" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <p>One edit panel is already open. Please click <strong>Cancel</strong> or <strong>Save</strong> within the panel before proceeding.</p> <div class="clearfix text-center"> <button class="btn wrap-btn btn-primary-avis" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <!-- / Profile Edit Progress Alert --> <!-- Profile Edit Error Modal --> <div class="modal fade profile-edit-error" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <p>Error while generating the OTP, please try after sometime.</p> <div class="clearfix text-center"> <button class="btn wrap-btn btn-primary-avis" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <!-- / Profile Edit Error Modal --> </div></div> <div class="my-profile section"><script>Dictionary.I18n.saveOrUpdate({"error.profile.oldPassword.required,budget":"Please enter the Old Passcode","lbl.amazonBenefits.alexaSuccessMessage":"Your accounts are now linked. Enable your Alexa Skill once more to continue.","error.profile.common.samepassword,budget":"New passcode cannot be the same as old passcode. Please enter a different valid passcode.","msg.profile.nonEditableDriversLicense,budget":"It is not possible to amend your driver licence online. Please contact us on 1800 150 278 for further assistance.","lbl.global.wizardNumber,budget":"Customer Number"})</script> <div> <script type="text/javascript"> var countryOfResidence = "[{\x22code\x22:\x22US\x22,\x22name\x22:\x22U.S.A.\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22AL\x22,\x22stateName\x22:\x22Alabama\x22},{\x22stateCode\x22:\x22AK\x22,\x22stateName\x22:\x22Alaska\x22},{\x22stateCode\x22:\x22AZ\x22,\x22stateName\x22:\x22Arizona\x22},{\x22stateCode\x22:\x22AR\x22,\x22stateName\x22:\x22Arkansas\x22},{\x22stateCode\x22:\x22AA\x22,\x22stateName\x22:\x22Armed Forces Americas (AA)\x22},{\x22stateCode\x22:\x22AE\x22,\x22stateName\x22:\x22Armed Forces Europe (AE)\x22},{\x22stateCode\x22:\x22AP\x22,\x22stateName\x22:\x22Armed Forces Pacific (AP)\x22},{\x22stateCode\x22:\x22CA\x22,\x22stateName\x22:\x22California\x22},{\x22stateCode\x22:\x22CO\x22,\x22stateName\x22:\x22Colorado\x22},{\x22stateCode\x22:\x22CT\x22,\x22stateName\x22:\x22Connecticut\x22},{\x22stateCode\x22:\x22DE\x22,\x22stateName\x22:\x22Delaware\x22},{\x22stateCode\x22:\x22DC\x22,\x22stateName\x22:\x22District Of Columbia\x22},{\x22stateCode\x22:\x22FL\x22,\x22stateName\x22:\x22Florida\x22},{\x22stateCode\x22:\x22GA\x22,\x22stateName\x22:\x22Georgia\x22},{\x22stateCode\x22:\x22HI\x22,\x22stateName\x22:\x22Hawaii\x22},{\x22stateCode\x22:\x22ID\x22,\x22stateName\x22:\x22Idaho\x22},{\x22stateCode\x22:\x22IL\x22,\x22stateName\x22:\x22Illinois\x22},{\x22stateCode\x22:\x22IN\x22,\x22stateName\x22:\x22Indiana\x22},{\x22stateCode\x22:\x22IA\x22,\x22stateName\x22:\x22Iowa\x22},{\x22stateCode\x22:\x22KS\x22,\x22stateName\x22:\x22Kansas\x22},{\x22stateCode\x22:\x22KY\x22,\x22stateName\x22:\x22Kentucky\x22},{\x22stateCode\x22:\x22LA\x22,\x22stateName\x22:\x22Louisiana\x22},{\x22stateCode\x22:\x22ME\x22,\x22stateName\x22:\x22Maine\x22},{\x22stateCode\x22:\x22MD\x22,\x22stateName\x22:\x22Maryland\x22},{\x22stateCode\x22:\x22MA\x22,\x22stateName\x22:\x22Massachusetts\x22},{\x22stateCode\x22:\x22MI\x22,\x22stateName\x22:\x22Michigan\x22},{\x22stateCode\x22:\x22MN\x22,\x22stateName\x22:\x22Minnesota\x22},{\x22stateCode\x22:\x22MS\x22,\x22stateName\x22:\x22Mississippi\x22},{\x22stateCode\x22:\x22MO\x22,\x22stateName\x22:\x22Missouri\x22},{\x22stateCode\x22:\x22MT\x22,\x22stateName\x22:\x22Montana\x22},{\x22stateCode\x22:\x22NE\x22,\x22stateName\x22:\x22Nebraska\x22},{\x22stateCode\x22:\x22NV\x22,\x22stateName\x22:\x22Nevada\x22},{\x22stateCode\x22:\x22NH\x22,\x22stateName\x22:\x22New Hampshire\x22},{\x22stateCode\x22:\x22NJ\x22,\x22stateName\x22:\x22New Jersey\x22},{\x22stateCode\x22:\x22NM\x22,\x22stateName\x22:\x22New Mexico\x22},{\x22stateCode\x22:\x22NY\x22,\x22stateName\x22:\x22New York\x22},{\x22stateCode\x22:\x22NC\x22,\x22stateName\x22:\x22North Carolina\x22},{\x22stateCode\x22:\x22ND\x22,\x22stateName\x22:\x22North Dakota\x22},{\x22stateCode\x22:\x22OH\x22,\x22stateName\x22:\x22Ohio\x22},{\x22stateCode\x22:\x22OK\x22,\x22stateName\x22:\x22Oklahoma\x22},{\x22stateCode\x22:\x22OR\x22,\x22stateName\x22:\x22Oregon\x22},{\x22stateCode\x22:\x22PA\x22,\x22stateName\x22:\x22Pennsylvania\x22},{\x22stateCode\x22:\x22RI\x22,\x22stateName\x22:\x22Rhode Island\x22},{\x22stateCode\x22:\x22SC\x22,\x22stateName\x22:\x22South Carolina\x22},{\x22stateCode\x22:\x22SD\x22,\x22stateName\x22:\x22South Dakota\x22},{\x22stateCode\x22:\x22TN\x22,\x22stateName\x22:\x22Tennessee\x22},{\x22stateCode\x22:\x22TX\x22,\x22stateName\x22:\x22Texas\x22},{\x22stateCode\x22:\x22UT\x22,\x22stateName\x22:\x22Utah\x22},{\x22stateCode\x22:\x22VT\x22,\x22stateName\x22:\x22Vermont\x22},{\x22stateCode\x22:\x22VA\x22,\x22stateName\x22:\x22Virginia\x22},{\x22stateCode\x22:\x22WA\x22,\x22stateName\x22:\x22Washington\x22},{\x22stateCode\x22:\x22WV\x22,\x22stateName\x22:\x22West Virginia\x22},{\x22stateCode\x22:\x22WI\x22,\x22stateName\x22:\x22Wisconsin\x22},{\x22stateCode\x22:\x22WY\x22,\x22stateName\x22:\x22Wyoming\x22}]},{\x22code\x22:\x22CA\x22,\x22name\x22:\x22Canada\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22AB\x22,\x22stateName\x22:\x22Alberta\x22},{\x22stateCode\x22:\x22BC\x22,\x22stateName\x22:\x22British Columbia\x22},{\x22stateCode\x22:\x22MB\x22,\x22stateName\x22:\x22Manitoba\x22},{\x22stateCode\x22:\x22NB\x22,\x22stateName\x22:\x22New Brunswick\x22},{\x22stateCode\x22:\x22NL\x22,\x22stateName\x22:\x22Newfoundland\x22},{\x22stateCode\x22:\x22NT\x22,\x22stateName\x22:\x22Northwest Territories\x22},{\x22stateCode\x22:\x22NS\x22,\x22stateName\x22:\x22Nova Scotia\x22},{\x22stateCode\x22:\x22ON\x22,\x22stateName\x22:\x22Ontario\x22},{\x22stateCode\x22:\x22PE\x22,\x22stateName\x22:\x22Prince Edward Island\x22},{\x22stateCode\x22:\x22QC\x22,\x22stateName\x22:\x22Quebec\x22},{\x22stateCode\x22:\x22SK\x22,\x22stateName\x22:\x22Saskatchewan\x22},{\x22stateCode\x22:\x22YT\x22,\x22stateName\x22:\x22Yukon Territory \/ Nunavut\x22}]},{\x22code\x22:\x22NZ\x22,\x22name\x22:\x22New Zealand\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AU\x22,\x22name\x22:\x22Australia\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22ACT\x22,\x22stateName\x22:\x22Australian Capital Territory\x22},{\x22stateCode\x22:\x22NSW\x22,\x22stateName\x22:\x22New South Wales\x22},{\x22stateCode\x22:\x22NT\x22,\x22stateName\x22:\x22Northern Territory\x22},{\x22stateCode\x22:\x22QLD\x22,\x22stateName\x22:\x22Queensland\x22},{\x22stateCode\x22:\x22SA\x22,\x22stateName\x22:\x22South Australia\x22},{\x22stateCode\x22:\x22TAS\x22,\x22stateName\x22:\x22Tasmania\x22},{\x22stateCode\x22:\x22VIC\x22,\x22stateName\x22:\x22Victoria\x22},{\x22stateCode\x22:\x22WA\x22,\x22stateName\x22:\x22Western Australia\x22}]},{\x22code\x22:\x22PR\x22,\x22name\x22:\x22Puerto Rico\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CX\x22,\x22name\x22:\x22U.S. Virgin Islands (St. Croix)\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CV\x22,\x22name\x22:\x22U.S. Virgin Islands (St. Thomas)\x22,\x22stateList\x22:[]}]"; var countryListForDriverLicense = "[{\x22code\x22:\x22AF\x22,\x22name\x22:\x22Afghanistan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AL\x22,\x22name\x22:\x22Albania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DZ\x22,\x22name\x22:\x22Algeria\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AD\x22,\x22name\x22:\x22Andorra\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AO\x22,\x22name\x22:\x22Angola\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AI\x22,\x22name\x22:\x22Anguilla\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AG\x22,\x22name\x22:\x22Antigua \\u0026 Barbuda\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AR\x22,\x22name\x22:\x22Argentina\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AM\x22,\x22name\x22:\x22Armenia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AB\x22,\x22name\x22:\x22Aruba\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AU\x22,\x22name\x22:\x22Australia\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22ACT\x22,\x22stateName\x22:\x22Australian Capital Territory\x22},{\x22stateCode\x22:\x22NSW\x22,\x22stateName\x22:\x22New South Wales\x22},{\x22stateCode\x22:\x22NT\x22,\x22stateName\x22:\x22Northern Territory\x22},{\x22stateCode\x22:\x22QLD\x22,\x22stateName\x22:\x22Queensland\x22},{\x22stateCode\x22:\x22SA\x22,\x22stateName\x22:\x22South Australia\x22},{\x22stateCode\x22:\x22TAS\x22,\x22stateName\x22:\x22Tasmania\x22},{\x22stateCode\x22:\x22VIC\x22,\x22stateName\x22:\x22Victoria\x22},{\x22stateCode\x22:\x22WA\x22,\x22stateName\x22:\x22Western Australia\x22}]},{\x22code\x22:\x22AT\x22,\x22name\x22:\x22Austria\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AZ\x22,\x22name\x22:\x22Azerbaijan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BS\x22,\x22name\x22:\x22Bahamas\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BH\x22,\x22name\x22:\x22Bahrain\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BL\x22,\x22name\x22:\x22Bangladesh\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BB\x22,\x22name\x22:\x22Barbados\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BA\x22,\x22name\x22:\x22Belarus\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BE\x22,\x22name\x22:\x22Belgium\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BZ\x22,\x22name\x22:\x22Belize\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BP\x22,\x22name\x22:\x22Benin\\n\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BM\x22,\x22name\x22:\x22Bermuda\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BT\x22,\x22name\x22:\x22Bhutan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BO\x22,\x22name\x22:\x22Bolivia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22YE\x22,\x22name\x22:\x22Bonaire\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QB\x22,\x22name\x22:\x22Bosnia \\u0026 Herzegovina\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BW\x22,\x22name\x22:\x22Botswana\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BR\x22,\x22name\x22:\x22Brazil\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BN\x22,\x22name\x22:\x22Brunei\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BG\x22,\x22name\x22:\x22Bulgaria\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UV\x22,\x22name\x22:\x22Burkina Faso\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BI\x22,\x22name\x22:\x22Burundi\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KH\x22,\x22name\x22:\x22Cambodia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CM\x22,\x22name\x22:\x22Cameroon\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CA\x22,\x22name\x22:\x22Canada\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22AB\x22,\x22stateName\x22:\x22Alberta\x22},{\x22stateCode\x22:\x22BC\x22,\x22stateName\x22:\x22British Columbia\x22},{\x22stateCode\x22:\x22MB\x22,\x22stateName\x22:\x22Manitoba\x22},{\x22stateCode\x22:\x22NB\x22,\x22stateName\x22:\x22New Brunswick\x22},{\x22stateCode\x22:\x22NL\x22,\x22stateName\x22:\x22Newfoundland\x22},{\x22stateCode\x22:\x22NT\x22,\x22stateName\x22:\x22Northwest Territories\x22},{\x22stateCode\x22:\x22NS\x22,\x22stateName\x22:\x22Nova Scotia\x22},{\x22stateCode\x22:\x22ON\x22,\x22stateName\x22:\x22Ontario\x22},{\x22stateCode\x22:\x22PE\x22,\x22stateName\x22:\x22Prince Edward Island\x22},{\x22stateCode\x22:\x22QC\x22,\x22stateName\x22:\x22Quebec\x22},{\x22stateCode\x22:\x22SK\x22,\x22stateName\x22:\x22Saskatchewan\x22},{\x22stateCode\x22:\x22YT\x22,\x22stateName\x22:\x22Yukon Territory \/ Nunavut\x22}]},{\x22code\x22:\x22CB\x22,\x22name\x22:\x22Cape Verde\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CT\x22,\x22name\x22:\x22Cayman Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CF\x22,\x22name\x22:\x22Central African Republic\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CD\x22,\x22name\x22:\x22Chad\x22,\x22stateList\x22:[]},{\x22code\x22:\x22XI\x22,\x22name\x22:\x22Chagos Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CL\x22,\x22name\x22:\x22Chile\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CN\x22,\x22name\x22:\x22China\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CO\x22,\x22name\x22:\x22Colombia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CJ\x22,\x22name\x22:\x22Comores\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZM\x22,\x22name\x22:\x22Congo,Dem Republic of the\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CG\x22,\x22name\x22:\x22Congo,Republic of the \x22,\x22stateList\x22:[]},{\x22code\x22:\x22CK\x22,\x22name\x22:\x22Cook Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CR\x22,\x22name\x22:\x22Costa Rica\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CI\x22,\x22name\x22:\x22Côte d\\u0027Ivoire\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HR\x22,\x22name\x22:\x22Croatia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CU\x22,\x22name\x22:\x22Cuba\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CY\x22,\x22name\x22:\x22Cyprus\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CS\x22,\x22name\x22:\x22Czech Republic\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DK\x22,\x22name\x22:\x22Denmark\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DR\x22,\x22name\x22:\x22Djibouti\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DM\x22,\x22name\x22:\x22Dominica\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DO\x22,\x22name\x22:\x22Dominican Republic\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EC\x22,\x22name\x22:\x22Ecuador\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EG\x22,\x22name\x22:\x22Egypt\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EL\x22,\x22name\x22:\x22El Salvador\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EQ\x22,\x22name\x22:\x22Equatorial Guinea\x22,\x22stateList\x22:[]},{\x22code\x22:\x22EE\x22,\x22name\x22:\x22Estonia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ET\x22,\x22name\x22:\x22Ethiopia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FA\x22,\x22name\x22:\x22Falkland Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FO\x22,\x22name\x22:\x22Faroe Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FJ\x22,\x22name\x22:\x22Fiji\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FI\x22,\x22name\x22:\x22Finland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FR\x22,\x22name\x22:\x22France\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FG\x22,\x22name\x22:\x22French Guiana\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TA\x22,\x22name\x22:\x22French Polynesia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GA\x22,\x22name\x22:\x22Gabon\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GM\x22,\x22name\x22:\x22Gambia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GE\x22,\x22name\x22:\x22Georgia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22DE\x22,\x22name\x22:\x22Germany\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GH\x22,\x22name\x22:\x22Ghana\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GI\x22,\x22name\x22:\x22Gibraltar\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GR\x22,\x22name\x22:\x22Greece\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GG\x22,\x22name\x22:\x22Greenland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GD\x22,\x22name\x22:\x22Grenada\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GP\x22,\x22name\x22:\x22Guadeloupe\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GU\x22,\x22name\x22:\x22Guam\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GT\x22,\x22name\x22:\x22Guatemala\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GN\x22,\x22name\x22:\x22Guinea\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GW\x22,\x22name\x22:\x22Guinea\u002DBissau\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GY\x22,\x22name\x22:\x22Guyana\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HT\x22,\x22name\x22:\x22Haiti\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HD\x22,\x22name\x22:\x22Honduras\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HK\x22,\x22name\x22:\x22Hong Kong\x22,\x22stateList\x22:[]},{\x22code\x22:\x22HU\x22,\x22name\x22:\x22Hungary\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IS\x22,\x22name\x22:\x22Iceland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IN\x22,\x22name\x22:\x22India\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ID\x22,\x22name\x22:\x22Indonesia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IR\x22,\x22name\x22:\x22Iran\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IQ\x22,\x22name\x22:\x22Iraq\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IE\x22,\x22name\x22:\x22Ireland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IM\x22,\x22name\x22:\x22Isle of Man\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IL\x22,\x22name\x22:\x22Israel\x22,\x22stateList\x22:[]},{\x22code\x22:\x22IT\x22,\x22name\x22:\x22Italy\x22,\x22stateList\x22:[]},{\x22code\x22:\x22JM\x22,\x22name\x22:\x22Jamaica\x22,\x22stateList\x22:[]},{\x22code\x22:\x22JP\x22,\x22name\x22:\x22Japan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22JO\x22,\x22name\x22:\x22Jordan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KZ\x22,\x22name\x22:\x22Kazakhstan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KE\x22,\x22name\x22:\x22Kenya\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KI\x22,\x22name\x22:\x22Kiribati\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KD\x22,\x22name\x22:\x22Korea, Dem People\\u0027s Rep of\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KP\x22,\x22name\x22:\x22Korea, Rep of\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KW\x22,\x22name\x22:\x22Kuwait\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KG\x22,\x22name\x22:\x22Kyrgyzstan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LA\x22,\x22name\x22:\x22Laos\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LV\x22,\x22name\x22:\x22Latvia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LB\x22,\x22name\x22:\x22Lebanon\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LI\x22,\x22name\x22:\x22Leichtenstein\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LS\x22,\x22name\x22:\x22Lesotho\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LR\x22,\x22name\x22:\x22Liberia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LY\x22,\x22name\x22:\x22Libyan Arab Jamahiriya\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LT\x22,\x22name\x22:\x22Lithuania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LU\x22,\x22name\x22:\x22Luxembourg\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MK\x22,\x22name\x22:\x22Macau\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QM\x22,\x22name\x22:\x22Macedonia (FYROM)\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MG\x22,\x22name\x22:\x22Madagascar\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MW\x22,\x22name\x22:\x22Malawi\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MY\x22,\x22name\x22:\x22Malaysia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MI\x22,\x22name\x22:\x22Maldives\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ML\x22,\x22name\x22:\x22Mali\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MT\x22,\x22name\x22:\x22Malta\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MR\x22,\x22name\x22:\x22Mariana Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MH\x22,\x22name\x22:\x22Marshall Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MQ\x22,\x22name\x22:\x22Martinique\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MM\x22,\x22name\x22:\x22Mauritania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MU\x22,\x22name\x22:\x22Mauritius\x22,\x22stateList\x22:[]},{\x22code\x22:\x22YT\x22,\x22name\x22:\x22Mayotte\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MX\x22,\x22name\x22:\x22Mexico\x22,\x22stateList\x22:[]},{\x22code\x22:\x22FM\x22,\x22name\x22:\x22Micronesia, Federated States of\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MD\x22,\x22name\x22:\x22Moldova, Republic of\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MC\x22,\x22name\x22:\x22Monaco\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MO\x22,\x22name\x22:\x22Mongolia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ME\x22,\x22name\x22:\x22Montenegro\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MN\x22,\x22name\x22:\x22Montserrat\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MA\x22,\x22name\x22:\x22Morocco\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MZ\x22,\x22name\x22:\x22Mozambique\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BU\x22,\x22name\x22:\x22Myanmar\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SW\x22,\x22name\x22:\x22Namibia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NA\x22,\x22name\x22:\x22Nauru\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NE\x22,\x22name\x22:\x22Nepal\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NL\x22,\x22name\x22:\x22Netherlands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22AN\x22,\x22name\x22:\x22Netherlands Antilles\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NC\x22,\x22name\x22:\x22New Caledonia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NZ\x22,\x22name\x22:\x22New Zealand\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NI\x22,\x22name\x22:\x22Nicaragua\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NR\x22,\x22name\x22:\x22Niger\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NG\x22,\x22name\x22:\x22Nigeria\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QN\x22,\x22name\x22:\x22Niue\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NS\x22,\x22name\x22:\x22Norfolk Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22MP\x22,\x22name\x22:\x22Northern Mariana Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NO\x22,\x22name\x22:\x22Norway\x22,\x22stateList\x22:[]},{\x22code\x22:\x22OM\x22,\x22name\x22:\x22Oman\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PK\x22,\x22name\x22:\x22Pakistan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PW\x22,\x22name\x22:\x22Palau\x22,\x22stateList\x22:[]},{\x22code\x22:\x22XA\x22,\x22name\x22:\x22Palestinian Territories\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PA\x22,\x22name\x22:\x22Panama\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NU\x22,\x22name\x22:\x22Papua New Guinea\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PY\x22,\x22name\x22:\x22Paraguay\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PE\x22,\x22name\x22:\x22Peru\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PH\x22,\x22name\x22:\x22Philippines\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PL\x22,\x22name\x22:\x22Poland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PT\x22,\x22name\x22:\x22Portugal\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PR\x22,\x22name\x22:\x22Puerto Rico\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QA\x22,\x22name\x22:\x22Qatar\x22,\x22stateList\x22:[]},{\x22code\x22:\x22RI\x22,\x22name\x22:\x22Réunion\x22,\x22stateList\x22:[]},{\x22code\x22:\x22RO\x22,\x22name\x22:\x22Romania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22RU\x22,\x22name\x22:\x22Russian Federation\x22,\x22stateList\x22:[]},{\x22code\x22:\x22RW\x22,\x22name\x22:\x22Rwanda\x22,\x22stateList\x22:[]},{\x22code\x22:\x22BY\x22,\x22name\x22:\x22Saint Barthélemy\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SK\x22,\x22name\x22:\x22Saint Kitts \\u0026 Nevis\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LC\x22,\x22name\x22:\x22Saint Lucia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZF\x22,\x22name\x22:\x22Saint\u002DMartin\x22,\x22stateList\x22:[]},{\x22code\x22:\x22PM\x22,\x22name\x22:\x22Saint Pierre \\u0026 Miquelon\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VC\x22,\x22name\x22:\x22 Saint Vincent \\u0026 the Grenadines\x22,\x22stateList\x22:[]},{\x22code\x22:\x22WS\x22,\x22name\x22:\x22Samoa\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SM\x22,\x22name\x22:\x22San Marino\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ST\x22,\x22name\x22:\x22São Tomé \\u0026 Príncipe\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SA\x22,\x22name\x22:\x22Saudi Arabia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SN\x22,\x22name\x22:\x22Senegal\x22,\x22stateList\x22:[]},{\x22code\x22:\x22YU\x22,\x22name\x22:\x22Serbia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SC\x22,\x22name\x22:\x22Seychelles\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SL\x22,\x22name\x22:\x22Sierra Leone\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SG\x22,\x22name\x22:\x22Singapore\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QV\x22,\x22name\x22:\x22Slovakia\\n\x22,\x22stateList\x22:[]},{\x22code\x22:\x22QS\x22,\x22name\x22:\x22Slovenia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SI\x22,\x22name\x22:\x22Solomon Islands\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SQ\x22,\x22name\x22:\x22Somalia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZA\x22,\x22name\x22:\x22South Africa\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ES\x22,\x22name\x22:\x22Spain\x22,\x22stateList\x22:[]},{\x22code\x22:\x22LK\x22,\x22name\x22:\x22Sri Lanka\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZY\x22,\x22name\x22:\x22St. Maarten\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SD\x22,\x22name\x22:\x22Sudan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SR\x22,\x22name\x22:\x22Suriname\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SZ\x22,\x22name\x22:\x22Swaziland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SE\x22,\x22name\x22:\x22Sweden\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CH\x22,\x22name\x22:\x22Switzerland\x22,\x22stateList\x22:[]},{\x22code\x22:\x22SY\x22,\x22name\x22:\x22Syrian Arab Republic\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TW\x22,\x22name\x22:\x22Taiwan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TJ\x22,\x22name\x22:\x22Tajikistan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TZ\x22,\x22name\x22:\x22Tanzania\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TH\x22,\x22name\x22:\x22Thailand\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TJ\x22,\x22name\x22:\x22Timor\u002DLeste\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TG\x22,\x22name\x22:\x22Togo\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TO\x22,\x22name\x22:\x22Tonga\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TT\x22,\x22name\x22:\x22Trinidad \\u0026 Tobago\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TN\x22,\x22name\x22:\x22Tunisia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TR\x22,\x22name\x22:\x22Turkey\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TC\x22,\x22name\x22:\x22Turks \\u0026 Caicos\x22,\x22stateList\x22:[]},{\x22code\x22:\x22TV\x22,\x22name\x22:\x22Tuvalu\x22,\x22stateList\x22:[]},{\x22code\x22:\x22US\x22,\x22name\x22:\x22U.S.A.\x22,\x22stateList\x22:[{\x22stateCode\x22:\x22AL\x22,\x22stateName\x22:\x22Alabama\x22},{\x22stateCode\x22:\x22AK\x22,\x22stateName\x22:\x22Alaska\x22},{\x22stateCode\x22:\x22AZ\x22,\x22stateName\x22:\x22Arizona\x22},{\x22stateCode\x22:\x22AR\x22,\x22stateName\x22:\x22Arkansas\x22},{\x22stateCode\x22:\x22AA\x22,\x22stateName\x22:\x22Armed Forces Americas (AA)\x22},{\x22stateCode\x22:\x22AE\x22,\x22stateName\x22:\x22Armed Forces Europe (AE)\x22},{\x22stateCode\x22:\x22AP\x22,\x22stateName\x22:\x22Armed Forces Pacific (AP)\x22},{\x22stateCode\x22:\x22CA\x22,\x22stateName\x22:\x22California\x22},{\x22stateCode\x22:\x22CO\x22,\x22stateName\x22:\x22Colorado\x22},{\x22stateCode\x22:\x22CT\x22,\x22stateName\x22:\x22Connecticut\x22},{\x22stateCode\x22:\x22DE\x22,\x22stateName\x22:\x22Delaware\x22},{\x22stateCode\x22:\x22DC\x22,\x22stateName\x22:\x22District Of Columbia\x22},{\x22stateCode\x22:\x22FL\x22,\x22stateName\x22:\x22Florida\x22},{\x22stateCode\x22:\x22GA\x22,\x22stateName\x22:\x22Georgia\x22},{\x22stateCode\x22:\x22HI\x22,\x22stateName\x22:\x22Hawaii\x22},{\x22stateCode\x22:\x22ID\x22,\x22stateName\x22:\x22Idaho\x22},{\x22stateCode\x22:\x22IL\x22,\x22stateName\x22:\x22Illinois\x22},{\x22stateCode\x22:\x22IN\x22,\x22stateName\x22:\x22Indiana\x22},{\x22stateCode\x22:\x22IA\x22,\x22stateName\x22:\x22Iowa\x22},{\x22stateCode\x22:\x22KS\x22,\x22stateName\x22:\x22Kansas\x22},{\x22stateCode\x22:\x22KY\x22,\x22stateName\x22:\x22Kentucky\x22},{\x22stateCode\x22:\x22LA\x22,\x22stateName\x22:\x22Louisiana\x22},{\x22stateCode\x22:\x22ME\x22,\x22stateName\x22:\x22Maine\x22},{\x22stateCode\x22:\x22MD\x22,\x22stateName\x22:\x22Maryland\x22},{\x22stateCode\x22:\x22MA\x22,\x22stateName\x22:\x22Massachusetts\x22},{\x22stateCode\x22:\x22MI\x22,\x22stateName\x22:\x22Michigan\x22},{\x22stateCode\x22:\x22MN\x22,\x22stateName\x22:\x22Minnesota\x22},{\x22stateCode\x22:\x22MS\x22,\x22stateName\x22:\x22Mississippi\x22},{\x22stateCode\x22:\x22MO\x22,\x22stateName\x22:\x22Missouri\x22},{\x22stateCode\x22:\x22MT\x22,\x22stateName\x22:\x22Montana\x22},{\x22stateCode\x22:\x22NE\x22,\x22stateName\x22:\x22Nebraska\x22},{\x22stateCode\x22:\x22NV\x22,\x22stateName\x22:\x22Nevada\x22},{\x22stateCode\x22:\x22NH\x22,\x22stateName\x22:\x22New Hampshire\x22},{\x22stateCode\x22:\x22NJ\x22,\x22stateName\x22:\x22New Jersey\x22},{\x22stateCode\x22:\x22NM\x22,\x22stateName\x22:\x22New Mexico\x22},{\x22stateCode\x22:\x22NY\x22,\x22stateName\x22:\x22New York\x22},{\x22stateCode\x22:\x22NC\x22,\x22stateName\x22:\x22North Carolina\x22},{\x22stateCode\x22:\x22ND\x22,\x22stateName\x22:\x22North Dakota\x22},{\x22stateCode\x22:\x22OH\x22,\x22stateName\x22:\x22Ohio\x22},{\x22stateCode\x22:\x22OK\x22,\x22stateName\x22:\x22Oklahoma\x22},{\x22stateCode\x22:\x22OR\x22,\x22stateName\x22:\x22Oregon\x22},{\x22stateCode\x22:\x22PA\x22,\x22stateName\x22:\x22Pennsylvania\x22},{\x22stateCode\x22:\x22RI\x22,\x22stateName\x22:\x22Rhode Island\x22},{\x22stateCode\x22:\x22SC\x22,\x22stateName\x22:\x22South Carolina\x22},{\x22stateCode\x22:\x22SD\x22,\x22stateName\x22:\x22South Dakota\x22},{\x22stateCode\x22:\x22TN\x22,\x22stateName\x22:\x22Tennessee\x22},{\x22stateCode\x22:\x22TX\x22,\x22stateName\x22:\x22Texas\x22},{\x22stateCode\x22:\x22UT\x22,\x22stateName\x22:\x22Utah\x22},{\x22stateCode\x22:\x22VT\x22,\x22stateName\x22:\x22Vermont\x22},{\x22stateCode\x22:\x22VA\x22,\x22stateName\x22:\x22Virginia\x22},{\x22stateCode\x22:\x22WA\x22,\x22stateName\x22:\x22Washington\x22},{\x22stateCode\x22:\x22WV\x22,\x22stateName\x22:\x22West Virginia\x22},{\x22stateCode\x22:\x22WI\x22,\x22stateName\x22:\x22Wisconsin\x22},{\x22stateCode\x22:\x22WY\x22,\x22stateName\x22:\x22Wyoming\x22}]},{\x22code\x22:\x22CX\x22,\x22name\x22:\x22U.S. Virgin Islands (St. Croix)\x22,\x22stateList\x22:[]},{\x22code\x22:\x22CV\x22,\x22name\x22:\x22U.S. Virgin Islands (St. Thomas)\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UG\x22,\x22name\x22:\x22Uganda\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UA\x22,\x22name\x22:\x22Ukraine\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UE\x22,\x22name\x22:\x22United Arab Emirates\x22,\x22stateList\x22:[]},{\x22code\x22:\x22GB\x22,\x22name\x22:\x22United Kingdom\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UY\x22,\x22name\x22:\x22Uruguay\x22,\x22stateList\x22:[]},{\x22code\x22:\x22UZ\x22,\x22name\x22:\x22Uzbekistan\x22,\x22stateList\x22:[]},{\x22code\x22:\x22NH\x22,\x22name\x22:\x22Vanuatu\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VE\x22,\x22name\x22:\x22Venezuela\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VN\x22,\x22name\x22:\x22Vietnam\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VG\x22,\x22name\x22:\x22Virgin Islands, British\x22,\x22stateList\x22:[]},{\x22code\x22:\x22VI\x22,\x22name\x22:\x22Virgin Islands, US\x22,\x22stateList\x22:[]},{\x22code\x22:\x22YD\x22,\x22name\x22:\x22Yemen\x22,\x22stateList\x22:[]},{\x22code\x22:\x22ZB\x22,\x22name\x22:\x22Zambia\x22,\x22stateList\x22:[]},{\x22code\x22:\x22KF\x22,\x22name\x22:\x22Zimbabwe\x22,\x22stateList\x22:[]}]"; var eOffersSupportedCountries = "[\x22US\x22,\x22CA\x22,\x22AU\x22,\x22NZ\x22,\x22CV\x22,\x22CX\x22,\x22AI\x22,\x22AG\x22,\x22AR\x22,\x22AB\x22,\x22BS\x22,\x22BB\x22,\x22BZ\x22,\x22BM\x22,\x22BO\x22,\x22YE\x22,\x22BR\x22,\x22CT\x22,\x22CL\x22,\x22DC\x22,\x22CR\x22,\x22AN\x22,\x22DM\x22,\x22DO\x22,\x22EC\x22,\x22EL\x22,\x22FG\x22,\x22GD\x22,\x22GP\x22,\x22GT\x22,\x22HT\x22,\x22HD\x22,\x22JM\x22,\x22MX\x22,\x22NI\x22,\x22PA\x22,\x22PY\x22,\x22PE\x22,\x22BY\x22,\x22EU\x22,\x22JN\x22,\x22SK\x22,\x22LC\x22,\x22ZY\x22,\x22VC\x22,\x22SR\x22,\x22TL\x22,\x22TT\x22,\x22TC\x22,\x22UY\x22,\x22VE\x22,\x22PR\x22]"; var eReceiptSupportedCountries = "[\x22AU\x22,\x22NZ\x22,\x22CV\x22,\x22CX\x22,\x22AI\x22,\x22AG\x22,\x22AR\x22,\x22AB\x22,\x22BS\x22,\x22BB\x22,\x22BZ\x22,\x22BM\x22,\x22BO\x22,\x22YE\x22,\x22BR\x22,\x22CT\x22,\x22CL\x22,\x22DC\x22,\x22CR\x22,\x22AN\x22,\x22DM\x22,\x22DO\x22,\x22EC\x22,\x22EL\x22,\x22FG\x22,\x22GD\x22,\x22GP\x22,\x22GT\x22,\x22HT\x22,\x22HD\x22,\x22JM\x22,\x22MX\x22,\x22NI\x22,\x22PA\x22,\x22PY\x22,\x22PE\x22,\x22BY\x22,\x22EU\x22,\x22JN\x22,\x22SK\x22,\x22LC\x22,\x22ZY\x22,\x22VC\x22,\x22SR\x22,\x22TL\x22,\x22TT\x22,\x22TC\x22,\x22UY\x22,\x22VE\x22,\x22PR\x22]"; var expressConsentCountries = "[\x22CA\x22,\x22NZ\x22]"; var termsandconditionsMap = "\/content\/budget\/oc\/au\/en_AU\/loyalty\u002Dprofile\/fastbreak\/preferred\u002Dterms|AU"; </script> </div> <div> <script type="text/javascript"> var carPreferenceList = "[]"; </script> </div> <div class="col-xs-12 col-md-8 col-lg-9 cust-col-lg-wd70ps wrap-dashboard-body" ng-controller="MyProfileController as vm"> <abg-error-message-list hide-then="vm.summaryError.errorList.length>0" message-list="vm.summaryError.errorList"></abg-error-message-list> <div class="success-alert" ng-if="vm.displaySuccessMsg"> <span></span> <!-- Don't remove this span --> <span>{{vm.alexaSuccessMessage}}</span> </div> <div class="wrap-dashboard-content-page hide-on-load"> <div class="input-comp"> <div class="bg-section card-outer-content clearfix"> <header class="wrap-page-title visible-lg"> <h1 ng-show="!vm.customerData.preferred">Welcome to your profile, {{vm.customerData.firstName | titleCase}},</h1> <h1 ng-show="vm.customerData.preferred && !vm.customerData.activatedWithRewards">Profile</h1> <h1 ng-if="vm.customerData.activatedWithRewards">Welcome to your profile, {{vm.customerData.firstName | titleCase}},</h1> </header> <div class="card-inner-content" ng-if="vm.declineTermsCondition === true"> <p>You have declined the Budget Fastbreak Terms and Conditions.</p> <p> If you change your mind, <a ng-href="javascript:void(0)" ng-click="vm.declineTermsCondition = false" class="wrap-blue-link" role="button"> review and accept the Terms and Conditions here.</a> </p> </div> <div class="card-inner-content" ng-if="vm.customerData.loyaltyEligible.visible && (vm.customerData.loyaltyDetails.loyaltyOptIn || vm.customerData.ftpPartnerDetails.ftpOptIn || vm.customerData.optOut) && vm.sectionInEdit==='enroll-rewards-section'"> <div class="card-inner-header clearfix"> <h2 class="red">lbl.profile.welcometoAvispreferred,budget</h2> </div> <div ng-if="vm.customerData.loyaltyDetails.loyaltyOptIn"> <p class="wrap-card-sub-header">lbl.profile.enrolledtoAvisPreferred,budget</p> <p>Visit the Partner Rewards page to learn about the program, its benefits and other Reward options.</p> </div> <div ng-if="vm.customerData.ftpPartnerDetails.ftpOptIn"> <p class="wrap-card-sub-header">You are enroled in a Partner Rewards Program with {{vm.customerData.ftpPartnerDetails.partnerName}}.</p> <p>Visit the Partner Rewards page to learn about the program, its benefits and other Reward options.</p> </div> <div ng-if="vm.customerData.optOut"> <p class="wrap-card-sub-header">You are currently not enroled in a partner rewards program and not earning points. Visit the Partner Rewards page to sign up for either of the programs at anytime.</p> </div> <a class="btn btn-prime" href="/en/loyalty-profile/fastbreak/dashboard/rewards">Visit Partner Rewards</a> </div> </div> <div class="card-outer-content"> <div class="card-inner-content editable-wrapper visible-lg" ng-if="vm.customerData.daysRemainToResetPassword >= 1 && vm.customerData.daysRemainToResetPassword <= 30 && vm.customerData.daysRemainToResetPassword != null && vm.customerData.daysRemainToResetPassword != undefined"> <img ng-src="/etc/designs/platform/clientlib/images/Shield_icon.png" alt="Shield icon"/><span class="padlt10">Your password will expire soon. To avoid being locked out of your account please <a href="javascript:void(0)" ng-click="vm.setPassword();">set a new password now</a>.</span> </div> <!-- ABGDIMT-668 changes --> <div ng-if="vm.customerData.passwordGraceWindow" class="card-inner-content editable-wrapper visible-lg"> <img ng-src="/etc/designs/platform/clientlib/images/Shield_icon.png" alt="Shield-icon"/><span class="padlt10">{{vm.resetPwdMsg}}</span> </div> </div> <!-- Tier progression with CC section in edit mode--> <!-- Placeholder for Common page level Errors --> <div class="card-outer-content" ng-if="vm.profilePageLevelError"> <div class="card-inner-content"> <abg-error-message hide-then="vm.profilePageLevelError" message="vm.profilePageLevelErrorMsg"></abg-error-message> </div> </div> <!-- Injecting profile progression and upgrade flow sections --> <div ng-show="vm.customerData.profileCompletionPercentage > 0" class="bg-section card-outer-content clearfix hide-on-load"> <div class="card-inner-content"> <div id="profileUpgradeWrapper"> <div class="wrap-slider-warpper wrap-toggle-section ng-scope"> <div ng-if="vm.customerData.enrollmentStep == 'credit-card-section' && vm.customerData.activationStatus == '1'"> <p> <h2>Email Address Verified.</h2> <p> </div> <div ng-if="vm.customerData.enrollmentStep == 'dl-section'"> <p> <h2>Credit Card Info Saved.</h2> </p> </div> <div ng-if="vm.customerData.enrollmentStep == 'protections-coverages-section'"> <p> <h2>Drivers Licence Saved.</h2> </p> </div> <p> <span ng-if="vm.customerData.profCompStep > 1">Only <span class="dark-orange text-size-1_5x">{{vm.customerData.profCompStep}}</span> <span class="font-abg-demi text-size-1_5x">steps</span> to go between you and Budget Fastbreak.</span> <span ng-if="vm.customerData.profCompStep == 1">Only <span class="dark-orange text-size-1_5x">{{vm.customerData.profCompStep}}</span> <span class="font-abg-demi text-size-1_5x">step</span> to go between you and Budget Fastbreak.</span> <span class="text-size-1_5x" ng-if="(vm.customerData.enrollmentStep == 'tnc-section' && vm.customerData.profCompStep == 0)">Almost done! Please update the terms and condition section to go to Budget Fastbreak status.</span> <span class="text-size-1_5x" ng-if="vm.customerData.profCompStep == -1">You have successfully completed Budget Fastbreak Enrollment.</span> <span class="wrap-toggle-section"> <a class="wrap-toggle-link view-more hidden-sm hidden-xs" data-viewmorelabel="Learn more" data-viewlesslabel="Learn Less">Learn more</a> </span> </p> <div class="user-point-slider wrap-points-tier"> <div class="slider-wrapper"> <div class="slider-marker"> <div class="slr-mark"></div> <div class="slr-mark"></div> <div class="slr-mark"></div> <div class="slr-mark"></div> <div class="slr-mark"></div> </div> <div class="ngrs-range-slider ng-isolate-scope" min="0" max="100" model-min="0" model-max="vm.customerData.profileCompletionPercentage" step="5" range-slider=""> <div class="ngrs-runner"> <div class="ngrs-handle ngrs-handle-min" style="left: 0%;"> <span></span> <div class="slider-val-disp"> <span class="scale-value">FEB 15</span> </div> </div> <div class="ngrs-handle ngrs-handle-max" style="left: 40%;"> <span></span> <div class="slider-val-disp"> <span class="scale-value">DEC 15</span> </div> </div> <div class="ngrs-join" style="left: 0%; right: 60%;"></div> </div> <div class="ngrs-value-runner"> <div class="ngrs-value ngrs-value-min pull-left position-rel ng-hide" ng-show="showValues"> <div class="ng-binding"> You are 0 rentals or</div> </div> <div class="ngrs-value ngrs-value-max pull-left position-rel ng-hide" ng-show="showValues"> <div class="ng-binding">40 away</div> </div> </div> </div> <p class="tier-statistics hidden-xs"> <span ng-if="!(vm.customerData.profileCompletionPercentage == 100)"> <a ng-if="brand == carRentalConstant.brandName.AVIS && vm.customerData.profileCompletionPercentage == 100" ng-href="https://www.avis.com/car-rental/html/mobile/avisapp/index.html?MID=avis.com_avisnow"> Learn about how to skip the counter and use Fastbreak preferences.</a> <span ng-if="brand == carRentalConstant.brandName.BUDGET && vm.customerData.profileCompletionPercentage == 100"> Learn about how to skip the counter and use Fastbreak preferences.</span> </span> </p> </div> </div> </div> <!-- When user in create flow --> <div class="wrap-profile-progress"> <!-- To display credit card on the heading section when not yet updated --> <div ng-if="vm.customerData.enrollmentStep == 'credit-card-section'"> <form name="profileCreditCardForm" id="profileCreditCardForm" method="post"> <div class="card-outer-content clearfix" data-section="credit-card-section"> <div class="card-inner-content editable-wrapper"> <div ng-if="!vm.credtiCardSectionToDisplay" class="card-inner-header clearfix"> <h2 class="card-header color-prime">Credit/Debit Card</h2> <!-- ABGDIMT 812 changes --> <span ng-if="vm.showAlertIcon" class="padlt10"><span class="info-error-war-msg-image"><span></span></span></span> <div class="actions-button pull-right"> <a id="edit-creditcard" class="btn add-btn btn-edit non-editfield" href="javascript:void(null);" data-target=".wrap-edit-cc" ng-click="vm.editSection(true,$event);">+ Add A New Card</a> </div> <div ng-if="vm.sectionInEdit==='credit-card-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div ng-if="vm.credtiCardSectionToDisplay" class="card-inner-header clearfix"> <h2 class="card-header color-prime">Credit/Debit Card</h2> <!-- ABGDIMT 812 changes --> <span ng-if="vm.showAlertIcon" class="padlt10"><span class="info-error-war-msg-image"><span></span></span></span> <div class="actions-button pull-right"> <a id="edit-creditcard" class="btn btn-edit non-editfield" href="javascript:void(null);" data-target=".wrap-edit-cc" ng-click="vm.editSection(true,$event);">Edit</a> </div> <div ng-if="vm.sectionInEdit==='credit-card-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <div> <div class="modal fade wrap-edit-modal wrap-edit-cc" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Budget modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileCreditCardForm);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title" ng-bind="!vm.tdCheck && !(vm.customerData.enrollmentStep == 'credit-card-section')?'Security Passcode':'Edit'"></h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck && !(vm.customerData.enrollmentStep == 'credit-card-section')" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck || (vm.customerData.enrollmentStep == 'credit-card-section')" class="card-inner-content editable-wrapper"> <!-- <div class="col-lg-12 errorPlaceholder"></div> --> <!-- ABGDIMT 812 changes --> <div ng-if="vm.customerData.ccSummary.badCard"><abg-error-message message-str="The saved card is not accepted. Please update your credit card."></abg-error-message></div> <abg-error-message hide-then="vm.formValidated && vm.sectionInEdit==='credit-card-section'" message="vm.formError"></abg-error-message> <div class="alert wrap-email-icon" ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'"> <span>**</span> <span>Information shared by Concur. To change the information Avis uses edit the field.</span> </div> <div class="input-comp clearfix"> <div class="form-edit editfield"> <div ng-if="!vm.credtiCardSectionToDisplay" class="wrap-credit-card-dl"> <p class="wrap-card-sec-header"><b>Let's get your credit card details.</b></p> <p class="wrap-nmb-text">This program is free to join however you may notice a temporary charge posted to your credit card of approx. $2.50. This is for validation purposes only by your credit card provider and will be automatically reversed within 5-10 business days. The name on this card must match the name you entered on the previous step.</p> <br class="hidden-xs"/> </div> <div ng-if="vm.credtiCardSectionToDisplay" class="wrap-credit-card-dl"> <!-- <p class="wrap-card-sec-header"></p> --> </div> <form class="credit-card-add ng-pristine ng-valid" method="post"> <div class="row form-group wrap-creditCard-type"> <div class="col-xs-12 col-sm-5"> <label class="block" for="date" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Type of Card <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="dd-dropdown"> <select ng-options="type.code as type.value for type in vm.ccDetailList | orderBy:'value'" ng-change="vm.onChangeCreditCardType(vm.accountModel.ccSummary.type)" ng-model="vm.accountModel.ccSummary.type" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.type,'1-cardtype','dropdown')" class="form-control" validator="required" message-id="errCardType" required-error-message="Please select the Credit Card type."> <option class="hidden" value="">Select</option> </select> </div> <span id="errCardType" class="error"></span> </div> </div> <div class="row form-group"> <div class="col-xs-12 col-sm-5"> <label for="email" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Credit Card Number <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".creditcardHelpModal-1"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs w500popover" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<ul> <li>Budget reserves the right to confirm the validity of the credit card provided here or any future credit card update you provide.</li> <li>You may see a nominal amount (usually less than $2.00) appear on your bank or credit card statement.</li> <li>This amount is not a charge; it is only an authorization validation which will drop off from your account within 7 days of posting.</li> </ul> </ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Credit Card Charge Notification Message"> <span class="s-icon res-helpIcon"></span> </a> </label> <input type="text" class="form-control" name="creditcard" ng-model="vm.accountModel.ccSummary.number" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.number,'1-cardnumber','text')" ng-click="vm.cancelEdit(profileCreditCardForm);" validator="required,maskedccprofile,minlength=10,coupononcc" valid-method="blur" maxlength="17" autocomplete="off" preventcutcopypaste prefilledvalue="{{vm.customerData.ccSummary.number || vm.customerResponce.customerInfo.ccSummary.number || vm.customerResponce.partnerCustomerInfo.ccSummary.number}}" required-error-message="<strong>Credit Card Number</strong> is a required field." number-error-message="Please remove number and try again and refer to cards accepted." minlength-error-message="Credit Card Number must be between 10 and 25 characters." invalid-error-message="Please remove number and try again and refer to cards accepted." invalidcard-error-message="Please enter a valid credit card." maskedccprofile-error-message="Please remove number and try again and refer to cards accepted." credircard-error-message="Please remove number and try again and refer to cards accepted." coupononcc-error-message="This coupon &lt;strong>{{vm.prod.reservationSummary.coupon.number}}&lt;/strong> requires the use of your &lt;strong>{{vm.prod.reservationSummary.coupon.creditCardType}}&lt;/strong> to complete this reservation."/> </div> </div> <div class="form-group wrap-expire-date"> <div class="clearfix"> <div ng-if="vm.hideExpMonthYear" class="m-width-45"> <label class="block" for="date" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Expiration Date <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="row"> <div class="col-xs-6 wrap-custom-dd"> <div class="dd-dropdown"> <select name="expmonthselectedItem" id="expirydate" ng-model="vm.accountModel.ccSummary.expMonth" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.expMonth,'1-expmonth','dropdown')" ng-options="expmonth.key as expmonth.desc for expmonth in vm.expMonths" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Expiration Month</strong> is a required field." required-error-message="<strong>Expiration Month</strong> is a required field." invalid-error-message="<strong>Expiration Month</strong> is a required field." class="form-control" message-id="expMonthError"> <option value="">Month</option> </select> </div> <span id="expMonthError" class="error"></span> </div> <div class="col-xs-6 wrap-custom-dd"> <div class="dd-dropdown"> <select name="selectedExpYear" ng-model="vm.accountModel.ccSummary.expYear" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.expYear,'1-expyear','dropdown')" ng-options="expcurrentYear as expcurrentYear for expcurrentYear in vm.expYears track by expcurrentYear" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Expiration Year</strong> is a required field." required-error-message="<strong>Expiration Year</strong> is a required field." invalid-error-message="<strong>Expiration Year</strong> is a required field." class="form-control" message-id="expYearError"> <option value="">Year</option> </select> </div> <span id="expYearError" class="error"></span> </div> </div> </div> <div ng-if="vm.hideCVV" class="m-width-15"> <label class="block" for="cvv" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">CVV <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".creditcardSecurityCodeHelpModal-2"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="top" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content=" <div class='wrap-cvv-info'> <p>Your Credit card&#39;s security code is 3 or 4-digit number located on its front or back.</p> <div class='wrap-cvv-img row'> <figure class='figure col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/amex_gold.gif' class='img-responsive' alt='AMEX'> <figcaption class='figure-caption'>American Express</figcaption> </figure> <figure class='figure col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/amex_optima.gif' class='img-responsive' alt='AMEX'> <figcaption class='figure-caption'>American Express (Optima)</figcaption> </figure> <figure class='figure col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/visa.gif' class='img-responsive' alt='VISA'> <figcaption class='figure-caption'>Visa/MasterCard/Discover</figcaption> </figure> </div> </div> <button class='btn close-button closePopover'></button> " data-original-title=" Security Code Help"> <span class="s-icon res-helpIcon "></span></a> </label> <input ng-if="vm.isCVVMandatory" ng-model="vm.accountModel.ccSummary.secureCode" type="password" class="form-control" name="cvv" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.secureCode,'1-cvv','text')" validator="required,number,minlength=3" valid-method="blur" maxlength="4" autocomplete="new-password" required-error-message="<strong>Security Code (CVC, CVV, CID)</strong> is a required field." number-error-message="Please enter valid CVV code." minlength-error-message="Please enter valid CVV code." invalidLength-error-message="Please enter valid CVV code." invalid-error-message="Please enter valid CVV code."/> <input ng-if="!vm.isCVVMandatory" ng-model="vm.accountModel.ccSummary.secureCode" type="password" class="form-control" name="cvv" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.secureCode,'1-cvv','text')" validator="optional,number,minlength=3" valid-method="blur" maxlength="4" autocomplete="new-password" required-error-message="<strong>Security Code (CVC, CVV, CID)</strong> is a required field." number-error-message="Please enter valid CVV code." minlength-error-message="Please enter valid CVV code." invalidLength-error-message="Please enter valid CVV code." invalid-error-message="Please enter valid CVV code."/> </div> </div> </div> <div class="form-group" ng-if="vm.accountModel.showDCC && (vm.accountModel.ccSummary.type === carRentalConstant.creditCardTypeVisaId || vm.accountModel.ccSummary.type === carRentalConstant.creditCardTypeMasterId)"> <p><strong>Note: </strong>International travelers using a MasterCard or Visa charge card have the opportunity to be billed in their local currency:</p> <div class="form-group wrap-checkbox"> <input class="step4-checkbox-custom" id="wrap-cc-chkbox" type="checkbox" ng-model="vm.accountModel.dccPreference" ng-blur="vm.gtmBlur(vm.accountModel.dccPreference,'dccpref','checkbox')"/> <label class="step4-checkbox-custom-label" for="wrap-cc-chkbox"><strong>I choose to have Budget bill all my future rental charges to me in the currency of my Budget profile credit card.</strong></label> </div> <p>I understand that if I am renting at a location at which the currency differs from my credit card issuing currency, Budget will convert my rental charges to my card issuing currency. Immediately after I return my vehicle, Budget will use the prevailing conversion rate. Any converted amount will be billed to my credit card. The conversion will be conducted by the Budget location. The international currency selection fee is three percent.</p> </div> </form> </div> <div ng-if="vm.enableCaptcha && vm.captchaFlag " class="recaptcha-wrapper"> <re-captcha></re-captcha> </div> <div ng-if="!vm.credtiCardSectionToDisplay" class="text-right clearfix"> <button id="cancel-creditcard" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.clearError(profileCreditCardForm);">Cancel</button> <button type="submit" class="btn btn-prime" ng-click="vm.saveProfileDetail(profileCreditCardForm,$event);">Save</button> </div> <div ng-if="vm.credtiCardSectionToDisplay" class="btn-footer actions-button"> <button id="cancel-creditcard" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.clearError(profileCreditCardForm);">Cancel</button> <button id="save-creditcard" type="submit" class="btn btn-save editfield" ng-click="vm.saveProfileDetail(profileCreditCardForm,$event);">Save</button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="non-editfield"> <div class="info-error-messages" ng-if="vm.showSuccessMsg && vm.sectionInEdit==='credit-card-section' && vm.customerData.enrollmentStep != 'credit-card-section' && vm.conflictedSection != 'credit-card-section'"> <span></span> <!-- don't remove empty span tag --> <!-- <span>Your information has been successfully updated and will be applied for all new reservations.<br /> <strong>Please Note:</strong> These changes may not update existing reservations. For immediate changes, please call 1300 362 848.</span> --> <div class="infoMsg"> <div class="infoImage"> <span class="spanImg"></span> </div> <div class="infoText">Budget Fastbreak is free to join however you may notice a temporary charge posted to your credit card of approx. $3 AUD. This is for validation purposes only by your credit card provider and will be automatically reversed within 7-10 business days.</div> </div> </div> <div class="input-comp clearfix"> <div class="form-group"> <label>{{vm.customerData.ccSummary.cardTypeValue}}</label> </div> <div class="form-group"> <!-- ARD3-184 Changes --> <label>{{vm.accountModel.ccSummary.number}}</label> <!-- ABGDIMT 812 changes --> <span ng-if="vm.customerData.ccSummary.badCard" class="padlt10"><span class="red">Update payment option</span></span> </div> <div class="form-group"> <label> <span ng-if="vm.customerData.ccSummary.expMonthPreviewMode">{{vm.customerData.ccSummary.expMonthPreviewMode}},</span> <span ng-if="vm.customerData.ccSummary.expMonthPreviewMode">{{vm.customerData.ccSummary.expYearPreviewMode}}</span> </label> </div> </div> </div> </div> </div> </div> </div> </form> <div class="modal fade custom-popover-modal creditcardHelpModal-1" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Credit Card Charge Notification Message</h3> </div> <div class="modal-body"> <ul> <li>Budget reserves the right to confirm the validity of the credit card provided here or any future credit card update you provide.</li> <li>You may see a nominal amount (usually less than $2.00) appear on your bank or credit card statement.</li> <li>This amount is not a charge; it is only an authorization validation which will drop off from your account within 7 days of posting.</li> </ul> </div> </div> </div> </div> <div class="modal fade custom-popover-modal creditcardSecurityCodeHelpModal-2" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Security Code Help</h3> </div> <div class="modal-body"> <div class='wrap-cvv-info'> <p>Your Credit card's security code is 3 or 4-digit number located on its front or back.</p> <div class='wrap-cvv-img row'> <figure class='figure col-xs-6 col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/amex_gold.gif' class='img-responsive' alt='AMEX'/> <figcaption class='figure-caption'>American Express</figcaption> </figure> <figure class='figure col-xs-6 col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/amex_optima.gif' class='img-responsive' alt='AMEX'/> <figcaption class='figure-caption'>American Express (Optima)</figcaption> </figure> <figure class='figure col-xs-6 col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/visa.gif' class='img-responsive' alt='VISA'/> <figcaption class='figure-caption'>Visa/MasterCard/Discover</figcaption> </figure> </div> </div> </div> </div> </div> </div> </div> <!-- To display DL on the heading section when not yet updated --> <div ng-if="vm.customerData.enrollmentStep == 'dl-section'"> <div class="info-error-messages" ng-if="vm.showSuccessMsg && vm.sectionInEdit==='credit-card-section' && vm.customerData.enrollmentStep != 'credit-card-section' && vm.conflictedSection != 'credit-card-section'"> <span></span> <!-- don't remove empty span tag --> <div class="infoMsg"> <div class="infoImage"> <span class="spanImg"></span> </div> <div class="infoText">Budget Fastbreak is free to join however you may notice a temporary charge posted to your credit card of approx. $3 AUD. This is for validation purposes only by your credit card provider and will be automatically reversed within 7-10 business days.</div> </div> </div> <div class="card-outer-content clearfix" data-section="dl-section"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="card-header color-prime">Driver Licence</h2> <div class="actions-button pull-right"> <a id="edit-driver-license" class="btn btn-edit non-editfield" href="javascript:void(null);" data-target=".wrap-edit-dl" ng-click="vm.editSection(true,$event);">Edit</a> </div> <!--<p>Your drivers licence cannot be updated online. To update your licence please <a href="mailto:database@budget.co.nz">email us</a> or visit the counter.</p>--> <div ng-if="vm.sectionInEdit==='dl-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <div> <div class="modal fade wrap-edit-modal wrap-edit-dl" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Budget modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Edit</h3> </div> <div class="modal-body"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Driver Licence</h2> </div> <div class="input-comp clearfix"> <div class="form-edit editfield"> <div ng-if="!vm.dlSectionDisplay" class="wrap-credit-card-dl"> <p class="wrap-card-sec-header">We&#39;ll need your driver&#39;s licence information</p> <p class="wrap-nmb-text"> A valid drivers licence is also required so let&#39;s update your profile with this information.</p> <br/></br> </div> <form name="profileDriverLicenseForm" id="profileDriverLicenseForm" class="credit-card-add ng-pristine ng-valid"> <abg-error-message hide-then="vm.sectionInEdit==='dl-section' && vm.formError.length > 0" message="vm.formError"></abg-error-message> <div class="alert wrap-email-icon" ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'"> <span>**</span> <span>Information shared by Concur. To change the information Avis uses edit the field.</span> </div> <!-- <div class="Mitek-dl-scan-Cta" ng-if="vm.brand == 'avis' && vm.sectionInEdit != 'dl-section' && vm.showBiometricScan && (deviceType === 'handheld' && vm.showPrefilled == undefined) && !vm.isEnterManual"> <button class="btn btn-primary-budget" id="Mitek_DL_SCAN" ng-click="vm.initiateMitekVerification()"> Start Scan </button> <a class="enterManual-link btn" id="Mitek_MANUAL_DL_ENTER" ng-click="vm.showManualDlForm()"> Enter Manually </a> </div> --> <!-- ng-if="deviceType !== 'handheld' || (deviceType === 'handheld' && (vm.brand != 'avis' || (vm.brand == 'avis' && vm.sectionInEdit == 'dl-section'))) || ((deviceType === 'handheld' && (!vm.showBiometricScan || vm.showPrefilled == false)) || vm.isEnterManual )" --> <ng-container> <div class="form-group"> <div class="clearfix"> <div class="m-width-30"> <label class="block" for="issuecountry" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Issuing Country <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="dd-dropdown"> <select class="form-control" ng-model="vm.accountModel.dlSummary.country" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.country,'2-dlcountry','dropdown')" ng-disabled="(vm.customerResponce.displayControl.enrollmentStep == 'dl-section' && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR' && vm.customerResponce.partnerCustomerInfo.dlSummary.country)" ng-options="item.code as item.name for item in vm.countryListForDriverLicense" ng-change="vm.getStateBasedOnCounty(vm.accountModel.dlSummary.country, vm.countryListForDriverLicense)" validator="required" message-id="errcountry" required-error-message="<strong>Country</strong> is a required field."> <option class="hidden" value=""> Select</option> </select> </div> <span id="errcountry" class="error"></span> </div> </div> </div> <div class="form-group" ng-if="!vm.hideDLState"> <div class="clearfix"> <div class="m-width-30"> <label for="sel1" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">State/Territory <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="dd-dropdown"> <select class="form-control" ng-model="vm.accountModel.dlSummary.state" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.country,'2-dlstate','dropdown')" validator="required" required-error-message="State is a required field" ng-disabled="(vm.disableDLState && vm.customerResponce.displayControl.enrollmentStep == 'dl-section' && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR' && vm.customerResponce.partnerCustomerInfo.dlSummary.state)" ng-options="item.stateCode as item.stateCode for item in vm.statesForDL" message-id="stateError"> <option class="hidden" value=""> Select</option> </select> </div> <span id="stateError" class="error"></span> </div> </div> </div> <div class="form-group"> <label for="email" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Driver Licence Number <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <input type="text" class="form-control" name="dlNumber" autocomplete="off" remove-placeholder-on-focus ng-model="vm.accountModel.dlSummary.dlNumber" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.dlNumber,'dlnumber','text')" ng-disabled="(vm.customerResponce.displayControl.enrollmentStep == 'dl-section' && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR' && vm.customerResponce.partnerCustomerInfo.dlSummary.dlNumber)" validator="required,maskeddl,minlength=3,maxlength=25" valid-method="blur" prefilledvalue="{{vm.customerData.dlSummary.dlNumber || vm.customerResponce.customerInfo.dlSummary.dlNumber || vm.customerResponce.partnerCustomerInfo.dlSummary.dlNumber}}" required-error-message="<strong>Driver's License Number</strong> is a required field." maskeddl-error-message="The Driver Licence Number entered is invalid." minlength-error-message="Driver Licence must be between 3 and 25 characters. Please enter a valid Driver Licence Number." invalid-error-message="Please provide a valid Driving Licence Number.This field accepts [A-Z,a-z],[0-9] &amp; [*]." maxlength-error-message="Driver Licence must be between 3 and 25 characters. Please enter a valid Driver Licence Number."/> </div> <!-- <div class="form-group"> <div class="clearfix"> <div class="m-width-30"> <label for="sel1">Date of Birth</label> <input type="date" class="form-control" validator="required" name="dob" ng-model="vm.accountModel.dob" ng-disabled="vm.accountModel.dob && vm.dlSectionDisplay" placeholder="MM/DD/YYYY"> </div> </div> </div> --> <div class="form-group" ng-if="vm.showDOBField"> <div class="clearfix"> <label class="block" for="Month" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Date of Birth <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="triple-select-wrapper"> <div class="month-select-ts"> <div class="dd-dropdown"> <select ng-model="vm.accountModel.dobMonth" id="dobMonth" ng-options="month.key as month.desc for month in vm.monthsList" ng-blur="vm.gtmBlur(vm.accountModel.dobMonth,'2-dlmonth','text')" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Month</strong> is a required field." required-error-message="<strong>Month</strong> is a required field." invalid-error-message="<strong>Month</strong> is a required field." class="form-control" name="Month" ng-disabled="vm.accountModel.dob && vm.dlSectionDisplay" message-id="dobMonthError"> <option value=""> Month</option> </select> </div> <span id="dobMonthError" class="error"></span> </div> <div class="date-select-ts"> <div class="dd-dropdown"> <select ng-model="vm.accountModel.dobDate" id="dobDate" ng-options="date as date for date in vm.datesList track by date" ng-blur="vm.gtmBlur(vm.accountModel.dobDate,'2-dldate','text')" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Date</strong> is a required field." required-error-message="<strong>Date</strong> is a required field." invalid-error-message="<strong>Date</strong> is a required field." class="form-control" name="Date" ng-disabled="vm.accountModel.dob && vm.dlSectionDisplay" message-id="dobDateError"> <option value="">Date</option> </select> </div> <span id="dobDateError" class="error"></span> </div> <div class="year-select-ts"> <div class="dd-dropdown"> <select ng-model="vm.accountModel.dobYear" id="dobYear" ng-options="year as year for year in vm.yearsList track by year" ng-blur="vm.gtmBlur(vm.accountModel.dobYear,'2-dlyear','text')" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Year</strong> is a required field." required-error-message="<strong>Year</strong> is a required field." invalid-error-message="<strong>Year</strong> is a required field." class="form-control" name="Year" ng-disabled="vm.accountModel.dob && vm.dlSectionDisplay" message-id="dobYearError"> <option value=""> Year</option> </select> </div> <span id="dobYearError" class="error"></span> </div> </div> </div> </div> </ng-container> <!-- <ng-container ng-if="vm.showPrefilled && deviceType === 'handheld'"> <div class="biometric-review-parent-container"> <div class="driver-info-success"> <h3 class="driver-info-success-title rm-space">Success! </h3> <span>Please review the information below and continue.</span> </div> </div> <div class="driver-info__review-parent-container"> <div class="driver-info__prefill-content"> <div class="driver-info__number" ng-if="vm.accountModel.dlSummary.dlNumber"> <span class="number__heading"> Driver's License </span> <span class="number__content"> {{vm.accountModel.dlSummary.dlNumber}} </span> </div> <div class="driver-info__address" ng-if="vm.accountModel.dlSummary.country || vm.accountModel.dlSummary.state"> <span class="address__content"> <span class="line-one"> {{vm.dlCountryName}} </span> <span class="line-two" ng-if=" vm.accountModel.dlSummary.state"> {{ vm.accountModel.dlSummary.state}} </span> </span> </div> <div class="driver-info__date-of-dirth" ng-if="vm.accountModel.dlSummary.dateOfBirth"> <span class="dob__content"> {{vm.accountModel.dlSummary.dateOfBirth}} </span> </div> </div> </div> </ng-container> --> <!-- ng-if="deviceType !== 'handheld' || (deviceType === 'handheld' && (vm.brand != 'avis' || (vm.brand == 'avis' && vm.sectionInEdit == 'dl-section'))) || (deviceType === 'handheld' && (!vm.showBiometricScan || (vm.showPrefilled != undefined || vm.isEnterManual)))" --> <ng-container> <!-- Telephone number starts --> <div ng-if="(vm.customerData.enrollmentStep == 'dl-section' || vm.customerResponce.displayControl.enrollmentStep == 'dl-section') && (vm.customerData.displayElementMap.phoneNumber.visible || vm.customerResponce.displayControl.displayElementMap.phoneNumber.visible)"> <p ng-if="vm.showSmsOptIn"> If you provide your cellular phone number you can opt-in to receive text messages about your reservations.</p> <div class="form-group receive-notify" ng-if="vm.showSmsOptIn"> <div class="checkbox checkbox-toggle"> <label class="earn-points" for="msgNotifi"> <span> Receive texts about reservations and rentals? <br /> See our <a href="javascript:void(0)" ng-click="vm.loadHelpModal($event)" data-target=".wrap-sms-tnc-modal" role="button" data-toggle="modal">Terms and Conditions</a> </span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".drivingLicenseHelpModal-1"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>Standard messaging and data rates may apply. You will recive a maximum of 4 messages per rental. To opt-out of receiving test messages, Please select &quot;No&quot; from your profile preference or text <span>STOP</span> to 48400.</p></ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Your Information"> <span class="s-icon res-helpIcon"></span> </a> </label> <div class="toggle-check"> <input type="checkbox" class="checkbox" name="earn-points" id="email-offers" ng-model="vm.accountModel.dlSummary.smsOptin" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.smsOptin,'2-smsOptin','checkbox')"/> <div class="toggle-slide"> <div class="indicator"></div> <div class="toggle-on">YES </div> <div class="toggle-off">NO </div> </div> </div> </div> </div> <div class="form-group"> <label for="Telephone" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Telephone <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <input type="text" id="phone" class="form-control" name="phone" ng-model="vm.accountModel.dlSummary.telephone" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.telephone,'telephone','text')" validator="required,maskedphonenumber,minlength=9,maxlength=20,smsoptin" prefilledphone="{{vm.accountModel.contactAddress.telephone[0].phoneNumber}}" valid-method="blur" smsoptin-error-message="You have indicated that you would like to receive text message updates, please enter a valid telephone number." required-error-message="<strong>Telephone</strong> is a required field." uscan-error-message="Please provide a valid USA or Canada Phone number without country code." maskedphonenumber-error-message="Please check the format in the Telephone field and try again. (commas and other special characters are not accepted in this field)" maxlength="20" minlength-error-message="Telephone number must be between 9 and 20 numerals" maxlength-error-message="Telephone number must be between 9 and 20 numerals"/> </div> </div> <!-- Telephone number ends --> <div ng-if="vm.customerData.enrollmentStep == 'dl-section' || vm.customerResponce.displayControl.enrollmentStep == 'dl-section'" class="text-right clearfix"> <button id="save-driver" type="submit" class="btn btn-prime" ng-disabled="vm.disableSaveCTA || vm.creditCardExpired" ng-click="vm.saveProfile('vm.accountModel.dlSummary.telephone',vm.accountModel.dlSummary.telephone,vm.accountModel.dlSummary.smsOptin,'dl-section',profileDriverLicenseForm,'',$event,'')">Save</button> </div> <div ng-if="vm.dlSectionDisplay && vm.customerData.enrollmentStep != 'dl-section' && vm.customerResponce.displayControl.enrollmentStep != 'dl-section'" class="btn-footer actions-button"> <button id="cancel-driver" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);">Cancel</button> <button id="save-driver" type="submit" class="btn btn-save editfield" ng-disabled="vm.disableSaveCTA || vm.creditCardExpired" ng-click="vm.saveProfile('vm.accountModel.dlSummary.telephone',vm.accountModel.dlSummary.telephone,vm.accountModel.dlSummary.smsOptin,'dl-section',profileDriverLicenseForm,'',$event,'')"> Save </button> </div> </ng-container> </form> </div> </div> </div> </div> </div> </div> </div> </div> <div class="non-editfield"> <div class="success-alert" ng-if="vm.sectionInEdit==='dl-section' && vm.showSuccessMsg"> <span></span> <span>Your information has been successfully updated.</span> </div> <div class="input-comp clearfix"> <div class="form-group"> <label>{{vm.dlCountryName}}</label> </div> <div class="form-group"> <!-- <label ng-show="(vm.customerData.dlSummary.state == 'XX' || vm.customerData.dlSummary.state == '' || vm.customerData.dlSummary.state == undefined)">Not Applicable</label> --> <label ng-show="!(vm.customerData.dlSummary.state == 'XX' || vm.customerData.dlSummary.state == '' || vm.customerData.dlSummary.state == undefined)">{{vm.customerData.dlSummary.state}}</label> </div> <div class="form-group"> <label>{{vm.customerData.dlSummary.dlNumber}}</label> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade custom-popover-modal drivingLicenseHelpModal-1" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Your Information</h3> </div> <div class="modal-body"> <p>Standard messaging and data rates may apply. You will recive a maximum of 4 messages per rental. To opt-out of receiving test messages, Please select &quot;No&quot; from your profile preference or text <span>STOP</span> to 48400.</p> </div> </div> </div> </div> <div class="modal fade wrap-sms-tnc-modal" role="dialog" tabindex="-1" data-backdrop="true"> <div class="modal-dialog wrap-width-700"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click=""> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> </a> <h4 class="modal-title">SMS Policy</h4> </div> <div class="modal-body"> </div> <!-- <div ng-include="vm.helpURL"></div> --> </div> </div> </div> </div> <!-- To display Protection and Coverage on the heading section when not yet updated --> <div ng-if="vm.customerData.enrollmentStep == 'protections-coverages-section'"> <!-- -------- Protection & Coverage ------------ --> <div class="card-outer-content clearfix" data-section="protections-coverages-section"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Protections &amp; Coverages</h2> <div class="actions-button pull-right"> <button id="edit-protections" type="button" class="btn btn-edit non-editfield" href="javascript:void(null);" data-target=".wrap-edit-pnc" ng-disabled="vm.creditCardExpired" ng-click="vm.editSection(true,$event);" ng-if="vm.customerData.cdhUnAvailable == false">Edit</button> </div> <div ng-if="vm.sectionInEdit==='protections-coverages-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div class="input-comp clearfix"> <form name="protectionCoveragesForm" id="protectionCoveragesForm" class="dashboard-form protection-coverages-form ng-pristine ng-valid"> <div class="success-alert" ng-if="vm.showSuccessMsg && vm.sectionInEdit==='protections-coverages-section' && vm.conflictedSection != 'protections-coverages-section'"> <span></span> <span>Your information has been successfully updated</span> </div> <div ng-if="vm.formValidated && vm.sectionInEdit==='protections-coverages-section'" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text" ng-bind-html="vm.formError"></span> </div> <div class="edit-rewards editable-field"> <!-- Rewards editable-field --> <!-- Modal --> <div class="modal fade wrap-edit-modal wrap-edit-pnc" remove-body-freeze="" role="dialog" aria-labelledby="Budget modal" data-backdrop="false" style="display: none;"> <div class="modal-dialog" role="document" style="margin-top: 0px;"> <div class="hidden-xs text-right clearfix" ng-class="{'wrap-tnc-save-btn anchor-msg':vm.showSectionMessage, 'wrap-tnc-save-btn':!vm.showSectionMessage}"> <button type="submit" class="btn btn-primary-avis" ng-disabled="vm.creditCardExpired" ng-click="vm.saveProfileDetail(protectionCoveragesForm,$event)" ng-show="vm.tdCheck && !(vm.customerData.enrollmentStep == 'protections-coverages-section')">Save</button> </div> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title" ng-bind="!vm.tdCheck && !(vm.customerData.enrollmentStep == 'protections-coverages-section')?'Security Passcode':'Edit'"></h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck && !(vm.customerData.enrollmentStep == 'protections-coverages-section')" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck || (vm.customerData.enrollmentStep == 'protections-coverages-section')" class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Protections &amp; Coverages</h2> </div> <div class="input-comp clearfix"> <!-- Rewards editable-field --> <div class="wrap-prot-and-cov-wrap ng-scope"> <div class="wrap-credit-card-dl"> <p class="wrap-card-sec-header">What Protections &amp; Coverages do you want added to your rentals? </p> <div class="wrap-nmb"> <div class="wrap-nmb-text-wrap"> <!-- <p class="wrap-nmb-text">These options will be preselected for faster booking.</p> --> </div> <div class="visible-xs text-right clearfix"> <button type="submit" class="btn btn-primary-avis" ng-disabled="vm.creditCardExpired" ng-click="vm.saveProfileDetail(protectionCoveragesForm,$event)">Save</button> </div> <div class="visible-xs"><br/></div> <div class="wrap-acp-dec"> <strong>DECLINE</strong> <strong>ACCEPT</strong> </div> </div> </div> <div class="wrap-prot-and-cov input-comp radio-set"> <div class="wrap-pnc-list radio-item" ng-repeat="product in vm.accountModel.extrasData.insurances"> <div class="tile-content"> <div class="media"> <div class="media-left"><img class="media-object icon-scale" ng-src="{{product.image}}" alt="{{product.code}}"/></div> <div class="media-body"> <div class="media nest-media"> <div class="media-body"> <h4 class="media-heading">{{product.description}} <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".extrasInfoModal-{{product.code}}"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="top" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>{{product.additionalnote}}</p><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="{{product.description}}"> <span class="s-icon res-helpIcon"></span> </a> </h4> </div> <div class="form-group wrap-radio media-right"> <div class="inline wrap-decline"> <input id="{{product.code}}_dec" class="input-hidden" name="{{product.code}}_code" type="radio" ng-checked="!product.value" ng-disabled="product.disable" ng-click="vm.modifyTempList(product,false,'insurances');vm.gtmBlur(product.code,product.code+'insurancesdecline','dropdown');"/> <label for="{{product.code}}_dec" class="radio-custom-label"></label> </div> <div class="inline wrap-accept"> <input id="{{product.code}}_acc" class="input-hidden" name="{{product.code}}_code" type="radio" ng-checked="product.value" ng-disabled="product.disable" ng-click="vm.modifyTempList(product,true,'insurances');vm.gtmBlur(product.code,'3-'+product.code+'insurancesaccept','dropdown');"/> <label for="{{product.code}}_acc" class="radio-custom-label"></label> </div> </div> </div> <div class="tile-body"> <p class="wrap-toggle-section"> <span class="wrap-toggle-text hidden-xs">{{product.additionalnote}}</span> <a href="javascript:void(null);" class="wrap-toggle-link view-more" data-viewmorelabel="View More" data-viewlesslabel="View Less">View More</a> </p> </div> </div> </div> </div> </div> <div class="row wrap-pnc-btn-wrp"> <div class="col-xs-12 col-sm-6"> <!-- <a href="" class="wrap-blue-link btn-decline-all">Decline all for now</a> --> </div> <div class="col-xs-12 text-right clearfix" ng-if="!vm.protectionCoverageSectionDisplay"> <button type="submit" class="btn btn-primary-avis" ng-disabled="vm.creditCardExpired" ng-click="vm.saveProfileDetail(protectionCoveragesForm,$event)">Save</button> </div> <div class="col-xs-12 col-sm-6"> <div ng-if="vm.protectionCoverageSectionDisplay" class="wrap-pnc-btn-wrp actions-button text-right"> <button id="cancel-protections" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelTempListModifications();">Cancel</button> <button id="save-protections" type="submit" class="btn btn-save editfield" ng-click="vm.saveProfileDetail(protectionCoveragesForm,$event)">Save</button> </div> </div> </div> </div> </div> <!-- /Rewards editable-field --> </div> </div> </div> </div> </div> </div> <!-- / Modal --> <!-- /Rewards editable-field --> <div class="form-group non-editfield"> <div class="wrap-prot-and-cov wrap-pnc-view"> <div class="wrap-pnc-list" ng-repeat="product in vm.accountModel.extrasData.insurances"> <div class="tile-content"> <div class="media"> <div class="media-left"><img class="media-object" ng-src="{{product.image}}" alt="{{product.code}}"/></div> <div class="media-body"> <div class="media nest-media"> <div class="media-body"> <h4 class="media-heading">{{product.description}} <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".extrasInfoModal-{{product.code}}"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="top" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>{{product.additionalnote}}</p><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="{{product.name}}"> <span class="s-icon res-helpIcon"></span> </a> </h4> </div> <div class="form-group"> <span class="wrap-icon" ng-class="{'wrap-radio-decline':!product.value,'wrap-radio-accept':product.value}"></span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </form> </div> </div> </div> <!-- ----------- / Protection & Coverage --------------- --> <div class="modal fade custom-popover-modal extrasInfoModal-{{mproduct.code}}" add-modal-open-for-popover-modal tabindex="-1" role="dialog" ng-repeat="mproduct in vm.accountModel.extrasData.insurances"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">{{mproduct.description}}</h3> </div> <div class="modal-body"> <p>{{mproduct.additionalnote}}</p> </div> </div> </div> </div> </div> <!-- To display Terms and Condition on the heading section when not yet opted --> <div ng-if="vm.customerData.enrollmentStep == 'tnc-section'"> <!-- Terms Page will be displayed --> <div ng-if="!vm.accountModel.showConnectedCarTncModal"> <div ng-include="vm.showTnCPage"></div> </div> <!-- Terms Page will be displayed --> </div> <!-- To display rewards on the heading section when not yet opted --> <div ng-show="vm.customerData.enrollmentStep == 'enroll-rewards-section' && vm.customerData.loyaltyEligible.visible"> <h2>Partner Rewards Program</h2> <div><!-- ------- Modal Rewards AVIS Edit rewards Program ------------ --> <div> <script type="text/javascript"> var termsandconditionsRewardsMap = ""; </script> </div> <form autocomplete="off" name="enrollRewardsForm" id="enrollRewardsForm" ng-show="(vm.customerData.preferred || !vm.customerData.loyaltyEligible.visible) && vm.displayRewardsSection"> <div class="card-outer-content clearfix hide-on-load" data-section="enroll-rewards-section"> <div class="card-inner-content editable-wrapper"> <div ng-if="!vm.customerData.loyaltyEligible.visible && !vm.customerData.optOut && !vm.customerData.ftpPartnerDetails.ftpOptIn"> <div class="card-inner-header clearfix"> <h2 class="card-header color-prime">Earn Travel Partner Points &amp; Miles (Optional)</h2> </div> <p>Earn airline points or miles through our Travel Partner Program. Budget offers a variety of partnerships with airlines, hotels and other select companies.</p> </div> <div class="col-xs-12 hidden-xs res-PageError" ng-if="vm.formValidated && vm.sectionInEdit==='enroll-rewards-section'"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text" ng-bind-html="vm.formError"></span> </div> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <!-- Rewards editable-field --> <!-- Modal --> <div class="modal fade wrap-edit-modal wrap-edit-rewards" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Edit modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit();"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Edit</h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck && !(vm.customerData.enrollmentStep == 'enroll-rewards-section') && vm.sectionInEdit==='enroll-rewards-section'" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck || (vm.customerData.enrollmentStep == 'enroll-rewards-section')" class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Partner Rewards Program</h2> </div> <div class="col-xs-12 visible-xs res-PageError" ng-if="vm.formValidated && vm.sectionInEdit==='enroll-rewards-section'"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text" ng-bind-html="vm.formError"></span> </div> <div class="input-comp clearfix"> <!-- Rewards editable-field --> <div class="form-edit editfield"> <div ng-show="vm.customerData.loyaltyEligible.visible"> <div class="row checkbox checkbox-toggle"> <div class="col-xs-8 col-sm-6 col-md-7 col-lg-6 pad-right-0"> <label class="noPad" ng-class="{'black':vm.accountModel.program.pointsProgram ,'dark-grey':!vm.accountModel.program.pointsProgram}"> msg.profile.preferredPoints,budget <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-1"><span class="s-icon res-helpIcon "></span></a> </label> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver w500popover hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="</ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')"> <span class="s-icon res-helpIcon"></span> </a> </div> <div class="col-xs-4 col-sm-6 col-md-5 col-lg-6"> <div class="toggle-check"> <input type="checkbox" class="checkbox" aria-labelledby="rememberme-label" id="pointsPrgm" ng-model="vm.accountModel.program.pointsProgram" ng-blur="vm.gtmBlur(vm.accountModel.program.pointsProgram,'5-rewardsearnpoints','checkbox')" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.pointsProgram,'pointsPrgm')" name="pointsProgram" value="pointsProgram"/> <div class="toggle-slide "> <div class="indicator"></div> <div class="toggle-on">Yes</div> <div class="toggle-off">No</div> </div> </div> </div> </div> <p></p> </div> <!-- FTP section starts for Avis US/CA --> <div ng-show="vm.customerData.loyaltyEligible.visible"> <div class="row checkbox checkbox-toggle"> <div class="col-xs-8 col-sm-6 col-md-7 col-lg-6 pad-right-0"> <label class="noPad" ng-class="{'black':vm.accountModel.program.partnerProgram ,'dark-grey':!vm.accountModel.program.partnerProgram}"> Earn Travel Partner Miles &amp; Points <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-2"><span class="s-icon res-helpIcon "></span></a> </label> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver w500popover hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>Budget has many partner relationships with airlines, hotels, and destinations. Renters can earn bonus miles, points and special discounts in these programs.</p></ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Frequent Traveler Program for Miles/Points"> <span class="s-icon res-helpIcon"></span> </a> </div> <div class="col-xs-4 col-sm-6 col-md-5 col-lg-6"> <div class="toggle-check"> <input ng-if="!vm.displayPromoField" type="checkbox" name="partnerProgram" class="checkbox" aria-labelledby="rememberme-label" id="partnerPrgm" ng-model="vm.accountModel.program.partnerProgram" ng-blur="vm.gtmBlur(vm.accountModel.program.partnerProgram,'5-rewardspartner','checkbox')" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm')" value="partnerProgram"/> <div class="toggle-slide "> <div class="indicator"></div> <div class="toggle-on">Yes</div> <div class="toggle-off">No</div> </div> </div> </div> </div> </div> <!-- FTP section starts for Avis AU/NZ and Budget--> <div ng-show="!vm.customerData.loyaltyEligible.visible"> <div class="row checkbox checkbox-toggle"> <div class="col-xs-8 col-sm-6 col-md-7 col-lg-6 pad-right-0"> <label class="noPad" ng-class="{'black':vm.accountModel.program.partnerProgram,'dark-grey':!vm.accountModel.program.partnerProgram}"> Earn Travel Partner Miles &amp; Points <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-3"><span class="s-icon res-helpIcon "></span></a> </label> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver w500popover hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>Budget has many partner relationships with airlines, hotels, and destinations. Renters can earn bonus miles, points and special discounts in these programs.</p></ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Frequent Traveler Program for Miles/Points"> <span class="s-icon res-helpIcon"></span> </a> </div> <div class="col-xs-4 col-sm-6 col-md-5 col-lg-6"> <div class="toggle-check"> <input type="checkbox" name="partnerProgram" class="checkbox" aria-labelledby="rememberme-label" id="partnerPrgm" ng-model="vm.accountModel.program.partnerProgram" ng-blur="vm.gtmBlur(vm.accountModel.program.partnerProgram,'5-rewardspartner','checkbox')" ng-click="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm')" value="partnerProgram"/> <div class="toggle-slide "> <div class="indicator"></div> <div class="toggle-on">Yes</div> <div class="toggle-off">No</div> </div> </div> </div> </div> <p>Earn airline mile or points and enjoy special car hire discounts through our Partner Rewards Program.</p> </div> <!-- FTP expanded section starts--> <div ng-show="vm.accountModel.program.partnerProgram == true" class="wrap-ftp-rewards-tabs"> <ul class="nav nav-tabs er-tabs" role="tablist"> <li role="presentation" class="wrap-airline" ng-class="{'active' : (vm.accountModel.showPartner == 'airlines')}"><a href="javascript:void(0)" ng-click="vm.clearFtpDetails('airlines')" data-target="#airline" aria-controls="airline" role="tab" data-toggle="tab">Airline</a></li> <li role="presentation" class="wrap-hotel" ng-class="{'active' : (vm.accountModel.showPartner == 'hotels')}"><a href="javascript:void(0)" ng-click="vm.clearFtpDetails('hotels')" data-target="#hotel" aria-controls="hotel" role="tab" data-toggle="tab">Hotel</a></li> <li role="presentation" ng-class="{'active' : (vm.accountModel.showPartner == 'others')}"><a href="javascript:void(0)" ng-click="vm.clearFtpDetails('others')" data-target="#other" aria-controls="other" role="tab" data-toggle="tab">See All</a></li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane" id="airline" ng-if="vm.accountModel.showPartner == 'airlines' && vm.accountModel.program.partnerProgram" ng-class="{'active' : (vm.accountModel.showPartner == 'airlines')}"> <div class="form-group" ng-show="vm.partnerDetails.airlineList && (vm.partnerDetails.airlineList.length >0)"> <label>Partner</label> <type-ahead ng-if="vm.partnerDetails.airlineList" list="vm.partnerDetails.airlineList" input-id="airlines" input-name="airlines" input-class="form-control" class="wrap-rewards-dd" list-name="'airlineName'" list-code="'airlineCode'" required-error-message="Partner is a required field." model-object="vm.accountModel.airlinePartner" validation-list="required,typeaheadValidator" placeholder="Please Select an Airline Partner" search-delay-msg="Searching..."></type-ahead> </div> <div class="form-group" ng-show="vm.partnerDetails.airlineList && (vm.partnerDetails.airlineList.length >0)"> <label for="Partner">Membership Number</label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.airlineMembershipNumber)" ng-model="vm.accountModel.airlineMembershipNumber" ng-blur="vm.gtmBlur(vm.accountModel.airlineMembershipNumber,'airlinemembernumber','text')" class="form-control" name="Partner" maxlength="16" validator="required,alphanumeric" valid-method="blur" alphanumeric-error-message="Membership Number entered is invalid. " required-error-message="Membership Number is required."/> </div> <div ng-show="vm.displayPromoField && vm.partnerDetails.airlineList && (vm.partnerDetails.airlineList.length >0)" class="form-group"> <label for="firstname">Promotional Code<span class="optional"> (optional)</span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-4"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="Enter your two digit signup promo code here if you have one.</ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Promotional Code"> <span class="s-icon res-helpIcon"></span> </a> </label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.airlineMembershipNumber, vm.accountModel.airlinePromotionalCode)" ng-model="vm.accountModel.airlinePromotionalCode" ng-blur="vm.gtmBlur(vm.accountModel.airlinePromotionalCode,'airlinepromocode','text')" validator="optional,promotionalCode,minlength=2,maxlength=2" valid-method="blur" maxlength="2" promotionalCode-error-message="Please enter a valid Promotional Code." invalid-error-message="Please enter a valid Promotional Code." minlength-error-message="Please enter a valid Promotional Code." maxlength-error-message="Please enter a valid Promotional Code." class="form-control" name="firstname"/> </div> <div ng-show="!vm.partnerDetails.airlineList || (vm.partnerDetails.airlineList.length == 0)" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">We are unable to process your request at this time. Please contact <a target="_blank" href="/en/customer-care/worldwide-telephone-numbers">Customer Care</a> for further assistance.</span> </div> </div> <div role="tabpanel" class="tab-pane" id="hotel" ng-if="vm.accountModel.showPartner == 'hotels' && vm.accountModel.program.partnerProgram" ng-class="{'active' : (vm.accountModel.showPartner == 'hotels')}"> <div class="form-group" ng-show="vm.partnerDetails.hotelList && (vm.partnerDetails.hotelList.length > 0)"> <label>Partner</label> <type-ahead ng-if="vm.partnerDetails.hotelList" list="vm.partnerDetails.hotelList" input-id="hotels" input-name="hotels" input-class="form-control" class="wrap-rewards-dd" list-name="'hotelName'" list-code="'hotelCode'" required-error-message="Partner is a required field." model-object="vm.accountModel.hotelPartner" validation-list="required,typeaheadValidator" placeholder="Please Select a Hotel Partner" search-delay-msg="Searching..."></type-ahead> </div> <div class="form-group" ng-show="vm.partnerDetails.hotelList && (vm.partnerDetails.hotelList.length > 0)"> <label for="Partner">Membership Number</label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.hotelMembershipNumber)" ng-model="vm.accountModel.hotelMembershipNumber" ng-blur="vm.gtmBlur(vm.accountModel.hotelMembershipNumber,'hotelmembernumber','text')" class="form-control" name="Partner" maxlength="16" validator="required,alphanumeric" valid-method="blur" alphanumeric-error-message="Membership Number entered is invalid. " required-error-message="Membership Number is required."/> </div> <div ng-show="vm.displayPromoField && vm.partnerDetails.hotelList && (vm.partnerDetails.hotelList.length > 0)" class="form-group"> <label for="firstname">Promotional Code<span class="optional"> (optional)</span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-5"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="Enter your two digit signup promo code here if you have one.</ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Promotional Code"> <span class="s-icon res-helpIcon"></span> </a> </label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.hotelMembershipNumber, vm.accountModel.hotelPromotionalCode)" ng-model="vm.accountModel.hotelPromotionalCode" ng-blur="vm.gtmBlur(vm.accountModel.hotelPromotionalCode,'hotelpromocode','text')" validator="optional,promotionalCode,minlength=2,maxlength=2" valid-method="blur" maxlength="2" promotionalCode-error-message="Please enter a valid Promotional Code." invalid-error-message="Please enter a valid Promotional Code." minlength-error-message="Please enter a valid Promotional Code." maxlength-error-message="Please enter a valid Promotional Code." class="form-control" name="firstname"/> </div> <div ng-show="!vm.partnerDetails.hotelList || (vm.partnerDetails.hotelList.length == 0)" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">We are unable to process your request at this time. Please contact <a target="_blank" href="/en/customer-care/worldwide-telephone-numbers">Customer Care</a> for further assistance.</span> </div> </div> <div role="tabpanel" class="tab-pane" id="other" ng-if="vm.accountModel.showPartner == 'others' && vm.accountModel.program.partnerProgram" ng-class="{'active' : (vm.accountModel.showPartner == 'others')}"> <div class="form-group" ng-show="vm.partnerDetails.partnersList && (vm.partnerDetails.partnersList.length > 0)"> <label>Partner</label> <type-ahead ng-if="vm.partnerDetails.partnersList" list="vm.partnerDetails.partnersList" input-id="others" input-name="others" input-class="form-control" class="wrap-rewards-dd" list-name="'partnerName'" list-code="'partnerId'" required-error-message="Partner is a required field." model-object="vm.accountModel.otherPartner" validation-list="required,typeaheadValidator" placeholder="Please enter or select Partner name" search-delay-msg="Searching..."></type-ahead> </div> <div class="form-group" ng-show="vm.partnerDetails.partnersList && (vm.partnerDetails.partnersList.length > 0)"> <label for="Partner">Membership Number</label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.otherMembershipNumber)" ng-model="vm.accountModel.otherMembershipNumber" ng-blur="vm.gtmBlur(vm.accountModel.otherMembershipNumber,'othermembernumber','text')" class="form-control" name="Partner" maxlength="16" validator="required,alphanumeric" valid-method="blur" alphanumeric-error-message="Membership Number entered is invalid. " required-error-message="Membership Number is required."/> </div> <div ng-show="vm.displayPromoField && vm.partnerDetails.partnersList && (vm.partnerDetails.partnersList.length > 0)" class="form-group"> <label for="firstname">Promotional Code<span class="optional"> (optional)</span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-6"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="Enter your two digit signup promo code here if you have one.</ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Promotional Code"> <span class="s-icon res-helpIcon"></span> </a> </label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.otherMembershipNumber, vm.accountModel.otherPromotionalCode)" ng-model="vm.accountModel.otherPromotionalCode" ng-blur="vm.gtmBlur(vm.accountModel.otherPromotionalCode, 'otherpromocode', 'text')" validator="optional,promotionalCode,minlength=2,maxlength=2" valid-method="blur" maxlength="2" promotionalCode-error-message="Please enter a valid Promotional Code." invalid-error-message="Please enter a valid Promotional Code." minlength-error-message="Please enter a valid Promotional Code." maxlength-error-message="Please enter a valid Promotional Code." class="form-control" name="firstname"/> </div> <div ng-show="!vm.partnerDetails.partnersList || (vm.partnerDetails.partnersList.length == 0)" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">We are unable to process your request at this time. Please contact <a target="_blank" href="/en/customer-care/worldwide-telephone-numbers">Customer Care</a> for further assistance.</span> </div> </div> </div> </div> <div class="top15"> <p ng-if="vm.customerData.loyaltyEligible.visible">You can enrol in only one program at a time.</p> <p>Note: Some Corporate BCD numbers are exempt from earning Frequent Traveler Points on Budget car rentals as per their contracted agreement. Please refer to your corporate travel policy or contact your Travel Manager.</p> </div> <!-- FTP expanded section ends--> </div> <p ng-if="vm.customerData.loyaltyEligible.visible && vm.accountModel.program.pointsProgram"> By clicking Save, you are agreeing to the <a class="links" data-toggle="modal" data-target="#temporary-modalTnC-rewards .connected-car-tnc.modal-alert">msg.profile.ftp.termsAndConditions,budget</a> </p> <div ng-if="vm.rewardsSectionDisplay" class="text-right clearfix"> <button type="submit" class="btn btn-prime" ng-disabled="vm.creditCardExpired" ng-click="vm.saveProfileDetail(enrollRewardsForm,$event);">Save</button> </div> <div ng-if="!vm.rewardsSectionDisplay" class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-mousedown="vm.editSection(false,$event);vm.cancelEdit();">Cancel</button> <button type="button" class="btn btn-save editfield" ng-disabled="vm.disableSaveButton" ng-click="vm.saveProfileDetail(enrollRewardsForm,$event);">Save</button> </div> </div> </div> </div> </div> </div> </div> <!-- / Modal --> <!-- /Rewards editable-field --> <div class="non-editfield"> <!-- When Loyalty enrolled --> <div ng-if="vm.customerData.loyaltyEligible.visible"> <div ng-if="vm.customerData.loyaltyDetails.loyaltyOptIn" class="input-comp clearfix"> <div class="form-group"> <p class="wrap-card-sub-header">msg.profile.ftp.enrolled,budget</p> <p> Click <a href="javascript:void(null);" data-target=".wrap-edit-rewards" ng-click="vm.editSection(true,$event);">Edit</a> to opt into an alternate partner rewards program. </p> <p class="red"> <a class="btn wrap-btn btn-primary-avis"></a> </p> </div> </div> </div> <!-- When FTP enrolled --> <!-- FTP in preview mode on rewards page --> <!-- FTP in preview mode on profile page --> <div ng-if="!vm.customerData.loyaltyEligible.visible && !vm.customerData.ftpPartnerDetails.ftpOptIn && !vm.customerData.optOut"> <div class="row"> <div class="col-xs-12 col-sm-6 wrap-left-car-bg"> <img src="/content/dam/budget/loyalty-profile/rewards/2016-toyota-camry-se-sedan-white_featured.png" alt="car bg"/> </div> <div class="col-xs-12 col-sm-6 text-right"> <button class="btn btn-default-avis right-space" ng-click="vm.accountModel.program.partnerProgram = false;vm.saveProfileDetail(enrollRewardsForm,$event);">Not Now</button> <button class="btn btn-prime" ng-click="vm.editSection(true,$event);vm.setFtpEnrollment();">Set Up</button> </div> </div> </div> </div> </div> </div> </div> </div> </form> <!-- -----------Modal Rewards AVIS Edit rewards Program --------- --> <!-- Including the Wizard modal popup window --> <div ng-show="vm.customerData.loyaltyEligible.visible"> <div id="temporary-modalTnC-rewards" ng-include="vm.showTnCModal"></div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-1" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-2" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Frequent Traveler Program for Miles/Points</h3> </div> <div class="modal-body"><p>Budget has many partner relationships with airlines, hotels, and destinations. Renters can earn bonus miles, points and special discounts in these programs.</p></div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-3" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Frequent Traveler Program for Miles/Points</h3> </div> <div class="modal-body"><p>Budget has many partner relationships with airlines, hotels, and destinations. Renters can earn bonus miles, points and special discounts in these programs.</p></div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-4" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Promotional Code</h3> </div> <div class="modal-body">Enter your two digit signup promo code here if you have one.</div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-5" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Promotional Code</h3> </div> <div class="modal-body">Enter your two digit signup promo code here if you have one.</div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-6" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Promotional Code</h3> </div> <div class="modal-body">Enter your two digit signup promo code here if you have one.</div> </div> </div> </div></div> </div> </div> </div> </div> </div> <!-- Terms Modal Pop on Profile Page --> <div ng-if="vm.accountModel.showConnectedCarTncModal"> <div id="temporary-modalTnC" ng-include="vm.showTnCPage"></div> </div> <!-- Terms Modal Pop on Profile Page --> <!-- Other section with sequence --> <div ng-if="vm.customerData.membershipStatus!='RapidRez' && !vm.customerData.loyaltyEligible.visible && !vm.customerData.ftpPartnerDetails.ftpOptIn && !vm.customerData.optOut"> <div><!-- ------- Modal Rewards AVIS Edit rewards Program ------------ --> <div> <script type="text/javascript"> var termsandconditionsRewardsMap = ""; </script> </div> <form autocomplete="off" name="enrollRewardsForm" id="enrollRewardsForm" ng-show="(vm.customerData.preferred || !vm.customerData.loyaltyEligible.visible) && vm.displayRewardsSection"> <div class="card-outer-content clearfix hide-on-load" data-section="enroll-rewards-section"> <div class="card-inner-content editable-wrapper"> <div ng-if="!vm.customerData.loyaltyEligible.visible && !vm.customerData.optOut && !vm.customerData.ftpPartnerDetails.ftpOptIn"> <div class="card-inner-header clearfix"> <h2 class="card-header color-prime">Earn Travel Partner Points &amp; Miles (Optional)</h2> </div> <p>Earn airline points or miles through our Travel Partner Program. Budget offers a variety of partnerships with airlines, hotels and other select companies.</p> </div> <div class="col-xs-12 hidden-xs res-PageError" ng-if="vm.formValidated && vm.sectionInEdit==='enroll-rewards-section'"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text" ng-bind-html="vm.formError"></span> </div> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <!-- Rewards editable-field --> <!-- Modal --> <div class="modal fade wrap-edit-modal wrap-edit-rewards" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Edit modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit();"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Edit</h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck && !(vm.customerData.enrollmentStep == 'enroll-rewards-section') && vm.sectionInEdit==='enroll-rewards-section'" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck || (vm.customerData.enrollmentStep == 'enroll-rewards-section')" class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Partner Rewards Program</h2> </div> <div class="col-xs-12 visible-xs res-PageError" ng-if="vm.formValidated && vm.sectionInEdit==='enroll-rewards-section'"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text" ng-bind-html="vm.formError"></span> </div> <div class="input-comp clearfix"> <!-- Rewards editable-field --> <div class="form-edit editfield"> <div ng-show="vm.customerData.loyaltyEligible.visible"> <div class="row checkbox checkbox-toggle"> <div class="col-xs-8 col-sm-6 col-md-7 col-lg-6 pad-right-0"> <label class="noPad" ng-class="{'black':vm.accountModel.program.pointsProgram ,'dark-grey':!vm.accountModel.program.pointsProgram}"> msg.profile.preferredPoints,budget <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-1"><span class="s-icon res-helpIcon "></span></a> </label> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver w500popover hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="</ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')"> <span class="s-icon res-helpIcon"></span> </a> </div> <div class="col-xs-4 col-sm-6 col-md-5 col-lg-6"> <div class="toggle-check"> <input type="checkbox" class="checkbox" aria-labelledby="rememberme-label" id="pointsPrgm" ng-model="vm.accountModel.program.pointsProgram" ng-blur="vm.gtmBlur(vm.accountModel.program.pointsProgram,'5-rewardsearnpoints','checkbox')" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.pointsProgram,'pointsPrgm')" name="pointsProgram" value="pointsProgram"/> <div class="toggle-slide "> <div class="indicator"></div> <div class="toggle-on">Yes</div> <div class="toggle-off">No</div> </div> </div> </div> </div> <p></p> </div> <!-- FTP section starts for Avis US/CA --> <div ng-show="vm.customerData.loyaltyEligible.visible"> <div class="row checkbox checkbox-toggle"> <div class="col-xs-8 col-sm-6 col-md-7 col-lg-6 pad-right-0"> <label class="noPad" ng-class="{'black':vm.accountModel.program.partnerProgram ,'dark-grey':!vm.accountModel.program.partnerProgram}"> Earn Travel Partner Miles &amp; Points <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-2"><span class="s-icon res-helpIcon "></span></a> </label> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver w500popover hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>Budget has many partner relationships with airlines, hotels, and destinations. Renters can earn bonus miles, points and special discounts in these programs.</p></ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Frequent Traveler Program for Miles/Points"> <span class="s-icon res-helpIcon"></span> </a> </div> <div class="col-xs-4 col-sm-6 col-md-5 col-lg-6"> <div class="toggle-check"> <input ng-if="!vm.displayPromoField" type="checkbox" name="partnerProgram" class="checkbox" aria-labelledby="rememberme-label" id="partnerPrgm" ng-model="vm.accountModel.program.partnerProgram" ng-blur="vm.gtmBlur(vm.accountModel.program.partnerProgram,'5-rewardspartner','checkbox')" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm')" value="partnerProgram"/> <div class="toggle-slide "> <div class="indicator"></div> <div class="toggle-on">Yes</div> <div class="toggle-off">No</div> </div> </div> </div> </div> </div> <!-- FTP section starts for Avis AU/NZ and Budget--> <div ng-show="!vm.customerData.loyaltyEligible.visible"> <div class="row checkbox checkbox-toggle"> <div class="col-xs-8 col-sm-6 col-md-7 col-lg-6 pad-right-0"> <label class="noPad" ng-class="{'black':vm.accountModel.program.partnerProgram,'dark-grey':!vm.accountModel.program.partnerProgram}"> Earn Travel Partner Miles &amp; Points <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-3"><span class="s-icon res-helpIcon "></span></a> </label> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver w500popover hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>Budget has many partner relationships with airlines, hotels, and destinations. Renters can earn bonus miles, points and special discounts in these programs.</p></ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Frequent Traveler Program for Miles/Points"> <span class="s-icon res-helpIcon"></span> </a> </div> <div class="col-xs-4 col-sm-6 col-md-5 col-lg-6"> <div class="toggle-check"> <input type="checkbox" name="partnerProgram" class="checkbox" aria-labelledby="rememberme-label" id="partnerPrgm" ng-model="vm.accountModel.program.partnerProgram" ng-blur="vm.gtmBlur(vm.accountModel.program.partnerProgram,'5-rewardspartner','checkbox')" ng-click="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm')" value="partnerProgram"/> <div class="toggle-slide "> <div class="indicator"></div> <div class="toggle-on">Yes</div> <div class="toggle-off">No</div> </div> </div> </div> </div> <p>Earn airline mile or points and enjoy special car hire discounts through our Partner Rewards Program.</p> </div> <!-- FTP expanded section starts--> <div ng-show="vm.accountModel.program.partnerProgram == true" class="wrap-ftp-rewards-tabs"> <ul class="nav nav-tabs er-tabs" role="tablist"> <li role="presentation" class="wrap-airline" ng-class="{'active' : (vm.accountModel.showPartner == 'airlines')}"><a href="javascript:void(0)" ng-click="vm.clearFtpDetails('airlines')" data-target="#airline" aria-controls="airline" role="tab" data-toggle="tab">Airline</a></li> <li role="presentation" class="wrap-hotel" ng-class="{'active' : (vm.accountModel.showPartner == 'hotels')}"><a href="javascript:void(0)" ng-click="vm.clearFtpDetails('hotels')" data-target="#hotel" aria-controls="hotel" role="tab" data-toggle="tab">Hotel</a></li> <li role="presentation" ng-class="{'active' : (vm.accountModel.showPartner == 'others')}"><a href="javascript:void(0)" ng-click="vm.clearFtpDetails('others')" data-target="#other" aria-controls="other" role="tab" data-toggle="tab">See All</a></li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane" id="airline" ng-if="vm.accountModel.showPartner == 'airlines' && vm.accountModel.program.partnerProgram" ng-class="{'active' : (vm.accountModel.showPartner == 'airlines')}"> <div class="form-group" ng-show="vm.partnerDetails.airlineList && (vm.partnerDetails.airlineList.length >0)"> <label>Partner</label> <type-ahead ng-if="vm.partnerDetails.airlineList" list="vm.partnerDetails.airlineList" input-id="airlines" input-name="airlines" input-class="form-control" class="wrap-rewards-dd" list-name="'airlineName'" list-code="'airlineCode'" required-error-message="Partner is a required field." model-object="vm.accountModel.airlinePartner" validation-list="required,typeaheadValidator" placeholder="Please Select an Airline Partner" search-delay-msg="Searching..."></type-ahead> </div> <div class="form-group" ng-show="vm.partnerDetails.airlineList && (vm.partnerDetails.airlineList.length >0)"> <label for="Partner">Membership Number</label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.airlineMembershipNumber)" ng-model="vm.accountModel.airlineMembershipNumber" ng-blur="vm.gtmBlur(vm.accountModel.airlineMembershipNumber,'airlinemembernumber','text')" class="form-control" name="Partner" maxlength="16" validator="required,alphanumeric" valid-method="blur" alphanumeric-error-message="Membership Number entered is invalid. " required-error-message="Membership Number is required."/> </div> <div ng-show="vm.displayPromoField && vm.partnerDetails.airlineList && (vm.partnerDetails.airlineList.length >0)" class="form-group"> <label for="firstname">Promotional Code<span class="optional"> (optional)</span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-4"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="Enter your two digit signup promo code here if you have one.</ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Promotional Code"> <span class="s-icon res-helpIcon"></span> </a> </label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.airlineMembershipNumber, vm.accountModel.airlinePromotionalCode)" ng-model="vm.accountModel.airlinePromotionalCode" ng-blur="vm.gtmBlur(vm.accountModel.airlinePromotionalCode,'airlinepromocode','text')" validator="optional,promotionalCode,minlength=2,maxlength=2" valid-method="blur" maxlength="2" promotionalCode-error-message="Please enter a valid Promotional Code." invalid-error-message="Please enter a valid Promotional Code." minlength-error-message="Please enter a valid Promotional Code." maxlength-error-message="Please enter a valid Promotional Code." class="form-control" name="firstname"/> </div> <div ng-show="!vm.partnerDetails.airlineList || (vm.partnerDetails.airlineList.length == 0)" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">We are unable to process your request at this time. Please contact <a target="_blank" href="/en/customer-care/worldwide-telephone-numbers">Customer Care</a> for further assistance.</span> </div> </div> <div role="tabpanel" class="tab-pane" id="hotel" ng-if="vm.accountModel.showPartner == 'hotels' && vm.accountModel.program.partnerProgram" ng-class="{'active' : (vm.accountModel.showPartner == 'hotels')}"> <div class="form-group" ng-show="vm.partnerDetails.hotelList && (vm.partnerDetails.hotelList.length > 0)"> <label>Partner</label> <type-ahead ng-if="vm.partnerDetails.hotelList" list="vm.partnerDetails.hotelList" input-id="hotels" input-name="hotels" input-class="form-control" class="wrap-rewards-dd" list-name="'hotelName'" list-code="'hotelCode'" required-error-message="Partner is a required field." model-object="vm.accountModel.hotelPartner" validation-list="required,typeaheadValidator" placeholder="Please Select a Hotel Partner" search-delay-msg="Searching..."></type-ahead> </div> <div class="form-group" ng-show="vm.partnerDetails.hotelList && (vm.partnerDetails.hotelList.length > 0)"> <label for="Partner">Membership Number</label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.hotelMembershipNumber)" ng-model="vm.accountModel.hotelMembershipNumber" ng-blur="vm.gtmBlur(vm.accountModel.hotelMembershipNumber,'hotelmembernumber','text')" class="form-control" name="Partner" maxlength="16" validator="required,alphanumeric" valid-method="blur" alphanumeric-error-message="Membership Number entered is invalid. " required-error-message="Membership Number is required."/> </div> <div ng-show="vm.displayPromoField && vm.partnerDetails.hotelList && (vm.partnerDetails.hotelList.length > 0)" class="form-group"> <label for="firstname">Promotional Code<span class="optional"> (optional)</span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-5"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="Enter your two digit signup promo code here if you have one.</ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Promotional Code"> <span class="s-icon res-helpIcon"></span> </a> </label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.hotelMembershipNumber, vm.accountModel.hotelPromotionalCode)" ng-model="vm.accountModel.hotelPromotionalCode" ng-blur="vm.gtmBlur(vm.accountModel.hotelPromotionalCode,'hotelpromocode','text')" validator="optional,promotionalCode,minlength=2,maxlength=2" valid-method="blur" maxlength="2" promotionalCode-error-message="Please enter a valid Promotional Code." invalid-error-message="Please enter a valid Promotional Code." minlength-error-message="Please enter a valid Promotional Code." maxlength-error-message="Please enter a valid Promotional Code." class="form-control" name="firstname"/> </div> <div ng-show="!vm.partnerDetails.hotelList || (vm.partnerDetails.hotelList.length == 0)" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">We are unable to process your request at this time. Please contact <a target="_blank" href="/en/customer-care/worldwide-telephone-numbers">Customer Care</a> for further assistance.</span> </div> </div> <div role="tabpanel" class="tab-pane" id="other" ng-if="vm.accountModel.showPartner == 'others' && vm.accountModel.program.partnerProgram" ng-class="{'active' : (vm.accountModel.showPartner == 'others')}"> <div class="form-group" ng-show="vm.partnerDetails.partnersList && (vm.partnerDetails.partnersList.length > 0)"> <label>Partner</label> <type-ahead ng-if="vm.partnerDetails.partnersList" list="vm.partnerDetails.partnersList" input-id="others" input-name="others" input-class="form-control" class="wrap-rewards-dd" list-name="'partnerName'" list-code="'partnerId'" required-error-message="Partner is a required field." model-object="vm.accountModel.otherPartner" validation-list="required,typeaheadValidator" placeholder="Please enter or select Partner name" search-delay-msg="Searching..."></type-ahead> </div> <div class="form-group" ng-show="vm.partnerDetails.partnersList && (vm.partnerDetails.partnersList.length > 0)"> <label for="Partner">Membership Number</label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.otherMembershipNumber)" ng-model="vm.accountModel.otherMembershipNumber" ng-blur="vm.gtmBlur(vm.accountModel.otherMembershipNumber,'othermembernumber','text')" class="form-control" name="Partner" maxlength="16" validator="required,alphanumeric" valid-method="blur" alphanumeric-error-message="Membership Number entered is invalid. " required-error-message="Membership Number is required."/> </div> <div ng-show="vm.displayPromoField && vm.partnerDetails.partnersList && (vm.partnerDetails.partnersList.length > 0)" class="form-group"> <label for="firstname">Promotional Code<span class="optional"> (optional)</span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".FTPHelpModal-6"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="Enter your two digit signup promo code here if you have one.</ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Promotional Code"> <span class="s-icon res-helpIcon"></span> </a> </label> <input type="text" ng-change="vm.onChangeRewardPreference(vm.accountModel.program.partnerProgram,'partnerPrgm',vm.accountModel.airlinePartner, vm.accountModel.otherMembershipNumber, vm.accountModel.otherPromotionalCode)" ng-model="vm.accountModel.otherPromotionalCode" ng-blur="vm.gtmBlur(vm.accountModel.otherPromotionalCode, 'otherpromocode', 'text')" validator="optional,promotionalCode,minlength=2,maxlength=2" valid-method="blur" maxlength="2" promotionalCode-error-message="Please enter a valid Promotional Code." invalid-error-message="Please enter a valid Promotional Code." minlength-error-message="Please enter a valid Promotional Code." maxlength-error-message="Please enter a valid Promotional Code." class="form-control" name="firstname"/> </div> <div ng-show="!vm.partnerDetails.partnersList || (vm.partnerDetails.partnersList.length == 0)" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">We are unable to process your request at this time. Please contact <a target="_blank" href="/en/customer-care/worldwide-telephone-numbers">Customer Care</a> for further assistance.</span> </div> </div> </div> </div> <div class="top15"> <p ng-if="vm.customerData.loyaltyEligible.visible">You can enrol in only one program at a time.</p> <p>Note: Some Corporate BCD numbers are exempt from earning Frequent Traveler Points on Budget car rentals as per their contracted agreement. Please refer to your corporate travel policy or contact your Travel Manager.</p> </div> <!-- FTP expanded section ends--> </div> <p ng-if="vm.customerData.loyaltyEligible.visible && vm.accountModel.program.pointsProgram"> By clicking Save, you are agreeing to the <a class="links" data-toggle="modal" data-target="#temporary-modalTnC-rewards .connected-car-tnc.modal-alert">msg.profile.ftp.termsAndConditions,budget</a> </p> <div ng-if="vm.rewardsSectionDisplay" class="text-right clearfix"> <button type="submit" class="btn btn-prime" ng-disabled="vm.creditCardExpired" ng-click="vm.saveProfileDetail(enrollRewardsForm,$event);">Save</button> </div> <div ng-if="!vm.rewardsSectionDisplay" class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-mousedown="vm.editSection(false,$event);vm.cancelEdit();">Cancel</button> <button type="button" class="btn btn-save editfield" ng-disabled="vm.disableSaveButton" ng-click="vm.saveProfileDetail(enrollRewardsForm,$event);">Save</button> </div> </div> </div> </div> </div> </div> </div> <!-- / Modal --> <!-- /Rewards editable-field --> <div class="non-editfield"> <!-- When Loyalty enrolled --> <div ng-if="vm.customerData.loyaltyEligible.visible"> <div ng-if="vm.customerData.loyaltyDetails.loyaltyOptIn" class="input-comp clearfix"> <div class="form-group"> <p class="wrap-card-sub-header">msg.profile.ftp.enrolled,budget</p> <p> Click <a href="javascript:void(null);" data-target=".wrap-edit-rewards" ng-click="vm.editSection(true,$event);">Edit</a> to opt into an alternate partner rewards program. </p> <p class="red"> <a class="btn wrap-btn btn-primary-avis"></a> </p> </div> </div> </div> <!-- When FTP enrolled --> <!-- FTP in preview mode on rewards page --> <!-- FTP in preview mode on profile page --> <div ng-if="!vm.customerData.loyaltyEligible.visible && !vm.customerData.ftpPartnerDetails.ftpOptIn && !vm.customerData.optOut"> <div class="row"> <div class="col-xs-12 col-sm-6 wrap-left-car-bg"> <img src="/content/dam/budget/loyalty-profile/rewards/2016-toyota-camry-se-sedan-white_featured.png" alt="car bg"/> </div> <div class="col-xs-12 col-sm-6 text-right"> <button class="btn btn-default-avis right-space" ng-click="vm.accountModel.program.partnerProgram = false;vm.saveProfileDetail(enrollRewardsForm,$event);">Not Now</button> <button class="btn btn-prime" ng-click="vm.editSection(true,$event);vm.setFtpEnrollment();">Set Up</button> </div> </div> </div> </div> </div> </div> </div> </div> </form> <!-- -----------Modal Rewards AVIS Edit rewards Program --------- --> <!-- Including the Wizard modal popup window --> <div ng-show="vm.customerData.loyaltyEligible.visible"> <div id="temporary-modalTnC-rewards" ng-include="vm.showTnCModal"></div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-1" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-2" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Frequent Traveler Program for Miles/Points</h3> </div> <div class="modal-body"><p>Budget has many partner relationships with airlines, hotels, and destinations. Renters can earn bonus miles, points and special discounts in these programs.</p></div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-3" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Frequent Traveler Program for Miles/Points</h3> </div> <div class="modal-body"><p>Budget has many partner relationships with airlines, hotels, and destinations. Renters can earn bonus miles, points and special discounts in these programs.</p></div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-4" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Promotional Code</h3> </div> <div class="modal-body">Enter your two digit signup promo code here if you have one.</div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-5" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Promotional Code</h3> </div> <div class="modal-body">Enter your two digit signup promo code here if you have one.</div> </div> </div> </div> <div class="modal fade custom-popover-modal FTPHelpModal-6" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Promotional Code</h3> </div> <div class="modal-body">Enter your two digit signup promo code here if you have one.</div> </div> </div> </div></div> </div> <!-- FTP for Budget START- --> <div class="card-outer-content clearfix" ng-if="!vm.customerData.loyaltyEligible.visible && !vm.customerData.ftpPartnerDetails.ftpOptIn && vm.customerData.optOut && vm.sectionInEdit==='enroll-rewards-section'"> <div class="card-inner-content"> <p class="wrap-card-sub-header">You have declined to set your account up to earn airline points or miles with an affiliated travel partner. If you change your mind, visit the Partner Rewards section of your account to set it up.</p> <a class="btn btn-prime" href="/en/loyalty-profile/fastbreak/dashboard/rewards">Visit Partner Rewards</a> </div> </div> <div class="card-outer-content clearfix" ng-if="!vm.customerData.loyaltyEligible.visible && vm.customerData.ftpPartnerDetails.ftpOptIn && vm.sectionInEdit==='enroll-rewards-section'"> <div class="card-inner-content"> <p class="wrap-card-sub-header">Congratulations! Your account is now set up to earn points for your {{vm.customerData.ftpPartnerDetails.partnerName}} account.</p> <p>Visit the Partner Rewards section of your account if you need to update to your information</p> <div class="rowtext-right"> <a class="btn btn-prime" href="/en/loyalty-profile/fastbreak/dashboard/rewards">Visit Partner Rewards</a> </div> </div> </div> <!-- FTP for Budget END --> <script>Dictionary.I18n.saveOrUpdate({"lbl.prof.dr":"Dr.","lbl.prof.miss":"Miss.","lbl.prof.ms":"Ms.","lbl.prof.mr":"Mr.","lbl.prof.mrs":"Mrs."})</script> <form name="nameForm" id="profilenameForm"> <div class="card-outer-content clearfix" data-section="name-section"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix" id="identityPasswordSection"> <h2 class="card-header color-prime">Name</h2> <div class="actions-button pull-right"> <button id="edit-name" type="button" class="btn btn-edit non-editfield" ng-disabled="vm.creditCardExpired" href="javascript:void(null);" data-target=".wrap-edit-name" ng-click="vm.editSection(true,$event);" ng-if="vm.customerData.cdhUnAvailable == false">Edit</button> </div> <div ng-if="vm.sectionInEdit==='name-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <abg-error-message hide-then="vm.formValidated && vm.sectionInEdit==='name-section'" message="vm.formError"></abg-error-message> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <div> <div class="modal fade wrap-edit-modal wrap-edit-name" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Budget modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(nameForm);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title" ng-bind="vm.tdCheck?'Edit':'Security Passcode'"></h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck" class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Name</h2> </div> <div class="input-comp clearfix"> <div class="form-edit editfield"> <form> <div class="form-group" ng-if="(vm.domain.toLowerCase()!= 'au' && vm.domain.toLowerCase()!= 'nz')"> <div class="row"> <div class="col-xs-12 col-sm-3"> <label for="">Title <span class="optional"> (optional)</span></label> <div class="dd-dropdown"> <select class="form-control" ng-model="vm.accountModel.profileIdentity.title" ng-blur="vm.gtmBlur(vm.accountModel.profileIdentity.title,'profiletitle','dropdown')" ng-options="key as value for (key,value) in vm.titleList"> </select> </div> </div> </div> </div> <div class="form-group" ng-if="(vm.domain.toLowerCase()!= 'au' && vm.domain.toLowerCase()!= 'nz')"> <label for="firstname">First Name</label> <input type="text" class="form-control" name="firstname" ng-model="vm.accountModel.profileIdentity.firstName" ng-blur="vm.gtmBlur(vm.accountModel.profileIdentity.firstName,'profilefirstname','text')" validator="required,minlength=1,alphaone" valid-method="blur" required-error-message="<strong>First Name</strong> is a required field." minlength-error-message="Please enter a valid <strong>First Name</strong>." alphaone-error-message="Please enter a valid <strong>First Name</strong>." invalid-error-message="Please enter a valid <strong>First Name</strong>." maxlength="12"/> </div> <div class="form-group" ng-if="(vm.domain.toLowerCase()!= 'au' && vm.domain.toLowerCase()!= 'nz')"> <label for="lastname">Last Name</label> <input type="text" class="form-control" name="lastname" ng-model="vm.accountModel.profileIdentity.lastName" ng-blur="vm.gtmBlur(vm.accountModel.profileIdentity.lastName,'profilelastname','text')" validator="required,minlength=1,alphaone" valid-method="blur" autocomplete="off" required-error-message="<strong>Last Name</strong> is a required field." minlength-error-message="Please enter a valid <strong>Last Name</strong>." alphaone-error-message="Please enter a valid <strong>Last Name</strong>." invalid-error-message="Please enter a valid <strong>Last Name</strong>." maxlength="18"/> </div> <p ng-if="(vm.domain.toLowerCase()!= 'us' && vm.domain.toLowerCase()!= 'ca')"> {{vm.customerData.firstName | titleCase}} {{vm.customerData.lastName}}</p> <div class="form-group"> <label for="userName">Username</label> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".userNameHelpModal-1"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="auto" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="<ul> <li>Username must be within 6 and 45 characters.</li> <li>Username can consist of alphanumeric characters and special characters.</li> </ul></ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Username Rules"> <span class="s-icon res-helpIcon"></span> </a> <!-- <p>{{vm.customerData.userName}}</p> --> <!-- ARD2-2990 Changes for profile username update --> <input type="text" class="form-control" name="userName" ng-model="vm.accountModel.profileIdentity.userName" ng-blur="vm.gtmBlur(vm.accountModel.profileIdentity.userName,'profileusername','text')" validator="required,minlength=6,maxlength=45" valid-method="blur" autocomplete="off" unique-error-message="Our records indicate that the username you have entered is already being used. Please enter another username.<br/><b>Note:</b> Please do not use an email address as your username." required-error-message="Username is a required field." minlength-error-message="Username cannot be less than 6 and greater than 45 characters." maxlength-error-message="Username cannot be less than 6 and greater than 45 characters."/> </div> </form> </div> <div class="btn-footer actions-button"> <button id="cancel-name" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);">Cancel</button> <button id="save-name" type="submit" class="btn btn-save editfield" ng-click="vm.saveProfileDetail(nameForm,$event);">Save</button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="non-editfield"> <div class="success-alert" ng-if="vm.showSuccessMsg && vm.sectionInEdit==='name-section'"> <span></span> <!-- Don't remove this span --> <span ng-if="!vm.customerData.preferred">Your information has been successfully updated</span> <span ng-if="vm.customerData.preferred">Thank you for submitting your update. Your request will be processed within three business days.</span> </div> <div class="input-comp clearfix"> <div class="form-group"> <p class="user-name-id">{{vm.titleList[vm.customerData.title]}} {{vm.customerData.firstName | titleCase}} {{vm.customerData.lastName}}</p> <p>Member since {{vm.customerData.enrollmentMonth}} {{vm.customerData.enrollmentYear}}</p> </div> <div class="form-group"> <p>Username</p> <label>{{vm.customerData.userName}}</label> </div> </div> </div> </div> </div> </div> </div> </form> <div class="modal fade custom-popover-modal userNameHelpModal-1" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Username Rules</h3> </div> <div class="modal-body"> <ul> <li>Username must be within 6 and 45 characters.</li> <li>Username can consist of alphanumeric characters and special characters.</li> </ul> </div> </div> </div> </div> <form name="changePasswordForm" id="changePasswordForm" method="post"> <div class="card-outer-content clearfix empty-chg-pwd" data-section="password-section"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix" id="identityPasswordSection"> <h2 class="card-header color-prime">Password</h2> <div class="actions-button pull-right"> <button id="edit-password" type="button" class="btn btn-edit non-editfield" ng-disabled="vm.creditCardExpired" href="javascript:void(null);" data-target=".wrap-edit-chg-pwd" ng-click="vm.editSection(true,$event);enableMask=true;enableMaskNpwd=true">Edit</button> </div> <div ng-if="vm.sectionInEdit==='password-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <div> <div class="modal fade wrap-edit-modal wrap-edit-chg-pwd" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Budget modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(changePasswordForm);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title" ng-bind="vm.tdCheck?'Password':'Security Passcode'"></h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck" class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Password</h2> </div> <!-- ABGDIMT-668 changes --> <div ng-if="vm.customerData.passwordGraceWindow" class="col-lg-12 resetPwdInfo res-PageError"> <img ng-src="/etc/designs/platform/clientlib/images/Shield_icon.png" alt="Shield-icon"/> <span class="padlt10">{{vm.resetPwdMsg}}</span> </div> <abg-error-message hide-then="vm.formValidated && vm.sectionInEdit==='password-section'" message="vm.formError"></abg-error-message> <div class="input-comp clearfix"> <div class="form-edit editfield"> <form method="post"> <div class="input-group password-fields" ng-init="enableMask=true"> <label for="">Current Password</label> <div ng-show="enableMask"> <input type="password" id="currentPasswordHide" class="form-control" name="currentpassword" placeholder="Case sensitive" ng-model="vm.accountModel.updatePassword.currentPassword" ng-blur="vm.gtmBlur(vm.accountModel.updatePassword.currentPassword,'pswd','text')" validator="required" valid-method="blur" autocomplete="off" preventcutcopypaste invalid-error-message="&lt;strong&gt;Password &lt;/strong&gt;must contain a combination of 8 to 20 letters and numbers. Password must also contain at least one letter and one number" required-error-message="Password is a required field."/> </div> <div ng-show="!enableMask"> <input type="text" id="currentPasswordShow" class="form-control" name="CurrentPassword" placeholder="Case sensitive" ng-model="vm.accountModel.updatePassword.currentPassword" ng-blur="vm.gtmBlur(vm.accountModel.updatePassword.currentPassword,'pswd','text')" validator="required" valid-method="blur" autocomplete="off" preventcutcopypaste invalid-error-message="&lt;strong&gt;Password &lt;/strong&gt;must contain a combination of 8 to 20 letters and numbers. Password must also contain at least one letter and one number" required-error-message="Password is a required field."/> </div> <span class="input-group-btn"> <button class="" type="button" ng-click="enableMask=!enableMask;vm.validatecurrentPasswordField(enableMask)"> <span ng-show="enableMask">SHOW</span> <span ng-show="!enableMask">HIDE</span> </button> </span> </div> <div class="password-strength-widget"> <div class="input-group password-fields" ng-init="enableMaskNpwd=true"> <label for="">New Password</label> <div ng-show="enableMaskNpwd"> <input type="password" id="newPasswordHide" class="form-control" name="newpassword" ng-focus="toggle=true" placeholder="Minimum of 10 characters long." ng-model="vm.accountModel.updatePassword.newPassword" password-strength="vm.accountModel.updatePassword.newPassword" ng-blur="vm.gtmBlur(vm.accountModel.updatePassword.newPassword,'newpswd','text')" validator="required,minlength=10,maxlength=128,password,newpassword" valid-method="blur" autocomplete="off" invalid-error-message="&lt;strong&gt;Password &lt;/strong&gt;must contain a combination of at least 10 letters, numbers, and special characters, but may not feature three of the same characters in a row. Password must also contain at least one uppercase and lowercase letter." required-error-message="Password is a required field." password-error-message="&lt;strong&gt;Password &lt;/strong&gt;must contain a combination of at least 10 letters, numbers, and special characters, but may not feature three of the same characters in a row. Password must also contain at least one uppercase and lowercase letter." minlength-error-message="&lt;strong&gt;Password &lt;/strong&gt;cannot be less than 10 characters" maxlength-error-message="&lt;strong&gt;Password &lt;/strong&gt;cannot be less than 10 characters" newpassword-error-message="The Pick-up and Return Locations you have selected is closed during the hours requested.<br /><b> Please try another Budget location for renting.</b>"/> </div> <div ng-show="!enableMaskNpwd"> <input type="text" id="newPasswordShow" class="form-control" name="NewPassword" ng-focus="toggle=true" placeholder="Minimum of 10 characters long." ng-model="vm.accountModel.updatePassword.newPassword" password-strength="vm.accountModel.updatePassword.newPassword" ng-blur="vm.gtmBlur(vm.accountModel.updatePassword.newPassword,'newpswd','text')" validator="required,minlength=10,maxlength=128,password,newpassword" valid-method="blur" autocomplete="off" invalid-error-message="&lt;strong&gt;Password &lt;/strong&gt;must contain a combination of at least 10 letters, numbers, and special characters, but may not feature three of the same characters in a row. Password must also contain at least one uppercase and lowercase letter." required-error-message="Password is a required field." password-error-message="&lt;strong&gt;Password &lt;/strong&gt;must contain a combination of at least 10 letters, numbers, and special characters, but may not feature three of the same characters in a row. Password must also contain at least one uppercase and lowercase letter." minlength-error-message="&lt;strong&gt;Password &lt;/strong&gt;cannot be less than 10 characters" maxlength-error-message="&lt;strong&gt;Password &lt;/strong&gt;cannot be less than 10 characters" newpassword-error-message="The Pick-up and Return Locations you have selected is closed during the hours requested.<br /><b> Please try another Budget location for renting.</b>"/> </div> <span class="input-group-btn"> <button class="" type="button" ng-click="enableMaskNpwd=!enableMaskNpwd;vm.validatenewPasswordField(enableMaskNpwd)"> <span ng-show="enableMaskNpwd">SHOW</span> <span ng-show="!enableMaskNpwd">HIDE</span> </button> </span> </div> <div class="cus-d-flex cus-flex-row"> <div class="meter-wrapper"> <div ng-class="{ 'danger' : password.meterWidth <= 50, 'fair' : password.meterWidth < 100 && password.meterWidth >50, 'strong' : password.meterWidth == 100}" ng-style="{width:password.meterWidth + '%'}" class="danger-full-wrapper"> </div> </div> <div class="meter-wrapper cus-ml-2 cus-mr-2"> <div ng-class="{ 'fair' : password.meterWidth < 100 && password.meterWidth >50,'strong' : password.meterWidth == 100}" ng-style="{width:password.meterWidth + '%'}" class="fair-full-wrapper"> </div> </div> <div class="meter-wrapper"> <div ng-class="{ 'strong' : password.meterWidth == 100}" ng-style="{width:password.meterWidth + '%'}"> </div> </div> </div> <div class="cus-d-flex cus-flex-column cus-flex-sm-row cus-justify-sm-content-between"> <span><!-- Password Strength : {{password.strength}} --></span> <a href="javascript:void(null)" ng-click="toggle=!toggle">{{toggle ? '-Hide Password Rules' : '+Show Password Rules'}}</a> </div> <div class="password-strength-rules cus-mt-3 cus-mb-5" ng-show="toggle"> <div class="cus-mb-5">Your password must include:</div> <ul> <li ng-class="!password.rules.isValidLength ? 'invalid' : 'valid'"> At least 10 characters (128 max) </li> <li ng-class="!password.rules.hasUpperCaseLetter ? 'invalid' : 'valid' "> At least 1 upper case character (A-Z) </li> <li ng-class="!password.rules.hasLowerCaseLetter ? 'invalid' : 'valid'"> At least 1 lower case character (a-z) </li> <li ng-class="!password.rules.hasNumber ? 'invalid' : 'valid'"> At least 1 digit (0-9) </li> <li ng-class="!password.rules.noSpecialChar ? 'invalid' : 'valid'"> At least 1 special character (@,#,$) </li> <li ng-class="!password.rules.sameThreeCharacters ? 'invalid' : 'valid'"> No more than 2 of the same characters in a row </li> </ul> </div> <!-- </password-strength> --> </div> </form> </div> <div class="btn-footer actions-button"> <button id="cancel-password" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(changePasswordForm);">Cancel</button> <button id="save-password" type="submit" class="btn btn-save editfield" ng-click="vm.updatePassword(changePasswordForm,$event);">Save</button> </div> </div> </div> </div> </div> </div> </div> <!-- Non Edit Field --> <div class="non-editfield"> <div class="success-alert" ng-if="vm.showSuccessMsg && vm.sectionInEdit==='password-section'"> <span></span> <!-- don't remove empty span tag --> <span>Your password is successfully changed.</span> </div> <div class="success-alert" ng-if="vm.resetPasswordFlow && vm.sectionInEdit==='password-section'"> <span></span> <!-- don't remove empty span tag --> <span>Your password has been successfully reset.</span> </div> <div class="input-comp clearfix"> <div class="form-group"> <p><strong>Last Updated {{vm.customerData.pwdLastUpdatedMonth}} {{vm.customerData.pwdLastUpdatedYear}}</strong></p> </div> </div> </div> </div> </div> </div> </div> </div> </form> <form name="profileIdentityForm" id="profileIdentityForm"> <div class="card-outer-content clearfix" data-section="identity-password-section"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix" id="identityPasswordSection"> <h2 class="card-header color-prime">Email</h2> <div class="actions-button pull-right"> <button id="edit-email" type="button" class="btn btn-edit non-editfield" ng-disabled="vm.creditCardExpired" href="javascript:void(null);" data-target=".wrap-edit-id-pwd" ng-click="vm.editSection(true,$event);">Edit</button> </div> <div ng-if="vm.sectionInEdit==='identity-password-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <abg-error-message hide-then="vm.formValidated && vm.sectionInEdit==='identity-password-section'" message="vm.formError"></abg-error-message> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <div> <div class="modal fade wrap-edit-modal wrap-edit-id-pwd" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Budget modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title" ng-bind="vm.tdCheck?'Edit':'Security Passcode'"></h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck" class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Email</h2> </div> <div class="input-comp clearfix" ng-repeat="emails in vm.accountModel.profileIdentity.emails"> <div class="form-edit editfield"> <form> <div class="form-group"> <label for="email">Email Address</label> <input type="text" id="email" class="form-control" name="email" ng-model="emails.email" ng-blur="vm.gtmBlur(emails.email,'profileemail','text')" validator="required,minlength=6,maskedemail" autocomplete="off" valid-method="blur" prefilledemail="{{vm.customerData.contacts.email[0].email}}" required-error-message="<strong>Email Address</strong> is a required field." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." invalid-error-message="Please enter a valid <strong>Email Address.</strong>" maskedemail-error-message="Please enter a valid <strong>Email Address.</strong>" maxlength="45"/> </div> <div ng-if="vm.eOffersDisplay" class="form-group m-l-8"> <div class="checkbox checkbox-toggle"> <div class="row"> <div class="col-xs-8 col-sm-6 col-md-6 col-lg-6 pad-right-0"> <label class="earn-points" for="email-offers">I want to be the first to know about offers and receive loyalty benefits like money-off, upgrades and free day vouchers by email.</label></div> <div class="ccol-xs-4 col-sm-6 col-md-6 col-lg-6"> <div class="toggle-check"> <input type="checkbox" class="checkbox" name="earn-points" id="email-offers" ng-model="emails.promoMails" ng-blur="vm.gtmBlur(emails.promoMails,'profileemailOptIn','checkbox')"/> <div class="toggle-slide"> <div class="indicator"></div> <div class="toggle-on">YES</div> <div class="toggle-off">NO</div> </div> </div> </div> </div> </div> </div> <!-- Hiding the E-receipt opt-in toggle option as per ARD3-974 --> <!-- <div ng-if="vm.eReceiptDisplay" class="form-group m-l-8"> <div class="checkbox checkbox-toggle"> <div class="row"> <div class="col-xs-8 col-sm-6 col-md-6 col-lg-6 pad-right-0"> <label class="earn-points" for="receipts">Receive electronic receipts?</label></div> <div class="col-xs-4 col-sm-6 col-md-6 col-lg-6"> <div class="toggle-check"> <input type="checkbox" class="checkbox" name="earn-points" id="receipts" ng-model="emails.eRecieptEmailOptin" ng-blur="vm.gtmBlur(emails.eRecieptEmailOptin,'profileeReciptOptin','checkbox')"> <div class="toggle-slide"> <div class="indicator"></div> <div class="toggle-on">YES</div> <div class="toggle-off">NO</div> </div> </div> </div> </div> </div> </div> --> </form> </div> <div class="btn-footer actions-button"> <button id="cancel-email" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> <button id="save-email" type="submit" class="btn btn-save editfield" ng-click="vm.saveDetails(profileIdentityForm,emails,$event);">Save</button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="non-editfield"> <div class="success-alert" ng-if="vm.showSuccessMsg && vm.sectionInEdit==='identity-password-section'"> <span></span> <!-- don't remove empty span tag --> <span>Your information has been successfully updated</span> </div> <div class="input-comp clearfix" ng-repeat="emails in vm.accountModel.profileIdentity.emails"> <div class="form-group"> <p>Email</p> <label>{{emails.email}}</label> </div> <div ng-if="vm.eOffersDisplay"> <div class="form-group" ng-if="!vm.expressConsentEOffersHidden && emails.promoMails == true"> <p>I want to be the first to know about offers and receive loyalty benefits like money-off, upgrades and free day vouchers by email.</p> <label>YES</label> </div> <div class="form-group" ng-if="!vm.expressConsentEOffersHidden && emails.promoMails == false"> <p>I want to be the first to know about offers and receive loyalty benefits like money-off, upgrades and free day vouchers by email.</p> <label>NO</label> </div> </div> <!-- Hiding the E-receipt opt-in toggle option as per ARD3-974 --> <!-- <div ng-if="vm.eReceiptDisplay"> <div class="form-group" ng-if="!vm.expressConsentEReceiptHidden && emails.eRecieptEmailOptin == true"> <p>Receive electronic receipts?</p> <label> YES </label> </div> <div class="form-group" ng-if="!vm.expressConsentEReceiptHidden && emails.eRecieptEmailOptin == false"> <p>Receive electronic receipts?</p> <label>NO</label> </div> </div> --> </div> </div> </div> </div> </div> </div> </form> <!-- ------- Modal Rewards AVIS Edit rewards Program ------------ --> <form name="profileAddressForm" id="profileAddressForm"> <div class="card-outer-content clearfix" data-section="address-telephone-section"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="card-header color-prime">Address &amp; Telephone</h2> <div class="actions-button pull-right"> <button id="edit-address" type='button' class="btn btn-edit non-editfield" ng-disabled="vm.creditCardExpired" href="javascript:void(null);" data-target=".wrap-edit-addr-tel" ng-click="vm.editSection(true,$event);">Edit</button> </div> <div ng-if="vm.sectionInEdit==='address-telephone-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <!-- Rewards editable-field --> <!-- Modal --> <div class="modal fade wrap-edit-modal wrap-edit-addr-tel" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Budget modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileAddressForm);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title" ng-bind="vm.tdCheck?'Edit':'Security Passcode'"></h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck" class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Address &amp; Telephone</h2> </div> <abg-error-message hide-then="vm.formValidated && vm.sectionInEdit==='address-telephone-section'" message="vm.formError"></abg-error-message> <div class="input-comp clearfix"> <!-- Rewards editable-field --> <div class="form-edit editfield"> <div ng-if="(vm.domain.toLowerCase() == 'au'||vm.domain.toLowerCase() == 'nz')"> <p ng-if="(brand =='avis')" style="font-size: 20px;font-weight: 600;">To change your country of residence or if you experience trouble updating your details, please <a href="mailto:database.avis@abg.com">email us</a>.</p> <p ng-if="(brand =='budget')" style="font-size: 20px;font-weight: 600;">To change your country of residence or if you experience trouble updating your details, please <a href="mailto:Database.BracNZ@abg.com">email us</a>.</p> </div> <form class="addressNTphone"> <!-- <div class="form-group"> <p ng-if="$first>lbl.primaryAddress.label,budget</p> <p ng-if="!$first">lbl.secondaryAddress.label,budget</p> </div> --> <div class="form-group"> <div class="row"> <div class="col-xs-12 col-sm-4"> <label for="">Country</label> <div class="dd-dropdown"> <select class="form-control" ng-model="vm.accountModel.contactAddress.address[0].country" ng-disabled="isAuthenticated" ng-options="item.code as item.name for item in vm.countryList" name="country" id="coun" ng-change="vm.getStateBasedOnCounty(vm.accountModel.contactAddress.address[0].country)"> </select> </div> </div> </div> </div> <div class="form-group"> <label for="addressLine1">Address Line 1</label> <div class="clearfix wrap-auto-sugg"> <address-suggestion ng-if="vm.accountModel.contactAddress.address[0].country != 'AU' && vm.accountModel.contactAddress.address[0].country != 'NZ'" input-id="addressline1" suggestion-type="Address" page-Name="profile" input-name="addressline1" input-class="form-control" model-object="vm.accountModel.contactAddress.address[0].address1" selected-object="vm.selectedAddress" validation-list="required,minlength=1,maxlength=50" validation-error-message="<strong>Address Line 1 </strong>is a required field." validation-invalid-message="Please enter valid Address Line1." dropdown-class="wrap-autoSugg-address1" maxlength-error-message="Address1 must be between 1 and 50 characters" search-delay-msg="Searching..."></address-suggestion> <input ng-if="vm.accountModel.contactAddress.address[0].country == 'AU' || vm.accountModel.contactAddress.address[0].country == 'NZ'" type="text" class="form-control" name="addressline1" validator="required,minlength=1,maxlength=50" required-error-message="<strong>Address Line 1 </strong>is a required field." validation-error-message="<strong>Address Line 1 </strong>is a required field." ng-model="vm.accountModel.contactAddress.address[0].address1" ng-blur="vm.gtmBlur(vm.accountModel.contactAddress.address[0].address1,'address1','text')"/> </div> <!-- <input type="text" class="form-control" name="addressline1" ng-model="vm.accountModel.address1" ng-blur="vm.hideSugesstions()" ng-change="vm.getAddressSuggestion(vm.customerData.contacts.address.address1, 'Address')" validator="required,minlength=1,maxlength=50" valid-method="blur" maxlength-error-message="Address1 must be between 1 and 50 characters" required-error-message="<strong>Address Line 1 </strong>is a required field."> <div class="wrap-angucomplete-dropdown wrap-autoSugg-address1" ng-if="vm.showSuggestions"> <div class="angucomplete-dropdown toKeepDropdown"> <div class="angucomplete-searching" ng-show="vm.searching">Searching...</div> <div class="angucomplete-results"> <div ng-repeat="suggestion in vm.suggestions"> <div id="addressSugestion" ng-mousedown="vm.selectAddress(suggestion, 'Address')"> {{suggestion.suggDescription}} </div> </div> </div> </div> </div> --> </div> <div class="form-group"> <label for="addressLine2">Address Line 2<span class="optional"> (optional)</span></label> <input type="text" class="form-control" name="addressline2" id="addressline2" ng-model="vm.accountModel.contactAddress.address[0].address2" ng-blur="vm.gtmBlur(vm.accountModel.contactAddress.address[0].address2,'address2','text')" validator="maxlength=50" invalid-error-message="Please enter valid Address Line2."/> </div> <div ng-if="((!vm.showZipcode) || vm.showSuburb && vm.domain!='NZ')" class="form-group"> <label ng-if="!vm.showSuburb" for="addressline2">Address Line 3</label> <label ng-if="vm.showSuburb" for="addressline2">Suburb</label> <input type="text" class="form-control" name="addressline3" ng-model="vm.accountModel.contactAddress.address[0].address3" ng-blur="vm.gtmBlur(vm.accountModel.contactAddress.address[0].address3,'address3','text')" maxlength="30" validator="required,minlength=1" valid-method="blur" required-error-message="&lt;strong&gt;Address Line 3/Suburb&lt;/strong&gt; is a required field.&lt;/span&gt; "/> </div> <div ng-if="((!vm.showZipcode) || vm.showSuburb && vm.domain=='NZ')" class="form-group"> <label ng-if="!vm.showSuburb" for="addressline2">Address Line 3</label> <label ng-if="vm.showSuburb" for="addressline2">Suburb<span class="optional"> (optional)</span></label> <input type="text" class="form-control" name="addressline3" ng-model="vm.accountModel.contactAddress.address[0].address3" ng-blur="vm.gtmBlur(vm.accountModel.contactAddress.address[0].address3,'address3','text')" maxlength="30" valid-method="blur" required-error-message="&lt;strong&gt;Address Line 3/Suburb&lt;/strong&gt; is a required field.&lt;/span&gt; "/> </div> <div class="form-group wrap-zip"> <div class="clearfix"> <div ng-if="vm.showZipcode" class="m-width-25p"> <label for="zip">Postcode</label> <address-suggestion ng-if="vm.accountModel.contactAddress.address[0].country != 'AU' && vm.accountModel.contactAddress.address[0].country != 'NZ'" suggestion-type="zipCode" input-id="zip1" page-Name="profile" input-class="form-control" input-name="zip1" model-object="vm.accountModel.contactAddress.address[0].zipCode" selected-object="vm.selectedAddress" validation-list="required,maskedzip,minlength=4,maxlength=10" maskedzip-error-message="Please check the format in the Postcode field and try again." validation-error-message="<strong>Postcode</strong> is a required field" search-delay-msg="Searching..." dropdown-class="wrap-autoSugg-zip" prefilledvalue="{{vm.customerData.contacts.address[0].zipCode}}" maxlength-error-message="<strong>Postcode</strong>Code must be within 4 and 10 numerals " minlength-error-message="<strong>Postcode</strong>Code must be within 4 and 10 numerals "></address-suggestion> <input ng-if="vm.accountModel.contactAddress.address[0].country == 'AU' || vm.accountModel.contactAddress.address[0].country == 'NZ'" type="text" id="zip1" class="form-control" name="zip1" ng-model="vm.accountModel.contactAddress.address[0].zipCode" ng-blur="vm.gtmBlur(vm.accountModel.contactInfoRQ.address[0].zipCode,'zipcode','text')" validator="required,maskedzip,minlength=4,maxlength=10" valid-method="blur" maskedzip-error-message="Please check the format in the Postcode field and try again." validation-error-message="<strong>Postcode</strong> is a required field" maxlength-error-message="<strong>Postcode</strong>Code must be within 4 and 10 numerals " minlength-error-message="<strong>Postcode</strong>Code must be within 4 and 10 numerals "/> <!-- <input type="text" class="form-control ng-pristine ng-untouched ng-valid" name="zip" ng-model="vm.accountModel.zipcode" ng-blur="vm.hideSugesstions()" ng-change="vm.getAddressSuggestion(vm.accountModel.zipcode, 'zipCode')" validator="required,alphanumeric,minlength=4,maxlength=10" valid-method="blur" required-error-message="<strong>Postcode</strong> is a required field" alphanumeric-error-message="Please check the format in the Postcode field and try again." invalid-error-message="Please check the format in the Postcode field and try again." maxlength-error-message="<strong>Postcode</strong>Code must be within 4 and 10 numerals " minlength-error-message="<strong>Postcode</strong>Code must be within 4 and 10 numerals "> <div class="wrap-angucomplete-dropdown wrap-autoSugg-zip" ng-if="vm.showZipCodeSuggestions"> <div class="wrap-angucomplete-dropdown"> <div class="angucomplete-dropdown toKeepDropdown m-width-25p"> <div class="angucomplete-searching" ng-show="vm.searching">Searching...</div> <div class="angucomplete-results"> <div ng-repeat="suggestion in vm.suggestions"> <div id="zipSuggestion" ng-mousedown="vm.selectAddress(suggestion)"> {{suggestion.suggDescription}} </div> </div> </div> </div> </div> </div> --> </div> <div class="m-width-46 wrap-city" ng-if="vm.showCity"> <label for="city">City</label> <input type="text" class="form-control" name="city" id="addressCity" autocomplete="off" ng-model="vm.accountModel.contactAddress.address[0].city" ng-blur="vm.gtmBlur(vm.accountModel.contactAddress.address[0].city,'city','text')" validator="required,minlength=1,maxlength=18" valid-method="blur" maxlength-error-message="City must be between 1 and 18 characters" required-error-message="City is a required field. " invalid-error-message="Please enter a valid <strong>City or Suburb</strong>"/> </div> <div class="m-width-25p wrap-state" ng-if="vm.showState"> <label for="state">State/Territory</label> <div class="dd-dropdown"> <select class="form-control" name="state" id="state" message-id="countryState" ng-model="vm.accountModel.contactAddress.address[0].state" ng-blur="vm.gtmBlur(vm.accountModel.contactAddress.address[0].state,'state','dropdown')" validator="required" ng-options="item.stateCode as item.stateCode for item in vm.statesForCountry" valid-method="blur" required-error-message="State is required field."> <option class="hidden" value="">Select</option> </select> </div> <span id="countryState" class="error"></span> </div> </div> </div> <hr/> <div class="form-group receive-notify" ng-if="vm.showSmsOptIn"> <div class="checkbox checkbox-toggle"> <label class="earn-points" for="msgNotifi">Receive text message notifications regarding your reservation: <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".earnPointsNotficationHelpModal-1"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>Standard messaging and data rates may apply. You will recive a maximum of 4 messages per rental. To opt-out of receiving test messages, Please select &quot;No&quot; from your profile preference or text <span>STOP</span> to 48400.</p></ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Your Information"> <span class="s-icon res-helpIcon"></span> </a> </label> <div class="toggle-check"> <input type="checkbox" class="checkbox" name="earn-points" id="email-offers" ng-model="vm.accountModel.contactAddress.telephone[0].smsOptIn" ng-blur="vm.gtmBlur(vm.accountModel.contactAddress.telephone[0].phoneNumber,'smsOptIn','checkbox')"/> <div class="toggle-slide"> <div class="indicator"></div> <div class="toggle-on">YES</div> <div class="toggle-off">NO</div> </div> </div> </div> </div> <div class="form-group"> <label for="Telephone">Telephone</label> <input type="text" id="phone" class="form-control" name="phone" ng-model="vm.accountModel.contactAddress.telephone[0].phoneNumber" ng-blur="vm.gtmBlur(vm.accountModel.contactAddress.telephone[0].phoneNumber,'2-telephone','text')" maxlength="20" validator="required,maskedphonenumber,minlength=9,maxlength=20,smsoptin" prefilledphone="{{vm.customerData.contacts.cellPhone || vm.customerData.contacts.homePhone || vm.customerResponce.customerInfo.cellPhone || vm.customerResponce.customerInfo.homePhone}}" valid-method="blur" smsoptin-error-message="You have indicated that you would like to receive text message updates, please enter a valid telephone number." required-error-message="<strong>Telephone</strong> is a required field." uscan-error-message="Please provide a valid USA or Canada Phone number without country code." maskedphonenumber-error-message="Please check the format in the Telephone field and try again. (commas and other special characters are not accepted in this field)" minlength-error-message="Telephone number must be between 9 and 20 numerals" maxlength-error-message="Telephone number must be between 9 and 20 numerals"/> </div> </form> </div> <!-- /Rewards editable-field --> <div class="btn-footer actions-button"> <button id="cancel-address" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-mousedown="vm.editSection(false,$event);">Cancel</button> <button id="save-address" type="submit" class="btn btn-save editfield" ng-disabled="vm.disableSaveCTA" ng-click="vm.saveProfile('vm.accountModel.contactAddress.telephone[0].phoneNumber',vm.accountModel.contactAddress.telephone[0].phoneNumber,vm.accountModel.contactAddress.telephone[0].smsOptIn,'address-telephone-section',profileAddressForm,vm.accountModel.contactAddress,$event,'');">Save </button> </div> </div> </div> </div> </div> </div> </div> <!-- / Modal --> <!-- /Rewards editable-field --> <div class="non-editfield"> <div class="success-alert" ng-if="vm.showSuccessMsg && vm.sectionInEdit==='address-telephone-section'"> <span></span> <!-- dont remove empty span tag --> <span>Your information has been successfully updated</span> </div> <div class="input-comp clearfix"> <div class="form-group wrap-border-header" ng-repeat="Address in vm.accountModel.contactAddress.address"> <p>Address</p> <label>{{Address.address1}}</label> <label ng-if="Address.address2">{{Address.address2}}</label> <label ng-if="(!Address.showZipcode) || Address.showSuburb">{{Address.address3}}</label> <label> <span ng-if="Address.city">{{Address.city}},</span> <span ng-if="Address.state">{{Address.state}},</span> <span ng-if="Address.zipCode">{{Address.zipCode}}</span></label> <label><span ng-if="Address.country">{{Address.adrTelCountryName}}</span></label> </div> <hr/> <div ng-repeat="phoneNumber in vm.customerData.contacts.phoneNumbers"> <div class="form-group" ng-if="vm.showSmsOptIn && phoneNumber.smsOptIn"> <p>Receive text messages regarding your reservation ?</p> <label>Yes</label> </div> <div class="form-group" ng-if="vm.showSmsOptIn && !phoneNumber.smsOptIn"> <p>Receive text messages regarding your reservation ?</p> <label>No</label> </div> <div class="form-group"> <p>Telephone</p> <label ng-if="( phoneNumber. phoneNumber.length > 0 || phoneNumbers.homePhone.length > 0 || vm.customerData.partnerCustomerInfo.cellPhone.length > 0 )">{{phoneNumber.phoneNumber || phoneNumber.homePhone || vm.customerData.partnerCustomerInfo.cellPhone}}</label> <label ng-if="!(phoneNumber. phoneNumber.length > 0 || phoneNumbers.homePhone.length > 0 || vm.customerData.partnerCustomerInfo.cellPhone.length > 0 )">None</label> </div> </div> </div> </div> </div> </div> </div> </div> </form> <!-- ----------- / Modal Rewards AVIS Edit rewards Program --------- --> <div class="modal fade custom-popover-modal earnPointsNotficationHelpModal-1" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Username Rules</h3> </div> <div class="modal-body"> <ul> <li>Username must be within 6 and 45 characters.</li> <li>Username can consist of alphanumeric characters and special characters.</li> </ul> </div> </div> </div> </div> <!-- When CC section already updated--> <div ng-if="vm.customerData.enrollmentStep != 'credit-card-section'"> <form name="profileCreditCardForm" id="profileCreditCardForm" method="post"> <div class="card-outer-content clearfix" data-section="credit-card-section"> <div class="card-inner-content editable-wrapper"> <div ng-if="!vm.credtiCardSectionToDisplay" class="card-inner-header clearfix"> <h2 class="card-header color-prime">Credit/Debit Card</h2> <!-- ABGDIMT 812 changes --> <span ng-if="vm.showAlertIcon" class="padlt10"><span class="info-error-war-msg-image"><span></span></span></span> <div class="actions-button pull-right"> <a id="edit-creditcard" class="btn add-btn btn-edit non-editfield" href="javascript:void(null);" data-target=".wrap-edit-cc" ng-click="vm.editSection(true,$event);">+ Add A New Card</a> </div> <div ng-if="vm.sectionInEdit==='credit-card-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div ng-if="vm.credtiCardSectionToDisplay" class="card-inner-header clearfix"> <h2 class="card-header color-prime">Credit/Debit Card</h2> <!-- ABGDIMT 812 changes --> <span ng-if="vm.showAlertIcon" class="padlt10"><span class="info-error-war-msg-image"><span></span></span></span> <div class="actions-button pull-right"> <a id="edit-creditcard" class="btn btn-edit non-editfield" href="javascript:void(null);" data-target=".wrap-edit-cc" ng-click="vm.editSection(true,$event);">Edit</a> </div> <div ng-if="vm.sectionInEdit==='credit-card-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <div> <div class="modal fade wrap-edit-modal wrap-edit-cc" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Budget modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileCreditCardForm);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title" ng-bind="!vm.tdCheck && !(vm.customerData.enrollmentStep == 'credit-card-section')?'Security Passcode':'Edit'"></h3> </div> <div class="modal-body"> <div ng-if="!vm.tdCheck && !(vm.customerData.enrollmentStep == 'credit-card-section')" class="card-inner-content editable-wrapper"> <!-- <div class="card-inner-header clearfix"> <h2 class="red">Verification</h2> </div> --> <div class="input-comp clearfix"> <div class="success-alert" ng-if="vm.resendOtpSuccess"> <span></span> <span>Your one-time passcode is successfully sent.</span> </div> <div ng-if="vm.resendOtpError" class="col-lg-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">You have reached the maximum number of attempts. Please retry later.</span> </div> <div class="info-error-messages"> <div class="infoMsg"> <div class="info-error-msg-text"> <span class="mainErrorText">For your security we must first confirm your identity with a passcode.</span> </div> </div> </div> <div class="wrap-email-dyl"> <p>Please enter the passcode we&#39;ve sent to {{vm.customerData.contacts.email[0].email}}</p> <div class="row email-add"> <div class="col-xs-12 col-sm-4 form-group"> <label for="otp">Security Passcode</label> <input type="text" class="form-control" name="otp" validator="required" required-error-message="Please enter your One-time Passcode." , invalidotp-error-message="Your One-time Passcode entered is invalid. Please retry." expiredotp-error-message="Your One-time Passcode has expired. Please verify your email by requesting for a new activation link." genericotp-error-message="Please try after sometime" ng-model="vm.profileOtp"/> </div> <div class="col-xs-12 col-sm-3"> <button type="submit" class="btn btn-primary-avis" ng-click="vm.verifyProfileOtp($event)">Submit</button> </div> </div> <a href="javascript:void(0)" class="wrap-blue-link" ng-click="vm.resendOtp();">Send me</a> a new passcode </div> <div class="btn-footer actions-button"> <button type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.cancelEdit(profileIdentityForm);">Cancel</button> </div> </div> </div> <div ng-if="vm.tdCheck || (vm.customerData.enrollmentStep == 'credit-card-section')" class="card-inner-content editable-wrapper"> <!-- <div class="col-lg-12 errorPlaceholder"></div> --> <!-- ABGDIMT 812 changes --> <div ng-if="vm.customerData.ccSummary.badCard"><abg-error-message message-str="The saved card is not accepted. Please update your credit card."></abg-error-message></div> <abg-error-message hide-then="vm.formValidated && vm.sectionInEdit==='credit-card-section'" message="vm.formError"></abg-error-message> <div class="alert wrap-email-icon" ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'"> <span>**</span> <span>Information shared by Concur. To change the information Avis uses edit the field.</span> </div> <div class="input-comp clearfix"> <div class="form-edit editfield"> <div ng-if="!vm.credtiCardSectionToDisplay" class="wrap-credit-card-dl"> <p class="wrap-card-sec-header"><b>Let's get your credit card details.</b></p> <p class="wrap-nmb-text">This program is free to join however you may notice a temporary charge posted to your credit card of approx. $2.50. This is for validation purposes only by your credit card provider and will be automatically reversed within 5-10 business days. The name on this card must match the name you entered on the previous step.</p> <br class="hidden-xs"/> </div> <div ng-if="vm.credtiCardSectionToDisplay" class="wrap-credit-card-dl"> <!-- <p class="wrap-card-sec-header"></p> --> </div> <form class="credit-card-add ng-pristine ng-valid" method="post"> <div class="row form-group wrap-creditCard-type"> <div class="col-xs-12 col-sm-5"> <label class="block" for="date" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Type of Card <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="dd-dropdown"> <select ng-options="type.code as type.value for type in vm.ccDetailList | orderBy:'value'" ng-change="vm.onChangeCreditCardType(vm.accountModel.ccSummary.type)" ng-model="vm.accountModel.ccSummary.type" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.type,'1-cardtype','dropdown')" class="form-control" validator="required" message-id="errCardType" required-error-message="Please select the Credit Card type."> <option class="hidden" value="">Select</option> </select> </div> <span id="errCardType" class="error"></span> </div> </div> <div class="row form-group"> <div class="col-xs-12 col-sm-5"> <label for="email" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Credit Card Number <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".creditcardHelpModal-1"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs w500popover" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<ul> <li>Budget reserves the right to confirm the validity of the credit card provided here or any future credit card update you provide.</li> <li>You may see a nominal amount (usually less than $2.00) appear on your bank or credit card statement.</li> <li>This amount is not a charge; it is only an authorization validation which will drop off from your account within 7 days of posting.</li> </ul> </ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Credit Card Charge Notification Message"> <span class="s-icon res-helpIcon"></span> </a> </label> <input type="text" class="form-control" name="creditcard" ng-model="vm.accountModel.ccSummary.number" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.number,'1-cardnumber','text')" ng-click="vm.cancelEdit(profileCreditCardForm);" validator="required,maskedccprofile,minlength=10,coupononcc" valid-method="blur" maxlength="17" autocomplete="off" preventcutcopypaste prefilledvalue="{{vm.customerData.ccSummary.number || vm.customerResponce.customerInfo.ccSummary.number || vm.customerResponce.partnerCustomerInfo.ccSummary.number}}" required-error-message="<strong>Credit Card Number</strong> is a required field." number-error-message="Please remove number and try again and refer to cards accepted." minlength-error-message="Credit Card Number must be between 10 and 25 characters." invalid-error-message="Please remove number and try again and refer to cards accepted." invalidcard-error-message="Please enter a valid credit card." maskedccprofile-error-message="Please remove number and try again and refer to cards accepted." credircard-error-message="Please remove number and try again and refer to cards accepted." coupononcc-error-message="This coupon &lt;strong>{{vm.prod.reservationSummary.coupon.number}}&lt;/strong> requires the use of your &lt;strong>{{vm.prod.reservationSummary.coupon.creditCardType}}&lt;/strong> to complete this reservation."/> </div> </div> <div class="form-group wrap-expire-date"> <div class="clearfix"> <div ng-if="vm.hideExpMonthYear" class="m-width-45"> <label class="block" for="date" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Expiration Date <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="row"> <div class="col-xs-6 wrap-custom-dd"> <div class="dd-dropdown"> <select name="expmonthselectedItem" id="expirydate" ng-model="vm.accountModel.ccSummary.expMonth" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.expMonth,'1-expmonth','dropdown')" ng-options="expmonth.key as expmonth.desc for expmonth in vm.expMonths" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Expiration Month</strong> is a required field." required-error-message="<strong>Expiration Month</strong> is a required field." invalid-error-message="<strong>Expiration Month</strong> is a required field." class="form-control" message-id="expMonthError"> <option value="">Month</option> </select> </div> <span id="expMonthError" class="error"></span> </div> <div class="col-xs-6 wrap-custom-dd"> <div class="dd-dropdown"> <select name="selectedExpYear" ng-model="vm.accountModel.ccSummary.expYear" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.expYear,'1-expyear','dropdown')" ng-options="expcurrentYear as expcurrentYear for expcurrentYear in vm.expYears track by expcurrentYear" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Expiration Year</strong> is a required field." required-error-message="<strong>Expiration Year</strong> is a required field." invalid-error-message="<strong>Expiration Year</strong> is a required field." class="form-control" message-id="expYearError"> <option value="">Year</option> </select> </div> <span id="expYearError" class="error"></span> </div> </div> </div> <div ng-if="vm.hideCVV" class="m-width-15"> <label class="block" for="cvv" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">CVV <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".creditcardSecurityCodeHelpModal-2"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="top" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content=" <div class='wrap-cvv-info'> <p>Your Credit card&#39;s security code is 3 or 4-digit number located on its front or back.</p> <div class='wrap-cvv-img row'> <figure class='figure col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/amex_gold.gif' class='img-responsive' alt='AMEX'> <figcaption class='figure-caption'>American Express</figcaption> </figure> <figure class='figure col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/amex_optima.gif' class='img-responsive' alt='AMEX'> <figcaption class='figure-caption'>American Express (Optima)</figcaption> </figure> <figure class='figure col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/visa.gif' class='img-responsive' alt='VISA'> <figcaption class='figure-caption'>Visa/MasterCard/Discover</figcaption> </figure> </div> </div> <button class='btn close-button closePopover'></button> " data-original-title=" Security Code Help"> <span class="s-icon res-helpIcon "></span></a> </label> <input ng-if="vm.isCVVMandatory" ng-model="vm.accountModel.ccSummary.secureCode" type="password" class="form-control" name="cvv" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.secureCode,'1-cvv','text')" validator="required,number,minlength=3" valid-method="blur" maxlength="4" autocomplete="new-password" required-error-message="<strong>Security Code (CVC, CVV, CID)</strong> is a required field." number-error-message="Please enter valid CVV code." minlength-error-message="Please enter valid CVV code." invalidLength-error-message="Please enter valid CVV code." invalid-error-message="Please enter valid CVV code."/> <input ng-if="!vm.isCVVMandatory" ng-model="vm.accountModel.ccSummary.secureCode" type="password" class="form-control" name="cvv" ng-blur="vm.gtmBlur(vm.accountModel.ccSummary.secureCode,'1-cvv','text')" validator="optional,number,minlength=3" valid-method="blur" maxlength="4" autocomplete="new-password" required-error-message="<strong>Security Code (CVC, CVV, CID)</strong> is a required field." number-error-message="Please enter valid CVV code." minlength-error-message="Please enter valid CVV code." invalidLength-error-message="Please enter valid CVV code." invalid-error-message="Please enter valid CVV code."/> </div> </div> </div> <div class="form-group" ng-if="vm.accountModel.showDCC && (vm.accountModel.ccSummary.type === carRentalConstant.creditCardTypeVisaId || vm.accountModel.ccSummary.type === carRentalConstant.creditCardTypeMasterId)"> <p><strong>Note: </strong>International travelers using a MasterCard or Visa charge card have the opportunity to be billed in their local currency:</p> <div class="form-group wrap-checkbox"> <input class="step4-checkbox-custom" id="wrap-cc-chkbox" type="checkbox" ng-model="vm.accountModel.dccPreference" ng-blur="vm.gtmBlur(vm.accountModel.dccPreference,'dccpref','checkbox')"/> <label class="step4-checkbox-custom-label" for="wrap-cc-chkbox"><strong>I choose to have Budget bill all my future rental charges to me in the currency of my Budget profile credit card.</strong></label> </div> <p>I understand that if I am renting at a location at which the currency differs from my credit card issuing currency, Budget will convert my rental charges to my card issuing currency. Immediately after I return my vehicle, Budget will use the prevailing conversion rate. Any converted amount will be billed to my credit card. The conversion will be conducted by the Budget location. The international currency selection fee is three percent.</p> </div> </form> </div> <div ng-if="vm.enableCaptcha && vm.captchaFlag " class="recaptcha-wrapper"> <re-captcha></re-captcha> </div> <div ng-if="!vm.credtiCardSectionToDisplay" class="text-right clearfix"> <button id="cancel-creditcard" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.clearError(profileCreditCardForm);">Cancel</button> <button type="submit" class="btn btn-prime" ng-click="vm.saveProfileDetail(profileCreditCardForm,$event);">Save</button> </div> <div ng-if="vm.credtiCardSectionToDisplay" class="btn-footer actions-button"> <button id="cancel-creditcard" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);vm.clearError(profileCreditCardForm);">Cancel</button> <button id="save-creditcard" type="submit" class="btn btn-save editfield" ng-click="vm.saveProfileDetail(profileCreditCardForm,$event);">Save</button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="non-editfield"> <div class="info-error-messages" ng-if="vm.showSuccessMsg && vm.sectionInEdit==='credit-card-section' && vm.customerData.enrollmentStep != 'credit-card-section' && vm.conflictedSection != 'credit-card-section'"> <span></span> <!-- don't remove empty span tag --> <!-- <span>Your information has been successfully updated and will be applied for all new reservations.<br /> <strong>Please Note:</strong> These changes may not update existing reservations. For immediate changes, please call 1300 362 848.</span> --> <div class="infoMsg"> <div class="infoImage"> <span class="spanImg"></span> </div> <div class="infoText">Budget Fastbreak is free to join however you may notice a temporary charge posted to your credit card of approx. $3 AUD. This is for validation purposes only by your credit card provider and will be automatically reversed within 7-10 business days.</div> </div> </div> <div class="input-comp clearfix"> <div class="form-group"> <label>{{vm.customerData.ccSummary.cardTypeValue}}</label> </div> <div class="form-group"> <!-- ARD3-184 Changes --> <label>{{vm.accountModel.ccSummary.number}}</label> <!-- ABGDIMT 812 changes --> <span ng-if="vm.customerData.ccSummary.badCard" class="padlt10"><span class="red">Update payment option</span></span> </div> <div class="form-group"> <label> <span ng-if="vm.customerData.ccSummary.expMonthPreviewMode">{{vm.customerData.ccSummary.expMonthPreviewMode}},</span> <span ng-if="vm.customerData.ccSummary.expMonthPreviewMode">{{vm.customerData.ccSummary.expYearPreviewMode}}</span> </label> </div> </div> </div> </div> </div> </div> </div> </form> <div class="modal fade custom-popover-modal creditcardHelpModal-1" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Credit Card Charge Notification Message</h3> </div> <div class="modal-body"> <ul> <li>Budget reserves the right to confirm the validity of the credit card provided here or any future credit card update you provide.</li> <li>You may see a nominal amount (usually less than $2.00) appear on your bank or credit card statement.</li> <li>This amount is not a charge; it is only an authorization validation which will drop off from your account within 7 days of posting.</li> </ul> </div> </div> </div> </div> <div class="modal fade custom-popover-modal creditcardSecurityCodeHelpModal-2" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Security Code Help</h3> </div> <div class="modal-body"> <div class='wrap-cvv-info'> <p>Your Credit card's security code is 3 or 4-digit number located on its front or back.</p> <div class='wrap-cvv-img row'> <figure class='figure col-xs-6 col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/amex_gold.gif' class='img-responsive' alt='AMEX'/> <figcaption class='figure-caption'>American Express</figcaption> </figure> <figure class='figure col-xs-6 col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/amex_optima.gif' class='img-responsive' alt='AMEX'/> <figcaption class='figure-caption'>American Express (Optima)</figcaption> </figure> <figure class='figure col-xs-6 col-sm-4'> <img src='/etc/designs/avis/reservationlib/clientlib/images/visa.gif' class='img-responsive' alt='VISA'/> <figcaption class='figure-caption'>Visa/MasterCard/Discover</figcaption> </figure> </div> </div> </div> </div> </div> </div> </div> <div ng-if="vm.customerData.enrollmentStep != 'dl-section' && vm.customerData.enrollmentStep != 'credit-card-section' "> <div class="card-outer-content clearfix" data-section="dl-section"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="card-header color-prime">Driver Licence</h2> <div class="actions-button pull-right"> <a id="edit-driver-license" class="btn btn-edit non-editfield" href="javascript:void(null);" data-target=".wrap-edit-dl" ng-click="vm.editSection(true,$event);">Edit</a> </div> <!--<p>Your drivers licence cannot be updated online. To update your licence please <a href="mailto:database@budget.co.nz">email us</a> or visit the counter.</p>--> <div ng-if="vm.sectionInEdit==='dl-section'"><div ng-if="vm.showSectionMessage==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Please complete your update and click save, or click cancel, before editing another section.</span> </div> <div ng-if="vm.invalidPhoneNumber==true" class="col-sm-12 res-PageError"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> <span class="mainErrorText info-error-msg-text">Invalid Phone Number</span> </div></div> </div> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <div> <div class="modal fade wrap-edit-modal wrap-edit-dl" data-keyboard="false" remove-body-freeze role="dialog" aria-labelledby="Budget modal" data-backdrop="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click="vm.editSection(false,$event);"> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Edit</h3> </div> <div class="modal-body"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix"> <h2 class="red">Driver Licence</h2> </div> <div class="input-comp clearfix"> <div class="form-edit editfield"> <div ng-if="!vm.dlSectionDisplay" class="wrap-credit-card-dl"> <p class="wrap-card-sec-header">We&#39;ll need your driver&#39;s licence information</p> <p class="wrap-nmb-text"> A valid drivers licence is also required so let&#39;s update your profile with this information.</p> <br/></br> </div> <form name="profileDriverLicenseForm" id="profileDriverLicenseForm" class="credit-card-add ng-pristine ng-valid"> <abg-error-message hide-then="vm.sectionInEdit==='dl-section' && vm.formError.length > 0" message="vm.formError"></abg-error-message> <div class="alert wrap-email-icon" ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'"> <span>**</span> <span>Information shared by Concur. To change the information Avis uses edit the field.</span> </div> <!-- <div class="Mitek-dl-scan-Cta" ng-if="vm.brand == 'avis' && vm.sectionInEdit != 'dl-section' && vm.showBiometricScan && (deviceType === 'handheld' && vm.showPrefilled == undefined) && !vm.isEnterManual"> <button class="btn btn-primary-budget" id="Mitek_DL_SCAN" ng-click="vm.initiateMitekVerification()"> Start Scan </button> <a class="enterManual-link btn" id="Mitek_MANUAL_DL_ENTER" ng-click="vm.showManualDlForm()"> Enter Manually </a> </div> --> <!-- ng-if="deviceType !== 'handheld' || (deviceType === 'handheld' && (vm.brand != 'avis' || (vm.brand == 'avis' && vm.sectionInEdit == 'dl-section'))) || ((deviceType === 'handheld' && (!vm.showBiometricScan || vm.showPrefilled == false)) || vm.isEnterManual )" --> <ng-container> <div class="form-group"> <div class="clearfix"> <div class="m-width-30"> <label class="block" for="issuecountry" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Issuing Country <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="dd-dropdown"> <select class="form-control" ng-model="vm.accountModel.dlSummary.country" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.country,'2-dlcountry','dropdown')" ng-disabled="(vm.customerResponce.displayControl.enrollmentStep == 'dl-section' && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR' && vm.customerResponce.partnerCustomerInfo.dlSummary.country)" ng-options="item.code as item.name for item in vm.countryListForDriverLicense" ng-change="vm.getStateBasedOnCounty(vm.accountModel.dlSummary.country, vm.countryListForDriverLicense)" validator="required" message-id="errcountry" required-error-message="<strong>Country</strong> is a required field."> <option class="hidden" value=""> Select</option> </select> </div> <span id="errcountry" class="error"></span> </div> </div> </div> <div class="form-group" ng-if="!vm.hideDLState"> <div class="clearfix"> <div class="m-width-30"> <label for="sel1" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">State/Territory <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="dd-dropdown"> <select class="form-control" ng-model="vm.accountModel.dlSummary.state" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.country,'2-dlstate','dropdown')" validator="required" required-error-message="State is a required field" ng-disabled="(vm.disableDLState && vm.customerResponce.displayControl.enrollmentStep == 'dl-section' && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR' && vm.customerResponce.partnerCustomerInfo.dlSummary.state)" ng-options="item.stateCode as item.stateCode for item in vm.statesForDL" message-id="stateError"> <option class="hidden" value=""> Select</option> </select> </div> <span id="stateError" class="error"></span> </div> </div> </div> <div class="form-group"> <label for="email" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Driver Licence Number <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <input type="text" class="form-control" name="dlNumber" autocomplete="off" remove-placeholder-on-focus ng-model="vm.accountModel.dlSummary.dlNumber" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.dlNumber,'dlnumber','text')" ng-disabled="(vm.customerResponce.displayControl.enrollmentStep == 'dl-section' && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR' && vm.customerResponce.partnerCustomerInfo.dlSummary.dlNumber)" validator="required,maskeddl,minlength=3,maxlength=25" valid-method="blur" prefilledvalue="{{vm.customerData.dlSummary.dlNumber || vm.customerResponce.customerInfo.dlSummary.dlNumber || vm.customerResponce.partnerCustomerInfo.dlSummary.dlNumber}}" required-error-message="<strong>Driver's License Number</strong> is a required field." maskeddl-error-message="The Driver Licence Number entered is invalid." minlength-error-message="Driver Licence must be between 3 and 25 characters. Please enter a valid Driver Licence Number." invalid-error-message="Please provide a valid Driving Licence Number.This field accepts [A-Z,a-z],[0-9] &amp; [*]." maxlength-error-message="Driver Licence must be between 3 and 25 characters. Please enter a valid Driver Licence Number."/> </div> <!-- <div class="form-group"> <div class="clearfix"> <div class="m-width-30"> <label for="sel1">Date of Birth</label> <input type="date" class="form-control" validator="required" name="dob" ng-model="vm.accountModel.dob" ng-disabled="vm.accountModel.dob && vm.dlSectionDisplay" placeholder="MM/DD/YYYY"> </div> </div> </div> --> <div class="form-group" ng-if="vm.showDOBField"> <div class="clearfix"> <label class="block" for="Month" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Date of Birth <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <div class="triple-select-wrapper"> <div class="month-select-ts"> <div class="dd-dropdown"> <select ng-model="vm.accountModel.dobMonth" id="dobMonth" ng-options="month.key as month.desc for month in vm.monthsList" ng-blur="vm.gtmBlur(vm.accountModel.dobMonth,'2-dlmonth','text')" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Month</strong> is a required field." required-error-message="<strong>Month</strong> is a required field." invalid-error-message="<strong>Month</strong> is a required field." class="form-control" name="Month" ng-disabled="vm.accountModel.dob && vm.dlSectionDisplay" message-id="dobMonthError"> <option value=""> Month</option> </select> </div> <span id="dobMonthError" class="error"></span> </div> <div class="date-select-ts"> <div class="dd-dropdown"> <select ng-model="vm.accountModel.dobDate" id="dobDate" ng-options="date as date for date in vm.datesList track by date" ng-blur="vm.gtmBlur(vm.accountModel.dobDate,'2-dldate','text')" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Date</strong> is a required field." required-error-message="<strong>Date</strong> is a required field." invalid-error-message="<strong>Date</strong> is a required field." class="form-control" name="Date" ng-disabled="vm.accountModel.dob && vm.dlSectionDisplay" message-id="dobDateError"> <option value="">Date</option> </select> </div> <span id="dobDateError" class="error"></span> </div> <div class="year-select-ts"> <div class="dd-dropdown"> <select ng-model="vm.accountModel.dobYear" id="dobYear" ng-options="year as year for year in vm.yearsList track by year" ng-blur="vm.gtmBlur(vm.accountModel.dobYear,'2-dlyear','text')" validator="selectrequired" valid-method="change" selectrequired-error-message="<strong>Year</strong> is a required field." required-error-message="<strong>Year</strong> is a required field." invalid-error-message="<strong>Year</strong> is a required field." class="form-control" name="Year" ng-disabled="vm.accountModel.dob && vm.dlSectionDisplay" message-id="dobYearError"> <option value=""> Year</option> </select> </div> <span id="dobYearError" class="error"></span> </div> </div> </div> </div> </ng-container> <!-- <ng-container ng-if="vm.showPrefilled && deviceType === 'handheld'"> <div class="biometric-review-parent-container"> <div class="driver-info-success"> <h3 class="driver-info-success-title rm-space">Success! </h3> <span>Please review the information below and continue.</span> </div> </div> <div class="driver-info__review-parent-container"> <div class="driver-info__prefill-content"> <div class="driver-info__number" ng-if="vm.accountModel.dlSummary.dlNumber"> <span class="number__heading"> Driver's License </span> <span class="number__content"> {{vm.accountModel.dlSummary.dlNumber}} </span> </div> <div class="driver-info__address" ng-if="vm.accountModel.dlSummary.country || vm.accountModel.dlSummary.state"> <span class="address__content"> <span class="line-one"> {{vm.dlCountryName}} </span> <span class="line-two" ng-if=" vm.accountModel.dlSummary.state"> {{ vm.accountModel.dlSummary.state}} </span> </span> </div> <div class="driver-info__date-of-dirth" ng-if="vm.accountModel.dlSummary.dateOfBirth"> <span class="dob__content"> {{vm.accountModel.dlSummary.dateOfBirth}} </span> </div> </div> </div> </ng-container> --> <!-- ng-if="deviceType !== 'handheld' || (deviceType === 'handheld' && (vm.brand != 'avis' || (vm.brand == 'avis' && vm.sectionInEdit == 'dl-section'))) || (deviceType === 'handheld' && (!vm.showBiometricScan || (vm.showPrefilled != undefined || vm.isEnterManual)))" --> <ng-container> <!-- Telephone number starts --> <div ng-if="(vm.customerData.enrollmentStep == 'dl-section' || vm.customerResponce.displayControl.enrollmentStep == 'dl-section') && (vm.customerData.displayElementMap.phoneNumber.visible || vm.customerResponce.displayControl.displayElementMap.phoneNumber.visible)"> <p ng-if="vm.showSmsOptIn"> If you provide your cellular phone number you can opt-in to receive text messages about your reservations.</p> <div class="form-group receive-notify" ng-if="vm.showSmsOptIn"> <div class="checkbox checkbox-toggle"> <label class="earn-points" for="msgNotifi"> <span> Receive texts about reservations and rentals? <br /> See our <a href="javascript:void(0)" ng-click="vm.loadHelpModal($event)" data-target=".wrap-sms-tnc-modal" role="button" data-toggle="modal">Terms and Conditions</a> </span> <a class="visible-xs-inline-block" tabindex="0" data-toggle="modal" data-target=".drivingLicenseHelpModal-1"><span class="s-icon res-helpIcon "></span></a> <a initialize-popover tabindex="0" data-placement="bottom" data-html="true" class="popOver hidden-xs" role="button" data-toggle="popover" data-trigger="hover" title="" data-content="<p>Standard messaging and data rates may apply. You will recive a maximum of 4 messages per rental. To opt-out of receiving test messages, Please select &quot;No&quot; from your profile preference or text <span>STOP</span> to 48400.</p></ul><button class='btn close-button closePopover'></button>" ng-click="vm.openTooltip('cdw')" data-original-title="Your Information"> <span class="s-icon res-helpIcon"></span> </a> </label> <div class="toggle-check"> <input type="checkbox" class="checkbox" name="earn-points" id="email-offers" ng-model="vm.accountModel.dlSummary.smsOptin" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.smsOptin,'2-smsOptin','checkbox')"/> <div class="toggle-slide"> <div class="indicator"></div> <div class="toggle-on">YES </div> <div class="toggle-off">NO </div> </div> </div> </div> </div> <div class="form-group"> <label for="Telephone" ng-class="{'required':(vm.domain=='AU'||vm.domain=='NZ')}">Telephone <span ng-if="vm.customerResponce.partnerCustomerInfo && vm.customerResponce.partnerCustomerInfo.partnerType == 'PARTNER_CONCUR'">**</span></label> <input type="text" id="phone" class="form-control" name="phone" ng-model="vm.accountModel.dlSummary.telephone" ng-blur="vm.gtmBlur(vm.accountModel.dlSummary.telephone,'telephone','text')" validator="required,maskedphonenumber,minlength=9,maxlength=20,smsoptin" prefilledphone="{{vm.accountModel.contactAddress.telephone[0].phoneNumber}}" valid-method="blur" smsoptin-error-message="You have indicated that you would like to receive text message updates, please enter a valid telephone number." required-error-message="<strong>Telephone</strong> is a required field." uscan-error-message="Please provide a valid USA or Canada Phone number without country code." maskedphonenumber-error-message="Please check the format in the Telephone field and try again. (commas and other special characters are not accepted in this field)" maxlength="20" minlength-error-message="Telephone number must be between 9 and 20 numerals" maxlength-error-message="Telephone number must be between 9 and 20 numerals"/> </div> </div> <!-- Telephone number ends --> <div ng-if="vm.customerData.enrollmentStep == 'dl-section' || vm.customerResponce.displayControl.enrollmentStep == 'dl-section'" class="text-right clearfix"> <button id="save-driver" type="submit" class="btn btn-prime" ng-disabled="vm.disableSaveCTA || vm.creditCardExpired" ng-click="vm.saveProfile('vm.accountModel.dlSummary.telephone',vm.accountModel.dlSummary.telephone,vm.accountModel.dlSummary.smsOptin,'dl-section',profileDriverLicenseForm,'',$event,'')">Save</button> </div> <div ng-if="vm.dlSectionDisplay && vm.customerData.enrollmentStep != 'dl-section' && vm.customerResponce.displayControl.enrollmentStep != 'dl-section'" class="btn-footer actions-button"> <button id="cancel-driver" type="button" class="btn btn-cancel editfield hidden-xs" data-dismiss="modal" ng-click="vm.editSection(false,$event);">Cancel</button> <button id="save-driver" type="submit" class="btn btn-save editfield" ng-disabled="vm.disableSaveCTA || vm.creditCardExpired" ng-click="vm.saveProfile('vm.accountModel.dlSummary.telephone',vm.accountModel.dlSummary.telephone,vm.accountModel.dlSummary.smsOptin,'dl-section',profileDriverLicenseForm,'',$event,'')"> Save </button> </div> </ng-container> </form> </div> </div> </div> </div> </div> </div> </div> </div> <div class="non-editfield"> <div class="success-alert" ng-if="vm.sectionInEdit==='dl-section' && vm.showSuccessMsg"> <span></span> <span>Your information has been successfully updated.</span> </div> <div class="input-comp clearfix"> <div class="form-group"> <label>{{vm.dlCountryName}}</label> </div> <div class="form-group"> <!-- <label ng-show="(vm.customerData.dlSummary.state == 'XX' || vm.customerData.dlSummary.state == '' || vm.customerData.dlSummary.state == undefined)">Not Applicable</label> --> <label ng-show="!(vm.customerData.dlSummary.state == 'XX' || vm.customerData.dlSummary.state == '' || vm.customerData.dlSummary.state == undefined)">{{vm.customerData.dlSummary.state}}</label> </div> <div class="form-group"> <label>{{vm.customerData.dlSummary.dlNumber}}</label> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade custom-popover-modal drivingLicenseHelpModal-1" add-modal-open-for-popover-modal tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal"> <span class="close-icon-black pull-right"></span> <span class="hidden-xs">Cancel</span> </a> <h3 class="modal-title">Your Information</h3> </div> <div class="modal-body"> <p>Standard messaging and data rates may apply. You will recive a maximum of 4 messages per rental. To opt-out of receiving test messages, Please select &quot;No&quot; from your profile preference or text <span>STOP</span> to 48400.</p> </div> </div> </div> </div> <div class="modal fade wrap-sms-tnc-modal" role="dialog" tabindex="-1" data-backdrop="true"> <div class="modal-dialog wrap-width-700"> <div class="modal-content"> <div class="modal-header"> <a class="pull-right cancel-text-down-in-mob" aria-hidden="true" aria-label="Close" data-dismiss="modal" ng-click=""> <span class="close-icon-black pull-right" href="javascript:void(null);" aria-label="Close" data-dismiss="modal"></span> </a> <h4 class="modal-title">SMS Policy</h4> </div> <div class="modal-body"> </div> <!-- <div ng-include="vm.helpURL"></div> --> </div> </div> </div> </div> <div ng-if="vm.customerData.onLocationInd"> <form name="profileIdentityForm" id="profileIdentityForm"> <div class="card-outer-content clearfix"> <div class="card-inner-content editable-wrapper"> <div class="card-inner-header clearfix" id="identityPasswordSection"> <h2 class="card-header color-prime">Budget on Location</h2> </div> <abg-error-message hide-then="vm.profileIdentityFormValidated" message="vm.profileIdentityFormError"></abg-error-message> <div class="input-comp clearfix"> <div class="edit-rewards editable-field"> <div class="non-editfield"> <div class="success-alert" ng-if="vm.showSuccessMsg.identityDetails"> <span></span> <!-- Don't remove this span --> <span>Your information has been successfully updated</span> </div> <div class="input-comp clearfix"> <p>lbl.prof.onlocation.newFeatureNote,budget</p> <p><b>Please Note :</b> Once you have downloaded the latest version, Your PIN number will no longer be required. To access the latest mobile version,<a href="https://www.avis.com/car-rental/content/display.ac?contentId=avis-mobile-landing-US_en-032412&amp;MID=avis.com_mobile"> go here.</a></p> <hr/> <div class="form-group"> <p>Mobile Phone</p> <label>{{vm.customerData.contacts.cellPhone}}</label> </div> <div class="form-group"> <p>PIN</p> <label>{{vm.customerData.pin}}</label> </div> </div> </div> </div> </div> </div> </div> </form> </div> </div> </div> <!-- Pre-OTP changes --> <div ng-if="vm.customerData.contacts.email == '' || vm.customerData.contacts.cellPhone == undefined || vm.customerData.webCustomer.promptContactInfoValidation"> <script>Dictionary.I18n.saveOrUpdate({"err.res.checkout.email.required":"\u003cstrong\u003eEmail Address\u003c/strong\u003e is a required field.","err.res.checkout.email.invalid":"Please enter a valid \u003cstrong\u003eEmail Address.\u003c/strong\u003e","117":"\u003cstrong\u003eTelephone\u003c/strong\u003e is a required field."})</script> <!-- ABGDIMT-668 changes for displaying customer details modal--> <div class="modal customer-details-modal fade popup-fix" tabindex="-1" role="dialog"> <div class="modal-dialog modal-popup reservation-modal width-500"> <div class="modal-content"> <div class="modal-header"> <span id="closeBtn" class="close-icon-black pull-right gap-btwn-two-close" aria-label="Close" data-dismiss="modal"></span> <div ng-if="vm.customerData.contacts.email != '' && vm.customerData.contacts.cellPhone != undefined"> <h4 class="modal-title">CONFIRM YOUR DETAILS</h4> </div> <div ng-if="vm.customerData.contacts.email != '' && vm.customerData.contacts.cellPhone == undefined"> <h4 class="modal-title">ADD YOUR MOBILE NUMBER</h4> </div> <div ng-if="vm.customerData.contacts.email == '' && vm.customerData.contacts.cellPhone != undefined"> <h4 class="modal-title">ADD YOUR EMAIL ADDRESS</h4> </div> <div ng-if="vm.customerData.contacts.email == '' && vm.customerData.contacts.cellPhone == undefined"> <h4 class="modal-title">ADD YOUR EMAIL AND MOBILE NUMBER</h4> </div> </div> <div class="modal-body"> <div ng-if="vm.customerData.contacts.email != '' && vm.customerData.contacts.cellPhone != undefined"> <span>Please verify your contact information. This will be used if you get locked out or forget your username and password.</span> <br/> <br/> <div ng-if="!vm.editableFields"> <div class="display-fields"> <span class="cc-bold">{{vm.customerData.contacts.email[0].email}}</span> </div> <div class="display-fields"> <span class="cc-bold">{{vm.customerData.contacts.cellPhone}}</span> </div> <div class="modal-footer-content"> <button class="btn btn-lg btn-default-avis btn-block radius-non btn-submit" aria-label="Edit" ng-click="vm.editableFields = true">Edit</button> <button class="btn btn-lg btn-primary btn-block radius-non btn-submit btn-continue" type="submit" aria-label="Confirm" data-section="customer-details-section" id="customer-details-confirm" ng-click="vm.custDetailsUpdate();">CONFIRM</button> <br/> <br/> <span data-dismiss="modal"><a href="javascript:void(0);">Remind me later</a></span> </div> </div> <div ng-if="vm.editableFields"> <form> <div class="form-group"> <label for="email"><span class="cc-bold">Email</span></label> <input type="text" id="email" class="form-control" name="email" ng-click="vm.clearEmailPhoneError()" ng-model="vm.custDetailsUpdateEmail" ng-blur="vm.gtmBlur(vm.model.emailAddress,'profileemail','text')" validator="required,minlength=6,maskedemail" autocomplete="off" valid-method="blur" prefilledemail="{{vm.customerData.contacts.email[0].email}}" required-error-message="<strong>Email Address</strong> is a required field." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." invalid-error-message="Please enter a valid <strong>Email Address.</strong>" maskedemail-error-message="Please enter a valid <strong>Email Address.</strong>" maxlength="45"/> <span id="invalidEmailMessage"></span> </div> <div class="form-group"> <label for="Telephone"><span class="cc-bold">Mobile Number</span></label> <input type="text" id="phone" class="form-control" name="phone" ng-model="vm.customerData.contacts.cellPhone" ng-blur="vm.gtmBlur(vm.model.phoneNumber,'2-telephone','text')" maxlength="20" validator="required,maskedphonenumber,minlength=9,maxlength=20,smsoptin" prefilledphone="{{vm.customerData.contacts.cellPhone || vm.customerData.contacts.homePhone || vm.customerResponce.customerInfo.cellPhone || vm.customerResponce.customerInfo.homePhone}}" valid-method="blur" smsoptin-error-message="You have indicated that you would like to receive text message updates, please enter a valid telephone number." required-error-message="<strong>Telephone</strong> is a required field." uscan-error-message="Please provide a valid USA or Canada Phone number without country code." maskedphonenumber-error-message="Please check the format in the Telephone field and try again. (commas and other special characters are not accepted in this field)" minlength-error-message="Telephone number must be between 9 and 20 numerals" maxlength-error-message="Telephone number must be between 9 and 20 numerals"/> </div> <div class="modal-footer-content"> <button class="btn btn-lg btn-primary btn-block radius-non btn-submit btn-continue" type="submit" aria-label="Confirm" data-section="customer-details-section" id="customer-details-confirm" ng-click="vm.custDetailsUpdate();">CONFIRM AND SAVE</button> <br/> <br/> <a ng-click="vm.editableFields = false" href="javascript:void(0);">Cancel</a> </div> </form> </div> </div> <div ng-if="vm.customerData.contacts.email != '' && vm.customerData.contacts.cellPhone == undefined"> <span class="error"><strong> Your profile is missing your phone number.</strong></span><br/><br/> <span>Add your phone number and confirm your email. This will be used if you get locked out or forget your username and password. </span> <br/> <br/> <div class="form-group"> <label for="Telephone"><span class="cc-bold">Mobile Number</span></label> <input type="text" id="phoneNum" class="form-control" name="phone" ng-click="vm.clearEmailPhoneError()" ng-model="vm.modelPhoneNumber" ng-blur="vm.gtmBlur(vm.model.phoneNumber,'2-telephone','text')" maxlength="20" validator="required,maskedphonenumber,minlength=9,maxlength=20" prefilledphone="{{vm.customerData.contacts.cellPhone || vm.customerData.contacts.homePhone || vm.customerResponce.customerInfo.cellPhone || vm.customerResponce.customerInfo.homePhone}}" valid-method="blur" required-error-message="<strong>Telephone</strong> is a required field." uscan-error-message="Please provide a valid USA or Canada Phone number without country code." maskedphonenumber-error-message="Please check the format in the Telephone field and try again. (commas and other special characters are not accepted in this field)" minlength-error-message="Telephone number must be between 9 and 20 numerals" maxlength-error-message="Telephone number must be between 9 and 20 numerals"/> <span id="phoneReqError"></span> </div> <div><form> <div class="form-group"> <label for="email"><span class="cc-bold">Email</span></label> <input type="text" id="email" class="form-control" name="email" ng-click="vm.clearEmailPhoneError()" ng-model="vm.customerData.contacts.email[0].email" ng-blur="vm.gtmBlur(emails.email,'profileemail','text')" validator="required,minlength=6,maskedemail" autocomplete="off" valid-method="blur" prefilledemail="{{vm.customerData.contacts.email[0].email}}" required-error-message="<strong>Email Address</strong> is a required field." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." invalid-error-message="Please enter a valid <strong>Email Address.</strong>" maskedemail-error-message="Please enter a valid <strong>Email Address.</strong>" maxlength="45"/> <span id="invalidEmailMessage"></span> </div> <div class="modal-footer-content"> <button class="btn btn-lg btn-primary btn-block radius-non btn-submit btn-continue" aria-label="Confirm" id="customer-details-confirm" ng-click="vm.custDetailsUpdate();">CONFIRM</button> <br/> <br/> <span data-dismiss="modal"><a href="javascript:void(0);">Remind me later</a></span> </div> </form> </div> </div> <div ng-if="vm.customerData.contacts.email == '' && vm.customerData.contacts.cellPhone != undefined"> <span class="error"><strong> Your profile is missing your email address. </strong></span><br/><br/> <span> Add your email address and confirm your phone number. This will be used if you get locked out or forget your username and password. </span> <br/> <br/> <div class="form-group"> <label for="email"><span class="cc-bold">Email</span></label> <input type="text" id="emailAddr" class="form-control" name="email" ng-click="vm.clearEmailPhoneError()" ng-model="vm.modelEmailAddress" ng-blur="vm.gtmBlur(vm.model.emailAddress,'profileemail','text')" validator="required,minlength=6,maskedemail" autocomplete="off" valid-method="blur" prefilledemail="{{vm.customerData.contacts.email[0].email}}" required-error-message="<strong>Email Address</strong> is a required field." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." invalid-error-message="Please enter a valid <strong>Email Address.</strong>" maskedemail-error-message="Please enter a valid <strong>Email Address.</strong>" maxlength="45"/> <span id="invalidEmailMessage"></span> </div> <div> <form> <div class="form-group"> <label for="Telephone"><span class="cc-bold">Mobile Number</span></label> <input type="text" id="phone" class="form-control" name="phone" ng-model="vm.customerData.contacts.cellPhone" ng-blur="vm.gtmBlur(vm.customerData.contacts.cellPhone,'2-telephone','text')" maxlength="20" validator="required,maskedphonenumber,minlength=9,maxlength=20,smsoptin" prefilledphone="{{vm.customerData.contacts.cellPhone || vm.customerData.contacts.homePhone || vm.customerResponce.customerInfo.cellPhone || vm.customerResponce.customerInfo.homePhone}}" valid-method="blur" smsoptin-error-message="You have indicated that you would like to receive text message updates, please enter a valid telephone number." required-error-message="<strong>Telephone</strong> is a required field." uscan-error-message="Please provide a valid USA or Canada Phone number without country code." maskedphonenumber-error-message="Please check the format in the Telephone field and try again. (commas and other special characters are not accepted in this field)" minlength-error-message="Telephone number must be between 9 and 20 numerals" maxlength-error-message="Telephone number must be between 9 and 20 numerals"/> </div> <div class="modal-footer-content"> <button class="btn btn-lg btn-primary btn-block radius-non btn-submit btn-continue" aria-label="Confirm" id="customer-details-confirm" ng-click="vm.custDetailsUpdate();">CONFIRM</button> <br/> <br/> <span data-dismiss="modal"><a href="javascript:void(0);">Remind me later</a></span> </div> </form> </div> </div> <div ng-if="vm.customerData.contacts.email == '' && vm.customerData.contacts.cellPhone == undefined"> <span>Please verify your contact information. This will be used if you get locked out or forget your username and password.</span> <br/> <br/> <div class="form-group"> <label for="email"><span class="cc-bold">Email</span></label> <input type="text" id="emailAddr" class="form-control" name="email" ng-click="vm.clearEmailPhoneError()" ng-model="vm.modelEmailAddress" ng-blur="vm.gtmBlur(vm.model.emailAddress,'profileemail','text')" validator="required,minlength=6,maskedemail" autocomplete="off" valid-method="blur" prefilledemail="{{vm.model.emailAddress}}" required-error-message="<strong>Email Address</strong> is a required field." minlength-error-message="<strong>Email Address</strong> should contain atleast six characters." email-error-message="Please enter a valid <strong>Email Address.</strong>" invalid-error-message="Please enter a valid <strong>Email Address.</strong>" maskedemail-error-message="Please enter a valid <strong>Email Address.</strong>" maxlength="45"/> <span id="emailAddErr"></span> <span id="invalidEmailMessage"></span> </div> <div class="form-group"> <label for="Telephone"><span class="cc-bold">Mobile Number</span></label> <input type="text" id="phoneNum" class="form-control" name="phone" ng-click="vm.clearEmailPhoneError()" ng-model="vm.modelPhoneNumber" ng-blur="vm.gtmBlur(vm.model.phoneNumber,'2-telephone','text')" maxlength="20" validator="required,maskedphonenumber,minlength=9,maxlength=20,smsoptin" prefilledphone="{{vm.customerData.contacts.cellPhone || vm.customerData.contacts.homePhone || vm.customerResponce.customerInfo.cellPhone || vm.customerResponce.customerInfo.homePhone}}" valid-method="blur" smsoptin-error-message="You have indicated that you would like to receive text message updates, please enter a valid telephone number." required-error-message="<strong>Telephone</strong> is a required field." uscan-error-message="Please provide a valid USA or Canada Phone number without country code." maskedphonenumber-error-message="Please check the format in the Telephone field and try again. (commas and other special characters are not accepted in this field)" minlength-error-message="Telephone number must be between 9 and 20 numerals" maxlength-error-message="Telephone number must be between 9 and 20 numerals"/> <span id="phoneReqError"></span> </div> <div class="modal-footer-content"> <button class="btn btn-lg btn-primary btn-block radius-non btn-submit btn-continue" aria-label="Confirm" id="customer-details-confirm" ng-click="vm.custDetailsUpdate();">CONFIRM</button> <br/> <br/> <span data-dismiss="modal"><a href="javascript:void(0);">Remind me later</a></span> </div> </div> </div> </div> </div> </div> <script> $(function () { $('#closeBtn').on('click', function () { $('.customer-details-modal').modal('hide'); }); }); $('.modal').on('hidden.bs.modal', function () { $('.customer-details-modal').modal('hide'); }); </script> </div> <!-- ABGDIMT-668 changes for displaying confirmed modal--> <div class="modal confirmed-modal fade popup-fix" tabindex="-1" id="closeBtns" role="dialog" data-keyboard="false"> <div class="modal-dialog reservation-modal width-500" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="close-icon-black pull-right gap-btwn-two-close" ng-click="vm.reloadPage();" aria-label="Close" data-dismiss="modal"></span> <h4 class="modal-title">DETAILS ARE CONFIRMED</h4> </div> <div class="modal-body"> <span> Thank you, your information has been confirmed. </span> <br/> <br/> <br/> <span data-dismiss="modal" ng-click="vm.reloadPage();"><a href="javascript:void(0);">Close</a></span> </div> </div> </div> </div> </div> <div resize-side-nav></div></div> </div> </div> </div> </div> <div> </div> <div> </div></div> </div> </section> </div> <!-- Footer in author instance. Non-corporate flow starts here --> <!-- Footer in author instance. Non-corporate flow ends here --> <!-- Footer in publish instance. Non-corporate flow starts here --> <div> <div ng-if="!isCorporateFlow"> <div class="clear"></div> <footer class="footer"> <div class="spinnerLoader" ng-class="{'hidden':!requestInProgress}"> <!--skeleton changes--> <div> </div> <!--ARD1-2302 End--> <!--skeleton changes--> <div id="defaultLoader"> <svg viewBox="0 0 100 100"> <circle cx="50" cy="50" r="40" stroke="#d4002a" stroke-width="3" fill="none" stroke-dasharray="1,150"></circle> </svg> </div> </div> <div id="footer" class="container-fluid full-bleed-width cf-pad-0" ng-controller='FooterController as vm'> <div class="footer-nav row"> <div class="col-lg-12 col-md-12 col-sm-12"> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="column iparsys parsys"><div class="column-control section"><section class=" container-fluid full-bleed-width cf-pad-0 three-colSec row "> <div class="cc-columns col-lg-2 col-md-2 col-sm-3"> <div> <a onclick="return showOrHide('menulink1');" class="footer-header arrow-down-grey-mob"> Australian Car Hire</a> <ul id="menulink1"> <div><div class="footer-list section"> <div> <li> <a href="https://www.budget.com.au/en/locations/au/ns/sydney" target="_self">Cheap Car Hire Sydney</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/vi/melbourne" target="_self">Cheap Car Hire Melbourne</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/ql/brisbane" target="_self">Cheap Car Hire Brisbane</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/ql/coolangatta" target="_self">Cheap Car Hire Gold Coast</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/ql/cairns" target="_self">Cheap Car Hire Cairns</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/wa/perth" target="_self">Cheap Car Hire Perth</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/sa/adelaide" target="_self">Cheap Car Hire Adelaide</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/nt/darwin" target="_self">Cheap Car Hire Darwin</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/ts/hobart" target="_self">Cheap Car Hire Hobart</a> </li> </div> </div> </div> </ul> </div> <div> </div> </div> <div class="cc-columns col-lg-2 col-md-2 col-sm-3"> <div> <a onclick="return showOrHide('menulink2');" class="footer-header arrow-down-grey-mob"> Airport Car Rental</a> <ul id="menulink2"> <div><div class="footer-list section"> <div> <li> <a href="https://www.budget.com.au/en/locations/au/ns/mascot/syd" target="_self">Car Hire Sydney Airport</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/vi/tullamarine/mel" target="_self">Car Hire Melbourne Airport</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/ql/brisbane/bne" target="_self">Car Hire Brisbane Airport</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/ql/coolangatta/ool" target="_self">Car Hire Gold Coast</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/ql/cairns/cns" target="_self">Car Hire Cairns Airport</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/wa/perth/per" target="_self">Car Hire Perth Airport</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/sa/adelaide/adl" target="_self">Car Hire Adelaide Airport</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/nt/darwin/drw" target="_self">Car Hire Darwin Airport</a> </li> <li> <a href="https://www.budget.com.au/en/locations/au/ts/hobart/hba" target="_self">Car Hire Hobart Airport</a> </li> </div> </div> </div> </ul> </div> <div> </div> </div> <div class="cc-columns col-lg-2 col-md-2 col-sm-3"> <div> <a onclick="return showOrHide('menulink3');" class="footer-header arrow-down-grey-mob"> Reservations</a> <ul id="menulink3"> <div><div class="footer-list section"> <div> <li> <a href="https://www.budget.com.au/en/reservation/make-reservation" target="_self">Make A Reservation</a> </li> <li> <a href="https://www.budget.com.au/en/reservation/view-modify-cancel" target="_self">View, Modify &amp; Cancel</a> </li> <li> <a href="https://www.budget.com.au/en/reservation/view-modify-cancel" target="_self">Extend My Rental</a> </li> <li> <a href="https://www.budget.com.au/en/reservation/get-e-receipt" target="_self">Download Receipt</a> </li> <li> <a href="https://www.budget.com.au/content/dam/budget/oc/au/common/files/terms_and_conditions.pdf" target="_self">Rental Terms &amp; Conditions</a> </li> <li> <a href="https://www.budget.com.au/en/offers/au-offers" target="_self">Car Hire Specials</a> </li> <li> <a href="https://mcdmpx9d2l-jny9hv1lbj3v525j4.pub.sfmc-content.com/qzdzs2j1l0g" target="_self">Sign Up e-Newsletter</a> </li> <li> <a href="https://www.budget.com.au/en/programs/rewards-partners" target="_self">Points &amp; Partners</a> </li> <li> <a href="https://www.budget.com.au/en/programs/rewards-partners/airlines/qantas" target="_self">Earn Qantas Points</a> </li> </div> </div> </div> </ul> </div> <div> </div> </div> <div class="cc-columns col-lg-2 col-md-2 col-sm-3"> <div> <a onclick="return showOrHide('menulink4');" class="footer-header arrow-down-grey-mob"> Vehicles &amp; Services</a> <ul id="menulink4"> <div><div class="footer-list section"> <div> <li> <a href="https://www.budget.com.au/en/cars/vehicles/au" target="_self">Australia Car Guide</a> </li> <li> <a href="https://www.budgettrucks.com.au/en/fleet" target="_blank">Van, Truck, Bus &amp; Ute Hire</a> </li> <li> <a href="https://www.budget.com.au/en/products-services/services/break-free-long-term-car-rental" target="_self">Long Term Car Rental</a> </li> <li> <a href="https://www.budget.com.au/en/products-services/services/one-way-rentals" target="_self">One Way Car Hire</a> </li> <li> <a href="https://www.budget.com.au/en/budget-app" target="_self">Budget App</a> </li> <li> <a href="https://www.budget.com.au/en/business-solutions" target="_self">Business Solutions</a> </li> <li> <a href="https://www.budget.com.au/en/programs/travel-agent" target="_self">Travel Agents</a> </li> <li> <a href="https://www.budget.com.au/en/discover-australia" target="_self">Discover Australia</a> </li> </div> </div> </div> </ul> </div> <div> </div> </div> <div class="cc-columns col-lg-2 col-md-2 col-sm-3"> <div> <a onclick="return showOrHide('menulink5');" class="footer-header arrow-down-grey-mob"> About Budget</a> <ul id="menulink5"> <div><div class="footer-list section"> <div> <li> <a href="https://www.budget.com.au/en/about-budget" target="_self">About Budget Australia</a> </li> <li> <a href="https://static1.squarespace.com/static/63b7ac2f8485d929e7851d13/t/64b5f36f5ef59b78bac8afa1/1689645942233/Car+Rental+Code+-+FINAL+PDF+-+18723.pdf" target="_blank">Car Rental Code Of Practice</a> </li> <li> <a href="https://www.budget.com.au/en/about-budget/press-australia" target="_self">News &amp; Press Releases</a> </li> <li> <a href="https://www.budget.com.au/en/rental-qualification-policy" target="_self">Rental Qualification Policy</a> </li> <li> <a href="https://www.budget.com.au/en/fair-wear-and-tear-guide" target="_self">Fair Wear &amp; Tear Guide</a> </li> <li> <a href="https://www.budget.com.au/en/privacy" target="_self">Privacy Policy</a> </li> <li> <a href="https://www.budget.com.au/en/terms-of-use" target="_self">Terms of Use</a> </li> <li> <button id="ot-sdk-btn" class="ot-sdk-show-settings" ng-if="vm.domain == 'us'">Your Privacy Choices </button> <button id="ot-sdk-btn" class="ot-sdk-show-settings" ng-if="vm.domain == 'au' || vm.domain == 'nz'">Cookie Settings </span></button> </li> <li> <a href="https://www.budget.com.au/en/copyright-notices" target="_self">Copyright Notices</a> </li> </div> </div> </div> </ul> </div> <div> </div> </div> <div class="cc-columns col-lg-2 col-md-2 col-sm-3"> <div> </div> <div> <div class="custom-Partners"> <a onclick="return showOrHide('menulink6');" class="footer-header arrow-down-grey-mob">Help &amp; Support</a> <ul id="menulink6"> <div><div class="footer-list section"> <div> <li> <a href="https://www.budget.com.au/en/contact" target="_self">Contact Us</a> </li> <li> <a href="https://www.budget.com.au/en/contact" target="_self">Reservations 1300 362 848</a> </li> <li> <a href="https://www.budget.com.au/en/contact" target="_self">Customer Service 1800 150 278</a> </li> <li> <a href="https://www.budget.com.au/en/products-services/services/mechanical-breakdown" target="_self">Roadside Assistance 1800 656 550</a> </li> <li> <a href="https://www.budget.com.au/en/contact/comments-and-feedback" target="_self">Comments &amp; Feedback</a> </li> <li> <a href="https://www.budget.com.au/en/reservation/get-e-receipt" target="_self">Download Receipt</a> </li> <li> <a href="https://www.budget.com.au/en/faqs/au/booking-and-reservation" target="_self">FAQs</a> </li> <li> <a href="https://www.budget.com.au/en/sitemap" target="_self">Sitemap</a> </li> <li> <a href="https://www.avisbudgetgroup.jobs/" target="_blank">Career Opportunities</a> </li> </div> </div> </div> </ul> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div><hr/> <div class="social-part row"> <form name="myForm"> <div class="col-xs-12 col-sm-6 col-lg-7 forpadleftzero"> <script type="text/javascript"> var countryLanguage = "{\x22locales\x22:[{\x22country\x22:\x22Argentina\x22,\x22displaycountry\x22:\x22Argentina\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.ar\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.ar\x22}]},{\x22country\x22:\x22Australia\x22,\x22displaycountry\x22:\x22Australia\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.au\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.au\x22}]},{\x22country\x22:\x22Austria\x22,\x22displaycountry\x22:\x22Austria\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.at\x22,\x22language\x22:\x22Deutsch\x22,\x22url\x22:\x22http:\/\/www.budget.at\x22},{\x22langURL\x22:\x22http:\/\/www.budgetinternational.com\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetinternational.com\/\x22}]},{\x22country\x22:\x22Bahrain\x22,\x22displaycountry\x22:\x22Bahrain\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetbahrain.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetbahrain.com\x22}]},{\x22country\x22:\x22Belgium\x22,\x22displaycountry\x22:\x22Belgium\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.be\/budgetonline\/be\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.be\/budgetonline\/be\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.be\/budgetonline\/be\u002Dfr\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22Français\x22,\x22url\x22:\x22http:\/\/www.budget.be\/budgetonline\/be\u002Dfr\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.be\x22,\x22language\x22:\x22Nederlands\x22,\x22url\x22:\x22http:\/\/www.budget.be\x22}]},{\x22country\x22:\x22Belize\x22,\x22displaycountry\x22:\x22Belize\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget\u002Dbelize.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget\u002Dbelize.com\x22}]},{\x22country\x22:\x22Bolivia\x22,\x22displaycountry\x22:\x22Bolivia\x22,\x22languages\x22:[{\x22langURL\x22:\x22https:\/\/www.budget.com\/en\/locations\/bo \x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/www.budget.com\/en\/locations\/bo \x22}]},{\x22country\x22:\x22Bosnia\x22,\x22displaycountry\x22:\x22Bosnia\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.ba\x22,\x22language\x22:\x22Bosanski\x22,\x22url\x22:\x22http:\/\/www.budget.ba\x22},{\x22langURL\x22:\x22https:\/\/www.budgetinternational.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/www.budgetinternational.com\x22}]},{\x22country\x22:\x22Brazil (Protuegese only)\x22,\x22displaycountry\x22:\x22Brazil (Protuegese only)\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.br\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.br\x22}]},{\x22country\x22:\x22Bulgaria\x22,\x22displaycountry\x22:\x22Bulgaria\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.bg\/budgetonline\/bg\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.bg\/budgetonline\/bg\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.bg\x22,\x22language\x22:\x22български\x22,\x22url\x22:\x22http:\/\/www.budget.bg\x22}]},{\x22country\x22:\x22Canada\x22,\x22displaycountry\x22:\x22Canada\x22,\x22languages\x22:[{\x22code\x22:\x22en\x22,\x22langURL\x22:\x22www.budget.ca\/en\/home\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22www.budget.ca\/en\/home\x22},{\x22code\x22:\x22fr\x22,\x22langURL\x22:\x22www.budget.ca\/fr\/home\x22,\x22language\x22:\x22 Français\x22,\x22url\x22:\x22www.budget.ca\/fr\/home\x22}]},{\x22country\x22:\x22Costa Rica\x22,\x22displaycountry\x22:\x22Costa Rica\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.co.cr\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.co.cr\x22},{\x22langURL\x22:\x22http:\/\/www.budget.co.cr\/es\/\x22,\x22language\x22:\x22Español\\n\x22,\x22url\x22:\x22http:\/\/www.budget.co.cr\/es\/\x22},{\x22langURL\x22:\x22http:\/\/www.budget.co.cr\/fr\/\x22,\x22language\x22:\x22Français\x22,\x22url\x22:\x22http:\/\/www.budget.co.cr\/fr\/\x22}]},{\x22country\x22:\x22Denmark\x22,\x22displaycountry\x22:\x22Denmark\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.dk\x22,\x22language\x22:\x22Dansk\x22,\x22url\x22:\x22http:\/\/www.budget.dk\x22},{\x22langURL\x22:\x22http:\/\/www.budget.dk\/budgetonline\/dk\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.dk\/budgetonline\/dk\u002Dgb\/budget.nsf?open\x26~Default\x22}]},{\x22country\x22:\x22Dominican Republic\x22,\x22displaycountry\x22:\x22Dominican Republic\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.do\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.do\x22}]},{\x22country\x22:\x22El Salvador\x22,\x22displaycountry\x22:\x22El Salvador\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.sv\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.sv\/\x22}]},{\x22country\x22:\x22Estonia\x22,\x22displaycountry\x22:\x22Estonia\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.ee\x22,\x22language\x22:\x22Eesti keeles\x22,\x22url\x22:\x22http:\/\/www.budget.ee\x22},{\x22langURL\x22:\x22http:\/\/www.budget.ee\/budgetonline\/ee\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.ee\/budgetonline\/ee\u002Dgb\/budget.nsf?open\x26~Default\x22}]},{\x22country\x22:\x22Fiji\x22,\x22displaycountry\x22:\x22Fiji\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.fj\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.fj\x22}]},{\x22country\x22:\x22France (French language only)\x22,\x22displaycountry\x22:\x22France (French language only)\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.fr\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.fr\x22}]},{\x22country\x22:\x22Germany\x22,\x22displaycountry\x22:\x22Germany\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.de\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.de\x22}]},{\x22country\x22:\x22Grand Cayman\x22,\x22displaycountry\x22:\x22Grand Cayman\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetcayman.com\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetcayman.com\/\x22}]},{\x22country\x22:\x22Greece\x22,\x22displaycountry\x22:\x22Greece\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetrentacar.gr\/budgetonline\/gr\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetrentacar.gr\/budgetonline\/gr\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budgetrentacar.gr\x22,\x22language\x22:\x22ελληνικά\x22,\x22url\x22:\x22http:\/\/www.budgetrentacar.gr\x22}]},{\x22country\x22:\x22Guadeloupe\x22,\x22displaycountry\x22:\x22Guadeloupe\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget\u002Dgp.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget\u002Dgp.com\x22}]},{\x22country\x22:\x22Guatemala\x22,\x22displaycountry\x22:\x22Guatemala\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.gt\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.gt\x22},{\x22langURL\x22:\x22http:\/\/www.budget.com.gt\x22,\x22language\x22:\x22Español\x22,\x22url\x22:\x22http:\/\/www.budget.com.gt\x22}]},{\x22country\x22:\x22Holland\x22,\x22displaycountry\x22:\x22Netherlands\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.nl\x22,\x22language\x22:\x22Dutch\x22,\x22url\x22:\x22http:\/\/www.budget.nl\x22},{\x22langURL\x22:\x22http:\/\/www.budget.nl\/budgetonline\/nl\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.nl\/budgetonline\/nl\u002Dgb\/budget.nsf?open\x26~Default\x22}]},{\x22country\x22:\x22Honduras\x22,\x22displaycountry\x22:\x22Honduras\x22,\x22languages\x22:[{\x22langURL\x22:\x22https:\/\/www.budget.com.hn\/en\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/www.budget.com.hn\/en\/\x22},{\x22langURL\x22:\x22http:\/\/www.budget.hn\/es\/\x22,\x22language\x22:\x22Español\x22,\x22url\x22:\x22http:\/\/www.budget.hn\/es\/\x22}]},{\x22country\x22:\x22Hungary\x22,\x22displaycountry\x22:\x22Hungary\x22,\x22languages\x22:[{\x22langURL\x22:\x22https:\/\/www.budget.hu\x22,\x22language\x22:\x22InMagyar\x22,\x22url\x22:\x22https:\/\/www.budget.hu\x22},{\x22code\x22:\x22find rates for Hungary car hire at budhet.hu\x22,\x22langURL\x22:\x22https:\/\/www.budget.hu\/en\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/www.budget.hu\/en\x22}]},{\x22country\x22:\x22Iceland\x22,\x22displaycountry\x22:\x22Iceland\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.is\/budgetonline\/is\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.is\/budgetonline\/is\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.is\/\x22,\x22language\x22:\x22Íslenska\x22,\x22url\x22:\x22http:\/\/www.budget.is\/\x22}]},{\x22country\x22:\x22Ireland\x22,\x22displaycountry\x22:\x22Ireland\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.ie\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.ie\x22}]},{\x22country\x22:\x22Italy\x22,\x22displaycountry\x22:\x22Italy\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetautonoleggio.it\/budgetonline\/it\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetautonoleggio.it\/budgetonline\/it\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budgetautonoleggio.it\x22,\x22language\x22:\x22Italiano\x22,\x22url\x22:\x22http:\/\/www.budgetautonoleggio.it\x22}]},{\x22country\x22:\x22Jamaica\x22,\x22displaycountry\x22:\x22Jamaica\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetjamaica.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetjamaica.com\x22}]},{\x22country\x22:\x22Jordan\x22,\x22displaycountry\x22:\x22Jordan\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetjordan.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetjordan.com\x22}]},{\x22country\x22:\x22Latvia\x22,\x22displaycountry\x22:\x22Latvia\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.lv\/budgetonline\/lv\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.lv\/budgetonline\/lv\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.lv\x22,\x22language\x22:\x22Latviski\x22,\x22url\x22:\x22http:\/\/www.budget.lv\x22}]},{\x22country\x22:\x22Lebanon\x22,\x22displaycountry\x22:\x22Lebanon\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetbeirut.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetbeirut.com\x22}]},{\x22country\x22:\x22Luxembourg\x22,\x22displaycountry\x22:\x22Luxembourg\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.lu\/budgetonline\/lu\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.lu\/budgetonline\/lu\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.lu\x22,\x22language\x22:\x22Français\x22,\x22url\x22:\x22http:\/\/www.budget.lu\x22}]},{\x22country\x22:\x22Malta\x22,\x22displaycountry\x22:\x22Malta\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.mt\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.mt\x22}]},{\x22country\x22:\x22Martinique (French language only)\x22,\x22displaycountry\x22:\x22Martinique (French language only)\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget\u002Dmartinique.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget\u002Dmartinique.com\x22}]},{\x22country\x22:\x22Mexico\x22,\x22displaycountry\x22:\x22Mexico\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.mx\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.mx\x22},{\x22langURL\x22:\x22http:\/\/www.budget.com.mx\/Default.aspx?\x22,\x22language\x22:\x22\\nEspañol\x22,\x22url\x22:\x22http:\/\/www.budget.com.mx\/Default.aspx?\x22}]},{\x22country\x22:\x22Middle East\x22,\x22displaycountry\x22:\x22Middle East\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget\u002Darabia.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget\u002Darabia.com\x22}]},{\x22country\x22:\x22Morocco (French language only)\x22,\x22displaycountry\x22:\x22Morocco (French language only)\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.ma\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.ma\x22}]},{\x22country\x22:\x22New Zealand\x22,\x22displaycountry\x22:\x22New Zealand\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.co.nz\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.co.nz\x22}]},{\x22country\x22:\x22Norway\x22,\x22displaycountry\x22:\x22Norway\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.no\/budgetonline\/no\u002Dgb\/budget.nsf\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.no\/budgetonline\/no\u002Dgb\/budget.nsf\x22},{\x22langURL\x22:\x22http:\/\/www.budget.no\x22,\x22language\x22:\x22Norsk\x22,\x22url\x22:\x22http:\/\/www.budget.no\x22}]},{\x22country\x22:\x22Oman\x22,\x22displaycountry\x22:\x22Oman\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetoman.com\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetoman.com\x22}]},{\x22country\x22:\x22Panama\x22,\x22displaycountry\x22:\x22Panama\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetpanama.com\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetpanama.com\/\x22}]},{\x22country\x22:\x22Peru\x22,\x22displaycountry\x22:\x22Peru\x22,\x22languages\x22:[{\x22langURL\x22:\x22https:\/\/www.budgetperu.com\/en\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/www.budgetperu.com\/en\/\x22},{\x22langURL\x22:\x22http:\/\/www.budgetperu.com\x22,\x22language\x22:\x22\\nEspañol\x22,\x22url\x22:\x22http:\/\/www.budgetperu.com\x22}]},{\x22country\x22:\x22Philippines\x22,\x22displaycountry\x22:\x22Philippines\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.ph\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.ph\x22}]},{\x22country\x22:\x22Poland\x22,\x22displaycountry\x22:\x22Poland\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.pl\/budgetonline\/pl\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.pl\/budgetonline\/pl\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.pl\x22,\x22language\x22:\x22Polski\x22,\x22url\x22:\x22http:\/\/www.budget.pl\x22}]},{\x22country\x22:\x22Portugal\x22,\x22displaycountry\x22:\x22Portugal\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.pt\/budgetonline\/pt\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.pt\/budgetonline\/pt\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.com.pt\x22,\x22language\x22:\x22Portuguese\x22,\x22url\x22:\x22http:\/\/www.budget.com.pt\x22}]},{\x22country\x22:\x22Romania\x22,\x22displaycountry\x22:\x22Romania\x22,\x22languages\x22:[{\x22langURL\x22:\x22https:\/\/www.budget.ro\/en\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/www.budget.ro\/en\/\x22},{\x22langURL\x22:\x22http:\/\/www.budgetro.ro\x22,\x22language\x22:\x22Română\\u0083\x22,\x22url\x22:\x22http:\/\/www.budgetro.ro\x22}]},{\x22country\x22:\x22Serbia\x22,\x22displaycountry\x22:\x22Serbia\x22,\x22languages\x22:[{\x22langURL\x22:\x22https:\/\/budget.rs\/eng\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/budget.rs\/eng\/\x22},{\x22langURL\x22:\x22http:\/\/www.budget.lu\x22,\x22language\x22:\x22Srpski\x22,\x22url\x22:\x22http:\/\/www.budget.lu\x22}]},{\x22country\x22:\x22Singapore\x22,\x22displaycountry\x22:\x22Singapore\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.com.sg\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.com.sg\/\x22}]},{\x22country\x22:\x22Slovenia\x22,\x22displaycountry\x22:\x22Slovenia\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.si\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.si\x22},{\x22langURL\x22:\x22http:\/\/www.budget.si\/budgetonline\/qs\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22Slovenski\x22,\x22url\x22:\x22http:\/\/www.budget.si\/budgetonline\/qs\/budget.nsf?open\x26~Default\x22}]},{\x22country\x22:\x22South Africa\x22,\x22displaycountry\x22:\x22South Africa\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.co.za\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.co.za\x22}]},{\x22country\x22:\x22Spain\x22,\x22displaycountry\x22:\x22Spain\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.es\/budgetonline\/es\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.es\/budgetonline\/es\u002Dgb\/budget.nsf?open\x26~Default\x22}]},{\x22country\x22:\x22Suriname\x22,\x22displaycountry\x22:\x22Suriname\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budgetsuriname.com\/NL\/index.asp\x22,\x22language\x22:\x22Dutch\x22,\x22url\x22:\x22http:\/\/www.budgetsuriname.com\/NL\/index.asp\x22},{\x22langURL\x22:\x22https:\/\/www.budget.com\/en\/locations\/sr\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/www.budget.com\/en\/locations\/sr\x22}]},{\x22country\x22:\x22Sweden\x22,\x22displaycountry\x22:\x22Sweden\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.se\/budgetonline\/se\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.se\/budgetonline\/se\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.se\x22,\x22language\x22:\x22Svenska\x22,\x22url\x22:\x22http:\/\/www.budget.se\x22}]},{\x22country\x22:\x22Switzerland\x22,\x22displaycountry\x22:\x22Switzerland\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.ch\x22,\x22language\x22:\x22Deutsch\x22,\x22url\x22:\x22http:\/\/www.budget.ch\x22},{\x22langURL\x22:\x22http:\/\/www.budgetinternational.com\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budgetinternational.com\/\x22},{\x22langURL\x22:\x22http:\/\/www.budget.ch\/budgetonline\/ch\u002Dfr\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22\\nFrançais\x22,\x22url\x22:\x22http:\/\/www.budget.ch\/budgetonline\/ch\u002Dfr\/budget.nsf?open\x26~Default\x22}]},{\x22country\x22:\x22Thailand\x22,\x22displaycountry\x22:\x22Thailand\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.co.th\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.co.th\x22}]},{\x22country\x22:\x22Turkey\x22,\x22displaycountry\x22:\x22Turkey\x22,\x22languages\x22:[{\x22langURL\x22:\x22https:\/\/www.budget.com.tr\/\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22https:\/\/www.budget.com.tr\/\x22},{\x22langURL\x22:\x22http:\/\/www.budget.com.tr\x22,\x22language\x22:\x22Türkçe\x22,\x22url\x22:\x22http:\/\/www.budget.com.tr\x22}]},{\x22country\x22:\x22Ukraine\x22,\x22displaycountry\x22:\x22Ukraine\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.ua\/budgetonline\/ua\u002Dgb\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.ua\/budgetonline\/ua\u002Dgb\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.ua\/budgetonline\/ua\u002Dru\/budget.nsf?open\x26~Default\x22,\x22language\x22:\x22русский\x22,\x22url\x22:\x22http:\/\/www.budget.ua\/budgetonline\/ua\u002Dru\/budget.nsf?open\x26~Default\x22},{\x22langURL\x22:\x22http:\/\/www.budget.ua\x22,\x22language\x22:\x22Українська\x22,\x22url\x22:\x22http:\/\/www.budget.ua\x22}]},{\x22country\x22:\x22United Kingdom\x22,\x22displaycountry\x22:\x22United Kingdom\x22,\x22languages\x22:[{\x22langURL\x22:\x22http:\/\/www.budget.co.uk\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22http:\/\/www.budget.co.uk\x22}]},{\x22country\x22:\x22United States\x22,\x22displaycountry\x22:\x22United States\x22,\x22languages\x22:[{\x22code\x22:\x22en\x22,\x22langURL\x22:\x22www.budget.com\/en\/home\x22,\x22language\x22:\x22English\x22,\x22url\x22:\x22www.budget.com\/en\/home\x22},{\x22code\x22:\x22fr\x22,\x22langURL\x22:\x22www.budget.com\/fr\/home\x22,\x22language\x22:\x22 Français\x22,\x22url\x22:\x22www.budget.com\/fr\/home\x22},{\x22code\x22:\x22es\x22,\x22langURL\x22:\x22www.budget.com\/es\/home\x22,\x22language\x22:\x22 Español\x22,\x22url\x22:\x22www.budget.com\/es\/home\x22},{\x22code\x22:\x22pt\x22,\x22langURL\x22:\x22www.budget.com\/pt\/home\x22,\x22language\x22:\x22 Português\x22,\x22url\x22:\x22www.budget.com\/pt\/home\x22}]}]}"; </script> <div class="removeienineEffects arrow-down-grey bgcolor-black" ng-if="!(vm.sitePreference!=carRentalConstant.localeEnUS && isAuthenticated)"> <select class="country custom form-control1" ng-model="vm.selectedContry" ng-options="y.displaycountry for (x, y) in vm.CountryData" name="country" id="coun" ng-change="vm.update()"> </select> </div> <div class="removeienineEffects arrow-down-grey bgcolor-black" ng-if="!(vm.sitePreference!=carRentalConstant.localeEnUS && isAuthenticated)"> <select class="language custom form-control2" ng-model="vm.selectedLang.url" ng-change="vm.updateNav()"> <option ng-repeat="lang in vm.defaultLang" href="{{lang.url}}" value="{{lang.url}}"> {{lang.language}} </option> </select> </div> <div></div> </div> </form> <div class="col-xs-12 col-sm-6 col-lg-5 pull-right ftMrTop"> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="Link iparsys parsys"><div class="social-link section"> <div class="fltRight forbackgroundg"> <a id="facebook" class="socialIcons-img icon-facebook" href="https://www.facebook.com/budgetaustralia" title="Follow Me on facebook" alt="Follow Me on facebook" target="_blank"></a> <a id="instagram" class="socialIcons-img icon-instagram" href="https://www.instagram.com/budget_au" title="Follow on Instagram" alt="Follow on Instagram" target="_blank"></a> </div></div> </div> </div> </div> </div> </div><hr/> <div class="lastColumn"> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="Icons iparsys parsys"><div class="security-icons section"> <div class="row"> <div class="securityIcon col-sm-6 col-xs-12 pull-right"> <div class="checkedg"> </div> </div> <div class="copyRightPart col-sm-6 col-xs-12"> <div class="copyrights checkedg">Copyright © 2024 Budget Rent a Car Australia Pty Ltd</div> </div> </div></div> </div> </div> </div> </div> </div> <div ng-include src="mapModalPath"></div> <div ng-include src="keyDropPath"></div> <!-- Session timeout properties --> <div type="hidden" session-timeout-properties> <div ng-init="redirectLocation = '/en/loyalty-profile/fastbreak'"></div> <div ng-init="warningModal = ''"></div> <div ng-init="errorMessage = ''"></div> <div ng-init="overrideRedirect = ''"></div> <div> <div ng-init="idleThreshold = '28'"></div> <div ng-init="warningThreshold = '2'"></div> <div ng-init="authenticatedLocation = '/en/loyalty-profile/fastbreak/login'"></div> <div ng-init="recognizedLocation = '/en/home'"></div> </div> </div> </footer> </div> </div> <!-- Footer in publish instance. Non-corporate flow ends here --> <!-- Footer in author instance. Corporate flow starts here --> <!-- Footer in author instance. Corporate flow ends here --> <!-- Footer in publish instance. Corporate flow starts here --> <div> <div ng-if="isCorporateFlow"> <!-- If short URL is not enabled, footer URL would be complete URL with html extension --> <!-- If short URL is enabled, footer URL would be short without html extension --> <div> <div id="corp-footer-publish" ng-include src="'/en/footer.corporate'"></div> </div> </div> </div> <!-- Footer in publish instance. Corporate flow ends here --> </div> </div> <script type="text/javascript"> var apiurl = "/webapi"; var bookingType = "car"; var recognizedUser_redirecttoHome = "false"; var locationpage_disableRegionSearch = "false"; var rootpath = "/en"; var imageBasePath = "/content/dam/cars/"; var cbpLandingPageURL = "/car-rental/profile/go.ac"; var locale = "en"; var domain = "au"; var brand = "budget"; var countrySelect = "Australia"; var contextPath = ""; var build = ""; var serviceUserName = "BUDCOM"; var servicePassword = "BUDCOM"; var revision = "1212121312"; var buildDate = "6/8/2016"; var httpTimeout = "32000"; var serviceTimeoutList = "[{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22},{\x22url\x22:\x22\/reservation\/cancel\x22,\x22timeOut\x22:\x2245000\x22}]"; var supportedLocale = ['en_AU',]; var internalLocale = "en_AU"; var visaApi = "Z4O6CSP2SW68Z9O19GPM13LSaO_Hq2A0Oi0khkf7KklWX6b6I"; var visaSrc = "https://sandbox-assets.secure.checkout.visa.com/checkout-widget/resources/js/integration/v1/sdk.js"; var visaImage = "https://sandbox.secure.checkout.visa.com/wallet-services-web/xo/button.png"; var enableCorporateOtpValidation = "false"; var country = "AU"; var gtmid = "GTM-PGSGP8V"; var enableGTM = "true"; var ENABLE_IB = "false" || 'false'; var enableCaptcha = "true"; var enableEnterpriseCaptcha = "true"; var enterpriseCaptchaSiteKey = "6LfxgSIbAAAAANm5s41C1zzB0_KzyPCd7BnWEeQs"; var quickPassLocs = ""; var clearMeClientID = "b9ceb9eb-fb88-4c21-970e-2b3a729d8715"; var whichBiometrics = "dci:mitek,ftpp:clear"; var supportedLocsClearMe = "san,iah,bos,mco,las,atl,lga"; var supportedLocsMiTek = "lax,mci,bna"; var enableStrikethrough = "true" || 'false'; var captchaSiteKey = "6LcJDr0UAAAAALkXARKtDiDhHP73L-jfKoKSNKVc"; var contentRoot="/loyalty-profile/fastbreak"; var shortURL = "true"; var reservation_PartnerResIntegrationEnabled = "true"; var redirectToHome = ""; var enableMemberBenefits = "false"; var enableAccessibility = "false"; var htmlExtension=''; var environmentBaseURL = window.location.origin || "https://www.budget.com.au"; var hideTierBundles = "false"; var chatURL = ""; if(shortURL=="false"){ htmlExtension = '.html'; } /* Opinion lab variable Dont remove it */ var custom_var=",COR:"+"au".toUpperCase(); var summaryEndPointUrl = ""; var isSecured = "true"; if(isSecured == "" || isSecured == null || isSecured == "false"){ isSecured = false; } else{ isSecured = true; } var enableAmazonPay = "false"; var sellerId = ""; var partnerConfig = { amazon : { enablePrimeBenefit : "", applicationID : "", clientId : "", sandboxMode : false, enablePartnerBenefit : "", alexaRedirectURL : "", onAirportRedirectURL : environmentBaseURL+contextPath + "/" + locale + "", amazonRedirectURL : environmentBaseURL+contextPath + "/" + locale + "" + htmlExtension } } var enablePaypal = "false"; var paypalClientId = "" var paypalJs = ""; var environmentDetails = ""; var enableApplePay = "false"; var merchantId = ""; var truckFlag = ""; var enableUplift = ""; var blockedCards = ""; var upliftApiKey = ""; var clearMeEnvironment = ""; var isHumanSecEnabled = "true"; var displayMemberRatesandBanner = ""; </script> <script>Dictionary.I18n.saveOrUpdate({"lbl.res.mileage.perNewMile":" per kilometre","err.res.mutliplemsg":"There are multiple errors in the form. Please correct them and resubmit the form.","err.global.multi.errorMessage":"There are multiple errors on the form. Please correct them and resubmit the form.","msg.res.awddetails,budget":"Your BCD cannot be used for this reservation due to the following reason(s):","lbl.res.buttonText":"Select My Vehicle","msg.res.step2.lastHourDropoff":"The return time of {0} is within one hour of this location\u0027s closing time. You may wish to confirm location hours by contacting the location directly at {1}","lbl.global.day":"Day","lbl.res.mileage.miles":" Miles included, ","msg.res.couponcount":"Coupon Count","err.res.genericerrormsg,budget":"We are unable to process your request at this time. Please return to the Homepage and start your process again or use the Worldwide Phone Number List to find your Budget Customer Service telephone number.","lbl.res.sugg.neigh,budget":"Nearby Rental Locations","res.step3.extras.button.continue":"Continue","err.res.pickupDropOffLoc":"We could not find a match for your search. Please try using only a city, ZIP or Airport code. \u003ca href\u003d\"/en/locations/find-a-location\"\u003eClick here\u003c/a\u003e to browse for a location","05011":"Your coupon has added this rental option to your reservation. ","lbl.reservation.step3.reservationSummary.discountCodes.counterDescription":"This coupon will be applied at the counter.Restriction may apply.Please check T\u0026Cs.","err.res.checkout.firstname.minAlphabets":"Please enter a valid \u003cstrong\u003eFirst Name\u003c/strong\u003e.","msg.res.step4.day":"day","lbl.res.sugg.city":"City Suggestions","lbl.selectdays":"Select Days","lbl.amazonBenefits.amazonDiscountVal,budget":"lbl.amazonBenefits.amazonDiscountVal,budget","lbl.smallBiz.aproxRentals5":"50+","err.msg.profile.resetPassword":"Your password has expired. Please reset a new password below before proceeding. \n","msg.res.awdinfo,budget":"BCD INFO","msg.res.carren,budget":"Car Rental Locations Found","lbl.yourRental":"Your Rental is Ready!","msg.res.specialFeature":"Special Feature","msg.res.couponinfo":"COUPON INFO","lbl.res.coupon":"Coupon","lbl.res.step3.reservationSummary.unlimited":"Unlimited","lbl.res.step3.reservationSummary.nomileage":"No Miles Included,","lbl.res.step3.reservationSummary.mileage":"Mileage","msg.res.step2.lastHourPickupDropoff":"The pick-up time of {0} and return time of {1} are within one hour of this location\u0027s closing time. You may wish to confirm location hours by contacting the location directly at {2}","lbl.loc.months.All":"January,February,March,April,May,June,July,August,September,October,November,December","lbl.res.vehicleAvailability.medium":" Med ","lbl.res.mileage.kilometers":" Kilometres included. ","lbl.res.VehicleAvailability.manualtransmission":"Manual Transmission","msg.res.coupondetails":"Your coupon number cannot be used for this reservation due to following reason(s):","err.global.sessionExpire.errorMessage,budget":"We are sorry, the site has not properly responded to your request. If the problem persists, please contact Reservations on 1300 362 848","msg.res.rateInfo":"Rate Info","lbl.res.gsoMarketPrice":"Market Price","lbl.res.vehicleAvailability.small":" Small ","lbl.res.mileage.perKilometer":" per kilometre","msg.res.couponAwdSameErrorInAwd,budget":"You can use only one BCD number per reservation.","msg.res.couponAwdSameErrorInCoupon":"You can use only one Coupon number per reservation.","lbl.res.step3.reservationSummary.kilometres.charged":"Kilometres charged at ","err.uplift.choosePaymentMethod,budget":"There are multiple errors on the form. Please correct them and resubmit the form.","lbl.res.step3.reservationSummary.kilometers":"Kilometres","lbll.global.upcomingReservations":"Upcoming Rentals","lbl.res.mileage.perMile":" per additional mile","lbl.res.select":"Select","msg.loc.locationsInNear":"Locations In or Near:","lbl.res.coupons":"Coupons","msg.search.previousSearch":"Previous Search Results","err.global.travelSecurity.errorMessage":"To maintain the security of your travel information, we have cleared your current session. Please enter your information below to proceed.","lbl.global.days":"Days","error.ratecode.rateLength":"error.ratecode.rateLength","err.res.awdLength,budget":"The BCD code entered is not valid. BCD codes are seven characters, one letter followed by six numbers.","lbl.res.vehicleAvailability.large":" Large ","lbl.res.days":"days","05555":"05555","lbl.res.sugg.truck,budget":"Truck Rental Locations","lbl.res.sugg.poi":"Points of Interest","lbl.res.step3.reservationSummary.nokmsIncluded":"No Kilometers Included,","lbl.res.mileage.priceIncluded":"This price has ","msg.res.couponcountdetail":"These are the available options that may be redeemed.","lbl.global.SELECT":"SELECT","lbl.res.additionalkms":"Additional kilometres start from ","lbl.res.step3.reservationSummary.perkm":"per kilometer","lbl.currentRental":"Current Rental","err.res.genericerrormsgRental":"We are sorry, we are unable to retrieve you rental details. Please try again or contact \u003ca href\u003d\u0027/en/customer-service/worldwide-telephone-numbers\u0027\u003e Customer Service \u003c/a\u003e for further assistance.","lbl.res.mileage.noTax":", not including Fees and Taxes.","lbl.global.MARKET":"MARKET","lbl.chooseMyVehicle":"Choose My Vehicle","err.profile.login.authenticationFailedAction":"The information you have entered below is incorrect. Please make sure that you have correctly entered the username/wizard number and password that is associated with your online profile.","msg.profile.password.reenter":"For your security, the password fields have been cleared. Please re-enter your password.","lbl.amazonBenefits.amazonPayLaterDiscVal,budget":"lbl.amazonBenefits.amazonPayLaterDiscVal,budget","err.global.secondary.amount.zero":"Secondary amount cannot be zerooooo.","lbl.res.VehicleAvailability.autotransmission":"Automatic Transmission","error.coupon.couponLength":"The coupon code entered is not valid. Coupon codes are seven characters, four letters followed by three numbers.","msg.res.step2.lastHourPickup":"The pick-up time of {0} is within one hour of this location\u0027s closing time. You may wish to confirm location hours by contacting the location directly at {1}","lbl.res.sugg.airport,budget":"Airport Rental Locations","lbl.res.buttonText,budget":"Search","lbl.amazonBenefits.amazonPayNowDiscVal,budget":"lbl.amazonBenefits.amazonPayNowDiscVal,budget","msg.corporateAccount.modalFooterMessage,budget":"msg.corporateAccount.modalFooterMessage,budget"})</script> <!-- <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit" defer async></script> --> <script> /* OnlineOpinion v5.9.12 Released: 07/18/2017. Compiled 07/05/2018 02:16:12 PM -0500 Branch: 5.9.12 35b5b2ad883c34f46ba08db42faadc591299a198 Components: Full UMD: disabled The following code is Copyright 1998-2018 Opinionlab, Inc. All rights reserved. Unauthorized use is prohibited. This product and other products of OpinionLab, Inc. are protected by U.S. Patent No. 6606581, 6421724, 6785717 B1 and other patents pending. http://www.opinionlab.com */ //This Opinion Lab is for only US domain. if((domain == 'us' && brand != 'budgettruck') || (domain == 'au' || domain == 'nz')) { /* global window, OOo */ function OpinionLab() { /* Opinion lab variable Dont remove it */ this.getParameters = function() { window.cv = {}; if (!!window.sessionStorage.getItem('ngStorage-reservationModel')) { if(brand == 'avis' || brand == 'payless') { var resModel = JSON.parse(window.sessionStorage.getItem('ngStorage-reservationModel')), qmsid = typeof window.QuantumMetricAPI !== "undefined" ? typeof window.QuantumMetricAPI.getSessionID === "function" ? window.QuantumMetricAPI.getSessionID() : OOo.readCookie('QuantumMetricSessionID') : OOo.readCookie('QuantumMetricSessionID'), qmsn = 'avis'; } else { var resModel = JSON.parse(window.sessionStorage.getItem('ngStorage-reservationModel')), qmsid = typeof window.QuantumMetricAPI !== "undefined" ? typeof window.QuantumMetricAPI.getSessionID === "function" ? window.QuantumMetricAPI.getSessionID() : OOo.readCookie('QuantumMetricSessionID') : OOo.readCookie('QuantumMetricSessionID'), qmsn = 'budget'; } window.cv = { PUC: resModel.pickCountry, PUL: resModel.pickInfo, PUD: resModel.pickUpDateDisplay, PUT: resModel.pickUpTime, DOL: (resModel.dropInfo == undefined ? resModel.pickInfo : resModel.dropInfo), DOD: resModel.dropDateDisplay, DOT: resModel.dropTime, userSelectedCar: resModel.userSelectedCar, CUR: resModel.userSelectedCurrency, WIZ: resModel.wizardNumber, AWD: resModel.partnerInfo.awdNumber, FirstName: resModel.personalInfoRQ.firstName, LastName: resModel.personalInfoRQ.lastName, CompanyName: resModel.partnerInfo.companyName, Email: resModel.personalInfoRQ.email, RateCode: resModel.rateCode, CouponNumber: resModel.coupon.couponNumber, FTP: resModel.ftpDetails.ftpNumber, flow: resModel.displayControls.reservation, ResConfNumber: typeof dataLayer[2] !== "undefined" ? typeof dataLayer[2].confirmationNumber !== "undefined" ? dataLayer[2].confirmationNumber : "" : "", CarClass: (resModel.selectedCar[0] != undefined ? resModel.selectedCar[0].carClass : ''), VehMake: (resModel.selectedCar[0] != undefined ? resModel.selectedCar[0].make : ''), VehModel: (resModel.selectedCar[0] != undefined ? resModel.selectedCar[0].makeModel : ''), qmSessionId: qmsid, qmSubscriptionName: qmsn, qmReplayUrl: 'https://' + qmsn + '.quantummetric.com/#/users/search?autoreplay=true&ts=last_30_days&qmSessionCookie=' + qmsid }; } else { window.cv = { COR: 'au'.toUpperCase() }; } }; this.init = function() { try { this.getParameters(); var encodedQmForLegacyVar = encodeURIComponent(window.cv.qmReplayUrl); /* Desktop Feedback Object */ OOo.oo_float = new OOo.Ocode({ floating: {}, disappearOnClick: false, disableShow: domain ==='us' || 'au' || 'nz'? true: false }); /* Mobile Feedback Object */ OOo.oo_mobile = new OOo.Ocode({ customVariables: window.cv, legacyVariables: { vars: "QuantumReplay%3A%20" + encodedQmForLegacyVar + "%7CEmail%3A%20" + window.cv.Email + "%7CConfirmation%3A%20" + window.cv.ResConfNumber, override: true } }); /* Mobile Launch Function */ OOo.oo_launch = function(e, feedback) { var evt = e || window.event; OOo[feedback].show(evt); }; document.getElementsByClassName("oo_feedback_float")[0].setAttribute('id', 'oo_float'); if (domain == "au" || domain == "nz") { document.getElementsByClassName("oo_feedback_float")[0].setAttribute("class","oo_feedback_float oo_feedback_float_apac"); } if(domain == 'us' || domain == 'au' || domain == 'nz'){ OOo.oo_waypoint = new OOo.Waypoint({ /* REQUIRED - Asset identification */ pathToAssets: '/etc/designs/' + brand + '/reservationlib/clientlib/images/', companySlogan: 'Give us feedback', companyLogo: '/etc/designs/' + brand + '/reservationlib/clientlib/images/waypoint_logo.' + (brand === 'avis' ? 'png' : 'jpeg'), // removeOnOutClick: true, linkFocus: false, /* OPTIONAL - Configuration */ categories: { website: { oCode: { customVariables: window.cv, legacyVariables: { vars: "QuantumReplay%3A%20" + encodedQmForLegacyVar + "%7CEmail%3A%20" + window.cv.Email + "%7CConfirmation%3A%20" + window.cv.ResConfNumber, override: true } }, icon: 'Website_thumbnail.png', buttonText: 'Website Feedback' }, rental: { oCode: { referrerRewrite: { searchPattern: /:\/\//g, replacePattern: '://rental.' }, customVariables: window.cv, legacyVariables: { vars: "QuantumReplay%3A%20" + encodedQmForLegacyVar + "%7CEmail%3A%20" + window.cv.Email + "%7CConfirmation%3A%20" + window.cv.ResConfNumber, override: true } }, icon: 'CarRental_thumbnail.png', buttonText: 'Rental Feedback' } }, wpmarkup: "<div id='oo_waypoint_prompt' role='dialogue' aria-describedby='oo_waypoint_message'><div id='oo_waypoint_company_logo'></div><div id='oo_logo_verbiage'>Tell Us How We Are Doing</div><div id='oo_waypoint_content'><p id='oo_waypoint_message'>What type of feedback do you have?</p><p id='waypoint_icons'></p><p id='ol_waypoint_brand_logo'><span aria-label='Powered by OpinionLab.'></span></p></div><a id='oo_waypoint_close_prompt' href='#' aria-label='Close dialog'><div class='screen_reader'>Close dialogue</div><span aria-hidden='true'>&#10006;</span></a></div><!--[if IE 8]><style>/* IE 8 does not support box-shadow */#oo_waypoint_prompt #oo_waypoint_content { width: 400px; padding: 40px 49px 20px 49px; border: 1px solid #ccc; }</style><![endif]-->" }); OOo.appendWaypoint('oo_float'); OOo.appendWaypoint('oo_feedback'); OOo.appendWaypointMobile('oo_feedback', 1); } /* Start Quantum Metric Session Capture */ OOo.addEventListener(window, 'load', function () { window.cv.qmSessionId = typeof window.QuantumMetricAPI !== "undefined" ? typeof window.QuantumMetricAPI.getSessionID() !== "undefined" ? window.QuantumMetricAPI.getSessionID() : OOo.readCookie('QuantumMetricSessionID') : OOo.readCookie('QuantumMetricSessionID'); window.cv.qmReplayUrl = 'https://' + window.cv.qmSubscriptionName + '.quantummetric.com/#/users/search?autoreplay=true&ts=last_30_days&qmSessionCookie=' + window.cv.qmSessionId; }, false); /* End Quantum Metric Session Capture */ } catch (error) { console.log("error in opinionlab"); } }; if (typeof OOo !== 'undefined' && typeof OOo.releaseDetails !== 'object') { OOo.releaseDetails = []; } OOo.releaseDetails.push({ author: 'JL', timeStamp: '05/06/2020, 15:04:10', fileName: 'oo_conf_avis.js', fileVersion: '2.0', ticketNumber: 'DYN-1091353' }); }; jQuery(document).ready(function() { ABG.appendResource('/etc/designs/' + brand + '/common/clientlib/styles/oo_style.css', 'opinionlabcss', 'css', { 'timeout': 2000 }); ABG.appendResource('/etc/designs/platform/clientlib/scripts/common/oo_engine.min.js', 'opinionlabscript', 'script', { 'timeout': 2000 }); if (window.location.pathname.indexOf('print-confirmation') === -1) { if (window.location.pathname.indexOf('small-business-chat') !== -1) { return; } var waitUntilOOo = setInterval(function() { if (angular.isDefined(window.OOo) && angular.isDefined(window.OOo.Waypoint)) { setTimeout(function() { var Feedback = new OpinionLab(); if (document.querySelectorAll('#oo_waypoint_container').length > 0) { document.getElementById('oo_waypoint_container').remove(); } if (document.querySelectorAll('.oo_feedback_float').length > 0) { document.querySelector('.oo_feedback_float').remove(); } Feedback.init(); }, 100); clearInterval(waitUntilOOo); } }, 100); } }); } </script> <div class="modal fade popup-fix" id="http-timeout-modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header hidden"> <h3 class="modal-title"><span class="mainErrorImage info-error-war-msg-image"><span></span></span></h3> </div> <div class="modal-body"> <h3 class="modal-title text-center"> <span class="mainErrorImage info-error-war-msg-image"><span></span></span> </h3> <div class="session-inner-wrap clearfix"> <div class="session-hdr-info clearfix"> <div class="clearfix"> <h4></h4> <!-- TODO : i18 msg --> <!-- <p>Connection failed or Some error occurred. Please try again.</p> --> <p>Connection Failed or Some Error occurred.</p> </div> </div> <div class="text-center"> <!-- TODO : i18 msg --> <button id="res-keepSession" type="button" class="btn btn-primary-avis" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> </div> <div id="buildInfo" class="hidden"> <p> <strong>Build #</strong>: <span class="build"></span> </p> <p> <strong>Revision #</strong>: <span class="revision"></span> </p> <p> <strong>Build Date</strong>: <span class="buildDate"></span> </p> </div> <!-- To load amazon related javascript --> <script src="/etc/designs/platform/clientlib.min.24.11.17-RELEASE.js"></script> </meta> <script src="/etc/designs/budget/common/clientlib.min.24.11.17-RELEASE.js"></script> </meta> <script src="/etc/designs/platform/landingpagelib/clientlib.min.24.11.17-RELEASE.js"></script> </meta> <script src="/etc/designs/budget/landingpagelib/clientlib.min.24.11.17-RELEASE.js"></script> </meta> <script src="/etc/designs/budget/reservationlib/clientlib.min.24.11.17-RELEASE.js"></script> </meta> <!-- Changes for loading the self-checkout clientlib - during self checkout pages and partner pages. --> <!-- Moving optimizely to customfooterlibs --> <div> <script src="https://www.google.com/recaptcha/enterprise.js?render=6LfxgSIbAAAAANm5s41C1zzB0_KzyPCd7BnWEeQs"></script> <div class="reCaptchaDiv"><div class="g-recaptcha" id="recaptcha" data-size="invisible" data-badge="inline" ng-model="vm.recaptcha"></div></div> </div> <!-- Loading intersection observer wherever it is needed --> <script type="text/javascript"> if (!('IntersectionObserver' in window) || !('IntersectionObserverEntry' in window) || !('intersectionRatio' in window.IntersectionObserverEntry.prototype) || !('isIntersecting' in window.IntersectionObserverEntry.prototype)) { loadScript( '/etc/designs/platform/angular/scripts/angular/intersection-observer.js', main); } else { main(); } function main(err) { angular.bootstrap(document, [ 'carRental' ], { strictDi : true }); jQuery('.hide-on-load').removeClass('hide-on-load'); if (err) { console.log("Failed to load bootstrap"); } } function loadScript(src, main) { var js = document.createElement('script'); js.src = src; js.onload = function() { main(); }; js.onerror = function() { main(new Error('Failed to load script ' + src)); }; document.head.appendChild(js); } </script> <!-- Added for fleet admin --> <!-- <script> angular.bootstrap(document, ['carRental'], { strictDi: true }); jQuery('.hide-on-load').removeClass('hide-on-load'); </script> --> <div> <base href="/en/" target="_self"/></base> </div> <div class="cloudservice generictracker"> </div> <div class="cloudservice googletagmanager"> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PGSGP8V" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PGSGP8V');</script> <!-- End Google Tag Manager --> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10