CINXE.COM

<!DOCTYPE html><html lang="en-US"><head><title>Subscribe to the Michigan Newspapers - Mlive.com</title><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:type" content="website"><meta property="og:url" content="https://subscribe.mlive.com/?sitecode=sn"><meta property="title" content="Subscribe to the Michigan Newspapers - Mlive.com"><meta property="description" content="Subscribe to gain exclusive print or digital access to the latest Michigan local news, sports news and U.S. breaking news."><meta property="og:description" content="Subscribe to The Saginaw News to gain exclusive print or digital access."><link href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" rel="stylesheet"><script src="https://cdn.jsdelivr.net/npm/flatpickr"></script><link rel="stylesheet" href="/styles/bootstrap.css"><link rel="stylesheet" href="/styles/alertify.min.css"><link rel="stylesheet" href="/styles/style_michigan.css?dateStamp=1716904245000"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;500;700&family=Roboto:wght@400;500&display=swap" rel="stylesheet"><link rel="icon" type="img/ico" href="/img/favicon.ico"><script>var viewParameters = {"Params":{"siteCode":"sn"},"InternalSessionID":"sT609jmCKzpRirkYO-RrIV43VaBeBnRC","presentation":{"Content":{"Name":"Standard_Adv","Url":"Advance_Standard","IsDefault":true,"Notifications":[],"PresentationProperties":{"name":"PresentationPropertiesV3","options":{"OgTags":{"Title":"","Image":"","Description":"Subscribe to The Saginaw News to gain exclusive print or digital access.","SiteName":"","ImageAlt":""},"StylingEnable":true,"NoOffers":{"LinkText":"","Text":"","Url":""},"Erorrs":{"GeneralErrors":{"Title":"We have found the following errors:"}},"RecaptchaScore":"","isMoveLabel":false,"DefaultPromotionCode ":"","DefaultOfferGroupId":"","DefaultZipCode":"","IsGiftSale":false,"TurnOffCaptcha":false,"DetectMobileDevices":false,"LoadingScreenLogo":"","CustomCSSLink":"","IsInternational":false,"Styling":{"BgColor":""},"StepPadding":"","MobileRedirectUrl":"","InputPadding":"","Theme":"Default"},"components":[]},"Components":[{"name":"HeaderV3","options":{"AlreadySubscriber":{"LinkText":"<p>Click here</p>","Title":"<p>Already a subscriber?</p>","Show":true,"Url":"https://myaccount.mlive.com"},"LogoAltText":"","LoginSectionShow":false,"InternationalSubscriber":{"LinkText":"","Show":false,"Title":"","Url":""},"Back":{"Show":true,"Text":"BACK"},"LoginText":"LOG IN","Styling":{"BackgroundColor":"#ffffff","BackgroundImage":"","LogoAlignLeft":false,"Logo":"https://s3.amazonaws.com/cms.advance/MMG_SN_primary_horizontal_digital_color.png","TextColor":"#1900ff","BorderColor":"#eeeeee"},"LogoUrl":"","LogoutText":"LOG OUT"},"components":[]},{"name":"PageV3","options":{"PageMetaData":{"Title":"Subscribe to The Saginaw News - MLive.com","Favicon":""},"Styling":{"Background":{"Image":"https://s3.amazonaws.com/cms.advance/ADV%20Print.jpg","Color":"","AccentColor":"","AccentImage":"","Scrollable":false}},"Title":"<p style=\"text-align: center;\"><span style=\"color: #333399;\"><span style=\"font-size: 28px;\">We don't tell you what to think or feel.<br /></span><span style=\"font-size: 28px;\">We tell you the truth.</span></span></p>","MobileStyling":{"Background":{"AccentImage":"","AccentColor":"","Image":"","Color":""}},"Subtitle":"","DisplayType":"One","AlternativeMobileStyling":false,"MobileTitle":"","MobileSubtitle":""},"components":[{"name":"LandingTilesV3","options":{"SliderDotsColor":"","DisplayInlineCount":2,"Subtitle":"","IncreaseTileOnHover":true,"Title":"","SubtypeName":"Default"},"components":[{"name":"PromotionZipcodeV3","options":{"Details":{"Title":"","Body":""},"NoOffersAvailableMessage":"<p>I'm sorry, there are no offers available for that Zip / Promo Code.</p>","Styling":{"TextColor":"","Modal":{"Button":{"TextColor":"","BackgroundColor":"","BorderColor":"","Type":""},"BackgroundColor":"","TextColor":""},"Button":{"BackgroundColor":"","TextColor":"","BorderColor":"","Width":"","Type":"Rounded corner"},"BorderColor":"","EnableCustomization":true,"BackgroundColor":""},"Action":{"ZipCodeFail":{"Button":{"Text":"Try Digital","OfferGroupId":"210","PromotionCode":""},"Title":"I'm sorry, there are no offers available for that Zip / Promo.","Body":""},"Coupon":{"Validation":{"Required":{"Message":"","Apply":false}},"Show":true,"Placeholder":"Enter the Promo Code","Title":"","HideText":"","ValidateOnFocusLost":false,"ShowText":"Have a promo code?"},"OneTimeUseCode":{"Title":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Message":"","Apply":false}},"HideText":"","ShowText":"","Placeholder":"","Show":false},"Title":"","ZipCode":{"Placeholder":"Enter ZIP Code","Title":""}},"ZipCode":{"Validation":{"MinLength":{"Apply":false,"Message":""},"Required":{"Message":"ZIP Code is Required","Apply":true}},"ValidateOnFocusLost":true},"Title":"<p><span style=\"color: #333333; font-size: 24px;\"><strong><span style=\"font-size: 18px;\"><span style=\"font-size: 12px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #000000;\"><span style=\"font-size: 18px;\"><span style=\"font-size: 24px;\"><strong><span style=\"font-size: 18px;\">Print & Online Subscription</span></strong></span></span></span></span></strong></span></p>","AlternativeMobileStyling":{"Subtitle":"","Enabled":false,"Body":"","Title":""},"Email":{"ValidateOnFocusLost":false,"Validation":{"Required":{"Message":"","Apply":false},"Pattern":{"Message":"","Apply":false}}},"SubtitleAboveImage":false,"TitleAboveImage":true,"Subtitle":"<ul style=\"list-style-type: disc; text-align: left;\">\n<li style=\"margin-bottom: 0px;\"><span style=\"font-size: 14px;\">Exclusive access to The Saginaw News content: print and online editions, and MLive.com</span></li>\n<li style=\"margin-bottom: 0px;\"><span style=\"font-size: 14px;\">Local investigative reports that have a real impact</span></li>\n<li style=\"margin-bottom: 0px;\"><span style=\"font-size: 14px;\">Get the news that matters to you - anytime, anywhere</span></li>\n</ul>","RespectUrlParams":false,"Button":{"OfferGroupId":"","Text":"Subscribe","PromotionCode":"Default"},"HoverText":"SUBSCRIBE","ActionsInModal":true,"HideInputs":false,"SkipZipCodeValidation":false,"TileTop":{"BorderColor":"","BackgroundColor":"","Text":"","Show":false},"Bodybottom":"","ImageAlt":"","Image":"https://s3.amazonaws.com/cms.advance/conrev_MI_SAGINAW_20240207_landingpageoffer_digital_print.jpg","Body":"","deliveryDays":[]},"components":[]},{"name":"PromotionZipcodeV3","options":{"Details":{"Title":"","Body":""},"NoOffersAvailableMessage":"","Styling":{"TextColor":"","Modal":{"Button":{"TextColor":"","BackgroundColor":"","BorderColor":"","Type":""},"BackgroundColor":"","TextColor":""},"Button":{"BackgroundColor":"","TextColor":"","BorderColor":"","Width":"","Type":"Rounded corner"},"BorderColor":"","EnableCustomization":true,"BackgroundColor":""},"Action":{"ZipCodeFail":{"Button":{"Text":"","OfferGroupId":"","PromotionCode":""},"Title":"","Body":""},"Coupon":{"Validation":{"Required":{"Message":"","Apply":false}},"Show":true,"Placeholder":"Enter the Promo Code","Title":"","HideText":"","ValidateOnFocusLost":false,"ShowText":"Have a promo code?"},"OneTimeUseCode":{"Title":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Message":"","Apply":false}},"HideText":"","ShowText":"","Placeholder":"","Show":false},"Title":"","ZipCode":{"Placeholder":"Enter ZIP Code","Title":""}},"ZipCode":{"Validation":{"MinLength":{"Apply":false,"Message":""},"Required":{"Message":"ZIP Code is Required","Apply":true}},"ValidateOnFocusLost":true},"Title":"<p><span style=\"font-size: 12px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #000000;\"><span style=\"font-size: 18px;\"><span style=\"font-size: 24px;\"><strong><span style=\"font-size: 18px;\">Online Subscription</span></strong></span></span></span></p>","AlternativeMobileStyling":{"Subtitle":"","Enabled":false,"Body":"","Title":""},"Email":{"ValidateOnFocusLost":false,"Validation":{"Required":{"Message":"","Apply":false},"Pattern":{"Message":"","Apply":false}}},"SubtitleAboveImage":false,"TitleAboveImage":true,"Subtitle":"<ul style=\"list-style-type: disc; text-align: left;\">\n<li style=\"margin-bottom: 0px;\"><span style=\"font-size: 14px;\">Exclusive access to The Saginaw News content: online edition </span><span style=\"font-size: 14px;\">and MLive.com</span></li>\n<li style=\"margin-bottom: 0px;\"><span style=\"font-size: 14px;\">Local investigative reports that have a real impact</span></li>\n<li style=\"margin-bottom: 0px;\"><span style=\"font-size: 14px;\">Get the news that matters to you - anytime, anywhere</span></li>\n</ul>","RespectUrlParams":false,"Button":{"OfferGroupId":"","Text":"Subscribe","PromotionCode":"eNews"},"HoverText":"","ActionsInModal":true,"HideInputs":false,"SkipZipCodeValidation":true,"TileTop":{"BorderColor":"","BackgroundColor":"","Text":"","Show":false},"Bodybottom":"","ImageAlt":"","Image":"https://s3.amazonaws.com/cms.advance/conrev_MI_SAGINAW_20240207_landingpageoffer_digital.jpg","Body":"","deliveryDays":[]},"components":[]}]}]},{"name":"PageV3","options":{"PageMetaData":{"Title":"Subscribe to the The Saginaw News - MLive.com","Favicon":""},"Styling":{"Background":{"Image":"https://s3.amazonaws.com/cms.advance/ADV%20Print.jpg","Color":"#eaeaea","AccentColor":"#eaeaea","AccentImage":"","Scrollable":false}},"Title":"","MobileStyling":{"Background":{"AccentImage":"","AccentColor":"","Image":"","Color":""}},"Subtitle":"","DisplayType":"One","AlternativeMobileStyling":false,"MobileTitle":"","MobileSubtitle":""},"components":[{"name":"OfferSelectorTilesV3","options":{"Show":{"Body":true,"ExpressCheckoutOfferText":false,"TermsAndConditions":true,"Price":true,"Title":true,"ImageOnMobile":false,"Image":false},"OfferStyling":{"EnableCustomization":false,"BorderColor":"","BackgroundColor":"","TextColor":""},"BestOfferText":"<p><span style=\"color: #339966; font-size: 18px;\"><strong>Easy Pay Offer<br /></strong></span></p>","Sign":{"BgColor":"#94bc96","Color":"#ffffff","Hide":false},"EnableSwG":false,"Button":{"Styling":{"BorderColor":"","BackgroundColor":"","Type":"Rounded corner","Width":"","TextColor":""},"EnableCustomization":true},"ExpressCheckoutOfferText":"","OfferButtonText":"Subscribe","Premium":{"Title":""},"Title":"<p><strong style=\"color: #333333; font-family: Calibri, sans-serif; font-size: 24px;\">Select an introductory offer below</strong></p>","OptionsSection":{"ShowingOptions":"","Edit":"","OptionsInclude":""},"OfferButtonPosition":"","AutoSelectOffer":false},"components":[]}]},{"name":"PageV3","options":{"PageMetaData":{"Title":"Subscribe to the The Saginaw News - {{MarketName]]","Favicon":""},"Styling":{"Background":{"Image":"","Color":"#ffffff","AccentColor":"","AccentImage":"","Scrollable":false}},"Title":"","MobileStyling":{"Background":{"AccentImage":"","AccentColor":"","Image":"","Color":""}},"Subtitle":"","DisplayType":"One","AlternativeMobileStyling":false,"MobileTitle":"","MobileSubtitle":""},"components":[{"name":"StickyNoteV3","options":{"OfferTopContainer":{"EnableCustomization":true,"Styling":{"BackgroundColor":{"Left":"","Right":""}}},"Title":"<p><strong>Offer Selection:<br /></strong></p>","Pricing":{"ActivationFee":{"Title":"Activation Fee:","Show":true},"TaxAmount":{"Title":"Tax Amount:","Show":true,"ShowPeriod":true},"Quantity":{"Show":false,"Title":""},"CityTax":{"Show":false,"Title":""},"Amount":{"Title":"Amount per Term:","ShowPeriod":false,"Show":true},"CountyTax":{"Title":"","Show":false},"TotalPrice":{"Show":true,"Title":"Total Price:"},"StateTax":{"Title":"","Show":false}},"Premium":{"Title":""},"OfferPartsVisibility":{"Price":true,"Title":true,"Image":false,"Body":true},"ShowChat":false},"components":[]},{"name":"OfferDetailsV3","options":{"ReElectionButton":{"Styling":{"BorderColor":"","BackgroundColor":"","TextColor":""},"Text":"","EnableCustomization":false},"MarketingPrice":{"Show":false},"OfferDetailsStyling":{"Styling":{"BackgroundColor":"","BorderColor":""},"EnableCustomization":false},"SubscribeTo":"","Image":{"Show":true},"MarketingBody":{"Show":true},"Title":"","Subtitle":""},"components":[]},{"name":"StepV3","options":{"Button":{"Styling":{"Type":"","Width":"","BorderColor":"","BackgroundColor":"","TextColor":""},"Text":"Continue","Spinner":{"Show":true},"HideWhileDisabled":false,"Disabled":{"HoverMessage":{"Text":"","Show":false}},"EnableCustomization":false},"Pricing":{"Amount":{"Title":"Amount:","ShowPeriod":true,"Show":true},"TotalPrice":{"Show":true,"Title":"Total Price:"},"OnTop":{"ShowSecondButton":false,"Show":false,"AccentColor":""},"TaxAmount":{"Show":true,"ShowPeriod":true,"Title":"Tax Amount:"},"StateTax":{"Show":false,"Title":""},"ActivationFee":{"Title":"Activation Fee:","Show":true},"Quantity":{"Title":"Quantity:","Show":true},"CountyTax":{"Title":"","Show":false},"CityTax":{"Show":false,"Title":""}},"Styling":{"TextColor":"","AccentColor":"","TextAccentColor":"","MainColor":"","EnableCustomization":false},"StepIndicator":{"Show":true},"Premium":{"Title":""},"Cancel":{"Show":false,"Text":"","Url":""},"OfferText":{"Show":true},"Spinner":{"Show":true},"Subtitle":"<p><span style=\"color: #000000;\">Please enter all information.</span></p>","BackLink":{"Show":false,"Text":""},"Title":"<p><span style=\"color: #000000;\">USER INFORMATION</span><strong><span style=\"color: #000000;\"><span style=\"font-size: 12px;\"><br /></span></span></strong></p>","ShowChat":false,"MarketingText":{"Show":true},"UpsellAlternate":{"Subtitle":"","Title":"","Apply":false},"IsNestedSteps":false,"Enumer":{"Show":false},"AccentColor":"","ShowSummary":{"DeliveryAddress":false,"UserInformation":false,"BillingAddress":false,"PaymentInformation":false},"EditStepSymbol":""},"components":[{"name":"DeliveryInformationV3","options":{"City":{"Validation":{"Required":{"Message":"City is Required","Apply":true}},"Placeholder":"City","ValidateOnFocusLost":true,"Title":"City","OptionalNextToPlaceholder":"","Show":true,"OptionalNextToTitle":""},"Currency":{"Placeholder":"","Show":false,"Title":""},"AddressLine":{"Title":"Address Line","Validation":{"MaxLength":{"Apply":false,"Message":""},"Required":{"Apply":true,"Message":"Address is Required"}},"OptionalNextToTitle":"","AutoComplete":{"NonUSErrorText":"","ApplyGeoLocation":false,"Apply":false},"OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Show":true,"Placeholder":"Address Line"},"Province":{"Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","Show":false,"Placeholder":"","Title":"","OptionalNextToPlaceholder":""},"Name":{"Title":"Name"},"Privacy":{"Title":"Will be used in accordance with the","Body":"<span href=https://www.advancelocal.com/advancelocalUserAgreement/privacy-policy.html target=\"_blank\" style=\"color: #000000; text-decoration: none;\"> Privacy policy</a><br></span>"},"Country":{"Validation":{"Required":{"Message":"","Apply":false}},"ValidateOnFocusLost":false,"Placeholder":"","Show":false,"Title":"","OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"State":{"OptionalNextToTitle":"","Validation":{"Required":{"Message":"","Apply":true}},"Placeholder":"","OptionalNextToPlaceholder":"","Show":true,"Title":"State"},"PhoneNumber":{"ValidateOnFocusLost":true,"Show":true,"Title":"Phone","Placeholder":"Phone Number","Validation":{"PhoneUS":{"Message":"Please enter a valid phone number","Apply":false},"Required":{"Apply":true,"Message":"Phone Number is Required"},"PhoneAUS":{"Apply":false,"Message":""}},"Help":{"ImageUrl":"","LinkText":"Why is this required?","Show":false,"Text":"<p>By giving your phone number here, you agree The Saginaw News may contact you about your subscription account and other offers which you might find of interest, and may use an automatic dialer, text message or pre-recorded voice to do so.</p>"},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Note":""},"Company":{"Show":false,"OptionalNextToPlaceholder":"","Title":"","OptionalNextToTitle":"","Validation":{"Required":{"Message":"","Apply":false}},"ValidateOnFocusLost":false,"Placeholder":""},"StandartizationErrorMessage":"","CollectZipLast":false,"SecondAddressLine":{"Validation":{"Required":{"Message":"","Apply":false},"MaxLength":{"Apply":false,"Message":""}},"Title":"","Placeholder":"Apt Unit","OptionalNextToPlaceholder":"","Help":{"LinkText":"","Text":"","ImageUrl":"","Show":false},"Show":true,"OptionalNextToTitle":"","ValidateOnFocusLost":true},"InternationalPhone":{"OptionalNextToTitle":"","ValidateOnFocusLost":false,"Title":"","Placeholder":"","Show":false,"OptionalNextToPlaceholder":"","Validation":{"Required":{"Apply":false,"Message":""},"MaxLength":{"Message":"","Apply":false}}},"Zipcode":{"ValidateOnFocusLost":true,"OptionalNextToTitle":"","Validation":{"MinLength":{"Params":5,"Apply":false,"Message":"Zip Code must be 5 digits"},"Required":{"Message":"Zip Code is Required","Apply":true}},"OptionalNextToPlaceholder":"","Show":true,"Title":"Zipcode","Placeholder":"Zipcode"},"Email":{"Validation":{"Pattern":{"Message":"","Apply":false},"Required":{"Message":"Email is Required","Apply":true}},"OptionalNextToTitle":"","Placeholder":"Email","Show":true,"OptionalNextToPlaceholder":"","Title":"Email","ValidateOnFocusLost":false},"LastName":{"Validation":{"Required":{"Apply":true,"Message":"Last Name is Required"}},"ValidateOnFocusLost":true,"Placeholder":"Last Name","Title":"Last Name","Show":true,"OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"EnableAutoAddress":false,"InternationalCity":{"Validation":{"Required":{"Message":"","Apply":false}},"OptionalNextToTitle":"","Placeholder":"","Title":"","ValidateOnFocusLost":false,"OptionalNextToPlaceholder":"","Show":false},"NotRoutable":{"OfferGroupId":"210","PromotionCode":"","LinkText":"Try a digital subscription.","NoOffersErrorMessage":"","DisclaimerText":"Sorry we cannot deliver to the address entered."},"FirstName":{"Placeholder":"First Name","Validation":{"Required":{"Apply":true,"Message":"First Name is Required"}},"Show":true,"OptionalNextToTitle":"","ValidateOnFocusLost":true,"OptionalNextToPlaceholder":"","Title":"First Name"},"HideBillingIsNotDeliveryBlock":false,"Standardization":{"Message":"We have standardized your address","SuggestedAddressTitle":"Alternate Addresses"},"PostalCode":{"Show":false,"OptionalNextToTitle":"","Title":"","OptionalNextToPlaceholder":"","Placeholder":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}}},"ShowSummary":false,"EnableAddressValidation":false,"DoNotPopulateLocation":false,"Title":"<p>DeliveryAddress Title</p>","BillingIsNotDelivery":"","Errors":{"Title":""}},"components":[]},{"name":"BillingInformationV3","options":{"NotRoutable":{"LinkText":"","OfferGroupId":"","PromotionCode":"","NoOffersErrorMessage":"","DisclaimerText":""},"AddressLine":{"Validation":{"Required":{"Apply":true,"Message":"Address is required"},"MaxLength":{"Apply":false,"Message":""}},"AutoComplete":{"Apply":false,"NonUSErrorText":"","ApplyGeoLocation":false},"OptionalNextToPlaceholder":"","ValidateOnFocusLost":true,"Placeholder":"Address Line","Show":true,"OptionalNextToTitle":"","Title":"Address"},"FirstName":{"OptionalNextToPlaceholder":"","Show":true,"OptionalNextToTitle":"","ValidateOnFocusLost":true,"Validation":{"Required":{"Apply":true,"Message":"First Name is Required"}},"Title":"First Name","Placeholder":"First Name"},"State":{"OptionalNextToPlaceholder":"","Show":true,"Placeholder":"","Title":"State","Validation":{"Required":{"Message":"","Apply":false}},"OptionalNextToTitle":""},"Privacy":{"Title":"Will be used in accordance with the","Body":"<span href=https://www.advancelocal.com/advancelocalUserAgreement/privacy-policy.html target=\"_blank\" style=\"color: #000000; text-decoration: none;\"> Privacy policy</a><br></span>"},"SecondAddressLine":{"OptionalNextToPlaceholder":"","Help":{"LinkText":"","Text":"","Show":false,"ImageUrl":""},"Validation":{"Required":{"Message":"","Apply":false},"MaxLength":{"Apply":false,"Message":""}},"OptionalNextToTitle":"","ValidateOnFocusLost":false,"Title":"","Placeholder":"Apt Unit","Show":true},"InternationalPhone":{"Placeholder":"Internationa lPhone","OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Validation":{"MaxLength":{"Apply":false,"Message":""},"Required":{"Message":"","Apply":false}},"ValidateOnFocusLost":false,"Title":"International Phone","Show":false},"Company":{"Show":false,"Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToTitle":"","ValidateOnFocusLost":false,"Placeholder":"","Title":"","OptionalNextToPlaceholder":""},"Standardization":{"Message":"We have standardized your address","SuggestedAddressTitle":"Alternate Addresses"},"InternationalCity":{"Title":"International City","OptionalNextToTitle":"","Show":false,"Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToPlaceholder":"","Placeholder":"International City","ValidateOnFocusLost":false},"LastName":{"ValidateOnFocusLost":true,"Validation":{"Required":{"Apply":true,"Message":"Last Name is required"}},"OptionalNextToPlaceholder":"","Show":true,"Title":"Last Name","Placeholder":"Last Name","OptionalNextToTitle":""},"DoNotPopulateLocation":false,"PostalCode":{"OptionalNextToTitle":"","Show":false,"Title":"","Placeholder":"","OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}}},"Name":{"Title":"Name"},"Zipcode":{"Validation":{"MinLength":{"Apply":true,"Message":"Zip Code must be 5 digits","Params":5},"Required":{"Message":"Zip Is Required","Apply":true}},"ValidateOnFocusLost":true,"Placeholder":"Zipcode","OptionalNextToTitle":"","Show":true,"Title":"ZipCode","OptionalNextToPlaceholder":""},"City":{"Validation":{"Required":{"Message":"City is required","Apply":true}},"Show":true,"Placeholder":"City","ValidateOnFocusLost":true,"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Title":"City"},"Country":{"OptionalNextToPlaceholder":"","Title":"Country","Validation":{"Required":{"Apply":false,"Message":""}},"Placeholder":"Select Country","Show":false,"OptionalNextToTitle":"","ValidateOnFocusLost":false},"Email":{"Placeholder":"Email","Title":"Email","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":true,"Message":""},"Pattern":{"Apply":true,"Message":""}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Show":true},"Errors":{"Title":""},"BillingIsNotDelivery":"Billing Address is not Delivery Address","PhoneNumber":{"Help":{"LinkText":"Why is this required?","ImageUrl":"","Text":"<p>By giving your phone number here, you agree The Saginaw News may contact you about your subscription account and other offers which you might find of interest, and may use an automatic dialer, text message or prerecorded voice to do so.</p>","Show":true},"Validation":{"Required":{"Apply":true,"Message":"Phone Number is required"},"PhoneUS":{"Message":"Please enter a valid phone number","Apply":true},"PhoneAUS":{"Apply":false,"Message":""}},"OptionalNextToTitle":"","Show":true,"Title":"Phone","ValidateOnFocusLost":true,"Note":"","OptionalNextToPlaceholder":"","Placeholder":"Phone Number"},"EnableAddressValidation":false,"HideBillingIsNotDeliveryBlock":false,"Title":"<p>BillingAddress Title</p>","Currency":{"Title":"","Show":false,"Placeholder":""},"CollectZipLast":false,"StandartizationErrorMessage":"","Province":{"Show":false,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Title":"Province","Placeholder":"Province","Validation":{"Required":{"Apply":false,"Message":"Province Is Required"}}},"EnableAutoAddress":false,"ShowSummary":false},"components":[]},{"name":"EZPayV3","options":{"EZPayCheckbox":"show checkbox","EZPayNotAvailableText":"","CheckboxInitialValue":false,"EZPayTextWhenCheckboxAbsent":"<p><span style=\"font-size: 13.3333px;\">By checking the box and clicking signup, I agree the Easy Pay rate shown or the then-current rate, plus applicable sales tax (and any authorized carrier tip) will be automatically charged to my credit/debit card (and renewals thereof) or checking account at the frequency noted until I cancel. I understand if a previous balance is owed, there will be two charges on my credit card. One charge will be for the previous balance for delivery received and the second charge will be for the continued subscription term I have selected. I may cancel at any time by calling 989-671-1202 and the unused portion of my payment will be refunded.</span></p>","EZPayTextWhenCheckboxPresent":"<p></p>\n<p></p>\n<p></p>\n<p><span style=\"font-size: 13.3333px;\">By checking the box and clicking signup, I agree the Easy Pay rate shown or the then-current rate, plus applicable sales tax (and any authorized carrier tip) will be automatically charged to my credit/debit card (and renewals thereof) or checking account at the frequency noted until I cancel. I understand if a previous balance is owed, there will be two charges on my credit card. One charge will be for the previous balance for delivery received and the second charge will be for the continued subscription term I have selected. I may cancel at any time by calling 989-671-1202 and the unused portion of my payment will be refunded.</span></p>","CheckboxText":"Sign me up for Easy Pay!","isEzPay":{"Validation":{"Validation":{"Message":"Please Accept the Easy Pay Terms and Conditions","Apply":true}}}},"components":[]}]},{"name":"StepV3","options":{"Button":{"Styling":{"Type":"","Width":"","BorderColor":"","BackgroundColor":"","TextColor":""},"Text":"Continue","Spinner":{"Show":true},"HideWhileDisabled":false,"Disabled":{"HoverMessage":{"Text":"","Show":false}},"EnableCustomization":false},"Pricing":{"Amount":{"Title":"Amount:","ShowPeriod":false,"Show":true},"TotalPrice":{"Show":true,"Title":"Price:"},"OnTop":{"ShowSecondButton":false,"Show":false,"AccentColor":""},"TaxAmount":{"Show":true,"ShowPeriod":true,"Title":"Tax Amount:"},"StateTax":{"Show":false,"Title":""},"ActivationFee":{"Title":"Activation Fee:","Show":true},"Quantity":{"Title":"Quantity:","Show":true},"CountyTax":{"Title":"","Show":false},"CityTax":{"Show":false,"Title":""}},"Styling":{"TextColor":"","AccentColor":"","TextAccentColor":"","MainColor":"","EnableCustomization":false},"StepIndicator":{"Show":false},"Premium":{"Title":""},"Cancel":{"Show":false,"Text":"","Url":""},"OfferText":{"Show":false},"Spinner":{"Show":false},"Subtitle":"","BackLink":{"Show":false,"Text":""},"Title":"<p><span style=\"color: #000000;\">PAYMENT INFORMATION</span></p>","ShowChat":false,"MarketingText":{"Show":false},"UpsellAlternate":{"Subtitle":"","Title":"","Apply":false},"IsNestedSteps":false,"Enumer":{"Show":false},"AccentColor":"","ShowSummary":{"DeliveryAddress":false,"UserInformation":false,"BillingAddress":false,"PaymentInformation":false},"EditStepSymbol":""},"components":[{"name":"PaymentMethodsV3","options":{"PostalCode":{"Show":false,"Title":"Postal Code","OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Placeholder":"Postal Code","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}}},"PhoneNumber":{"Help":{"LinkText":"","ImageUrl":"","Text":"","Show":false},"Validation":{"PhoneUS":{"Apply":false,"Message":""},"Required":{"Message":"","Apply":false},"PhoneAUS":{"Apply":false,"Message":""}},"Placeholder":"Phone Number","OptionalNextToTitle":"","Show":false,"ValidateOnFocusLost":false,"Note":"","Title":"Phone Number","OptionalNextToPlaceholder":""},"Zipcode":{"ValidateOnFocusLost":false,"Validation":{"MinLength":{"Apply":false,"Message":""},"Required":{"Apply":false,"Message":""}},"Show":false,"Title":"","Placeholder":"","OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"TransferBalance":{"OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Message":"","Apply":false},"Validation":{"FormatMessage":"","MaxValueMessage":"","Params":"","Apply":false}},"Show":false,"Placeholder":"","OptionalNextToTitle":"","Title":""},"SelectionBeforeFields":true,"Email":{"Validation":{"Pattern":{"Apply":false,"Message":""},"Required":{"Message":"","Apply":false}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Title":"","Placeholder":"","Show":false},"InternationalPhone":{"OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"","Apply":false}},"Placeholder":"","ValidateOnFocusLost":false,"Show":false,"OptionalNextToTitle":"","Title":"International Phone"},"FirstName":{"ValidateOnFocusLost":false,"Show":false,"Title":"First Name","Validation":{"Required":{"Apply":false,"Message":"Required"}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Placeholder":"First Name"},"LastName":{"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Title":"Last Name","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"Placeholder":"Last Name","Show":false},"Country":{"Validation":{"Required":{"Apply":false,"Message":""}},"Placeholder":"","Show":false,"Title":"Country","OptionalNextToTitle":"","OptionalNextToPlaceholder":"","ValidateOnFocusLost":false},"TransferBalanceReason":{"Placeholder":"","Show":false,"Title":"","List":""},"State":{"Placeholder":"State","Title":"State","Show":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Validation":{"Required":{"Apply":false,"Message":""}}},"Province":{"Validation":{"Required":{"Message":"","Apply":false}},"OptionalNextToPlaceholder":"","Show":false,"OptionalNextToTitle":"","ValidateOnFocusLost":false,"Title":"","Placeholder":""},"PaymentMethodSelector":{"Title":"","Style":""},"Currency":{"Title":"","Show":false,"Placeholder":""},"MorePaymentOptionText":"","Errors":{"Title":""},"Title":"<p>Payment Methods</p>","DelimiterText":"","IsOnlinePaymentSystemButtonsBelow":false,"Subtitle":""},"components":[{"name":"CreditCardEdgilV3","options":{"Title":"Credit Card","Summary":{"Name":"Name","ExpirationDate":"Expiration Date","CardNumber":"Card Number"},"ErrorOnLoadMessage":"Sorry, we were unable to load Edgil.","PhoneNumber":{"Disclaimer":"","Show":false,"Title":"Phone Number","Placeholder":"Enter your Phone Number"},"LearnMore":{"Url":"","Text":"Learn More","Show":false},"Alt":"CC Edgil image","Image":"","LastName":{"Placeholder":"Last Name","Title":"Last Name","Show":true},"CardNumber":{"Title":"Card Number","Placeholder":"Card Number"},"ExpirationDate":{"Title":"Expiration Date","Placeholder":"MMYY"},"CVV":{"Title":"CVV","Placeholder":"CVV"},"Zipcode":{"Title":"Zip Code","Placeholder":"Zipcode","Show":true},"SubmitButton":{"Text":"Continue","BackgroundColor":"","TextColor":"","BorderColor":""},"FirstName":{"Show":true,"Placeholder":"First Name","Title":"First Name"},"TermsAndConditions":{"Show":false}},"components":[]},{"name":"BankAccountV3","options":{"Title":"Bank Account","RoutingNumber":{"Validation":{"Required":{"Message":"Routing Number is Required","Apply":true},"RoutingNumber":{"Apply":true},"MaxLength":{"Apply":false,"Message":""}},"Placeholder":"Routing Number","Help":{"Show":false,"ImageUrl":"","Text":"","LinkText":""},"Title":"Routing Number","ValidateOnFocusLost":true,"Show":true,"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"AccountNumber":{"Show":true,"Placeholder":"Account Number","ValidateOnFocusLost":true,"Validation":{"Required":{"Apply":true,"Message":"Account Number is Required"}},"Title":"Account Number","OptionalNextToTitle":"","OptionalNextToPlaceholder":""},"LearnMore":{"Show":false,"Text":"","Url":""},"AccountHolder":{"ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"Placeholder":"","Show":false,"Title":"","OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"BankName":{"Show":true,"Placeholder":"Bank Name","ValidateOnFocusLost":true,"Validation":{"Required":{"Apply":true,"Message":"Bank Name is Required"}},"Title":"Bank Name","OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"Image":""},"components":[]}]}]},{"name":"StepV3","options":{"Button":{"Styling":{"Type":"","Width":"","BorderColor":"","BackgroundColor":"","TextColor":""},"Text":"Place your order","Spinner":{"Show":true},"HideWhileDisabled":false,"Disabled":{"HoverMessage":{"Text":"","Show":false}},"EnableCustomization":false},"Pricing":{"Amount":{"Title":"Amount:","ShowPeriod":false,"Show":true},"TotalPrice":{"Show":true,"Title":"Price:"},"OnTop":{"ShowSecondButton":false,"Show":false,"AccentColor":""},"TaxAmount":{"Show":true,"ShowPeriod":false,"Title":"Tax Amount:"},"StateTax":{"Show":false,"Title":""},"ActivationFee":{"Title":"Activation Fee:","Show":true},"Quantity":{"Title":"Quantity","Show":false},"CountyTax":{"Title":"","Show":false},"CityTax":{"Show":false,"Title":""}},"Styling":{"TextColor":"","AccentColor":"","TextAccentColor":"","MainColor":"","EnableCustomization":false},"StepIndicator":{"Show":true},"Premium":{"Title":""},"Cancel":{"Show":false,"Text":"","Url":""},"OfferText":{"Show":false},"Spinner":{"Show":true},"Subtitle":"","BackLink":{"Show":false,"Text":""},"Title":"<p><span style=\"color: #000000;\">ORDER SUMMARY</span></p>","ShowChat":false,"MarketingText":{"Show":false},"UpsellAlternate":{"Subtitle":"","Title":"","Apply":false},"IsNestedSteps":false,"Enumer":{"Show":false},"AccentColor":"","ShowSummary":{"DeliveryAddress":false,"UserInformation":false,"BillingAddress":false,"PaymentInformation":false},"EditStepSymbol":""},"components":[{"name":"PlaceOrderV3","options":{"PaymentInformation":{"GooglePay":{"Title":""},"BankAccount":{"Title":"Type: Bank Account","BankName":"Bank Name:","RoutingNumber":"Routing Number:","AccountNumber":"Account Number:"},"BillMe":{"Title":"Bill Me","Disclaimer":"You have selected Bill Me as payment method"},"PaymentAddress":{"Phone":"","Country":"","Title":"","Zipcode":"","FullName":"","Email":""},"CreditCard":{"Expiration":"Expiration:","SecuredDataMessage":"Data is secured by Vindicia","Holder":"Card Holder Name:","Number":"Card Number:","Title":"Type: Credit Card"},"Title":"Payment Information:","Show":true,"Edit":"","ApplePay":{"Title":""},"PayPal":{"Title":""}},"MilitaryInformation":{"DutyStation":"","Edit":"","Show":false,"FullName":"","Title":""},"Order":{"Show":false,"Title":"","Offer":{"Price":{"Show":false,"Label":""},"Body":{"Show":false,"Label":""},"Title":{"Show":false,"Label":""}}},"CollegeInformation":{"FullName":"","Edit":"","StudentId":"","Title":"","Show":false},"Cancel":"Cancel","Subtitle":"","UserInformation":{"Email":{"Title":"Email:","Show":true},"DisplayName":{"Title":"","Show":false},"Edit":"Edit","Show":true,"Title":"User Information"},"Title":"<p>Place Order</p>","BillingInformation":{"Title":"Billing Address:","Show":true,"CityStateZipcode":"","Address":"Address:","Edit":"Edit","FullName":"Name:"},"DeliveryInformation":{"Edit":"Edit","FullName":"Name:","Address":"Address:","CityStateZipcode":"","Title":"Delivery Address","Show":true}},"components":[]},{"name":"TermsAndConditionsV3","options":{"CheckBox":{"Text":"I accept the terms below:","InitialValue":false,"Show":true},"ErrorMessage":"Please accept the Terms and Conditions to continue.","Title":"Subscription Terms:"},"components":[]}]},{"name":"StepIndicatorV3","options":{"StickyMode":{"Enable":true,"BackgroundColor":""}},"components":[]}]},{"name":"PageV3","options":{"PageMetaData":{"Title":"Subscribe to the The Saginaw News - MLive.com","Favicon":""},"Styling":{"Background":{"Image":"","Color":"","AccentColor":"","AccentImage":"","Scrollable":false}},"Title":"","MobileStyling":{"Background":{"AccentImage":"","AccentColor":"","Image":"","Color":""}},"Subtitle":"","DisplayType":"One","AlternativeMobileStyling":false,"MobileTitle":"","MobileSubtitle":""},"components":[{"name":"ConfirmationV3","options":{"Button":{"ContinueReturnUrl":"","Continue":"Continue to The Saginaw News Online","ContinueUrl":"https://enewssn.mlive.com/","Logout":"Log Out","Styling":{"BorderColor":"","BackgroundColor":"","TextColor":"","Type":"Default"},"ContinueReturn":"","Login":"Log In","EnableCustomization":true},"SubscribeTo":{"Offer":{"Body":{"Label":"","Show":false},"Title":{"Show":false,"Label":""},"Price":{"Show":false,"Label":""}},"Show":false,"Title":"Selected Plan:"},"EEdition":{"LinkText":"https://enewssn.mlive.com/","Subtitle":"","Button":{"Styling":{"EnableCustomization":false,"BackgroundColor":"","BorderColor":"","TextColor":"","Width":"","Type":""}},"Image":"","Styling":{"Background":""},"Label":"The Saginaw News Online"},"SmartSpeaker":{"Styling":{"Background":""},"Link":"","Subtitle":"","Button":{"Styling":{"BackgroundColor":"","TextColor":"","EnableCustomization":false,"BorderColor":"","Type":"","Width":""},"Text":""},"Show":false,"Image":"","Title":""},"AdditionalInformation":{"Show":false,"Content":"<p> </p>\n<p> </p>","Label":""},"Ebill":{"Button":{"Text":"","Styling":{"BackgroundColor":"","BorderColor":"","TextColor":"","EnableCustomization":false,"Type":"","Width":""}},"OnError":"","Confirmation":"","Show":false,"Label":""},"UserInformationNoAccount":{"Email":"","FullName":"","Show":false,"Title":""},"ExternalLink":{"Button":{"Styling":{"EnableCustomization":false,"TextColor":"","BackgroundColor":"","BorderColor":"","Width":"","Type":""},"Text":""},"Link":"","Image":"","Show":false,"Title":"","Subtitle":"","Styling":{"Background":""}},"PaymentInformation":{"PayPal":{"Title":"","SecuredDataMessage":""},"BankAccount":{"Title":"Type: Bank Account","BankName":"Bank Name:","AccountNumber":"Bank Account:","RoutingNumber":"Routing Number:"},"GooglePay":{"Title":"","SecuredDataMessage":""},"Title":"Payment Information:","CreditCard":{"Number":"Credit Card:","Holder":"Card Holder Name:","SecuredDataMessage":"Credit Card Secured","Expiration":"Expiration:","Title":"Type: Credit Card","ShowImage":false},"Show":true,"ApplePay":{"SecuredDataMessage":"","Title":""},"PaymentAddress":{"Title":"","Email":"","Zipcode":"","FullName":"","Country":"","Phone":""},"BillMe":{"Disclaimer":"","Title":""}},"SwGAccountLinking":{"Button":{"Styling":{"BackgroundColor":"","TextColor":"","BorderColor":"","Width":"","Type":""},"Text":"","EnableCustomization":false},"InlineText":"","Enable":false,"Title":"","SubTitle":""},"NewsletterSignUp":{"Button":{"Styling":{"BorderColor":"","BackgroundColor":"","TextColor":"","Width":"","Type":""},"Text":"","EnableCustomization":false},"Title":"","Errors":{"Title":""},"ShowInEnd":false,"PreferenceIDList":"","Subtitle":"","Show":false,"ConfirmationMessage":""},"ConfirmationNumber":{"Title":"Confirmation Number:","Show":false},"BillingInformation":{"Show":true,"Title":"Billing Address:","FullName":"","CityStateZipcode":"","Address":""},"UserInformation":{"DisplayName":{"Show":false,"Title":"Display Name:"},"Email":{"Show":true,"Title":""},"Show":true,"Title":"Email:"},"GiftRecipient":{"FullName":"","Email":"","Show":false,"Title":"","Message":""},"CollegeInformation":{"StudentId":"","Show":false,"Title":"","FullName":""},"DeliveryInformation":{"Title":"Delivery Address:","Address":"","Show":true,"CityStateZipcode":"","FullName":""},"CompleteTitle":{"StartPart":"","EndPart":""},"MilitaryInformation":{"Show":false,"Title":"","DutyStation":"","FullName":""},"Title":"<h2 style=\"text-align: center;\"><span style=\"font-size: 28px;\">Thank you for subscribing to The Saginaw News!</span></h2>","AppDownloads":{"Subtitle":"","Header":"","Image":"","Styling":{"Background":""},"Show":false},"NewsletterBenefit":{"ShowAboveConfirmationDetails":false},"HideDetails":{"Enable":false,"HideText":"","ShowText":""},"NextPaymentInformation":{"Show":false,"Title":"","DateTitle":""},"Subtitle":"<p style=\"text-align: center;\"><span style=\"font-size: 20px;\"><strong>You're Almost There!</strong></span></p>\n<p style=\"text-align: center;\"> </p>\n<p style=\"text-align: center;\"><span style=\"font-size: 18px;\">Accessing your online account and reading The Saginaw News online requires a login.</span></p>\n<p style=\"text-align: center;\"> </p>\n<p style=\"text-align: center;\"><span style=\"font-size: 18px;\">Create your login today and access The Saginaw News online immediately.</span></p>\n<p style=\"text-align: center;\"> </p>\n<p style=\"text-align: center;\"><a href=\"https://myaccount.mlive.com/sn/activate\" target=\"_blank\" rel=\"noopener\"><img src=\"https://s3.amazonaws.com/cms.advance/ActivateTodayButton.png\" alt=\"Activate Today\" width=\"245\" height=\"43\" /></a></p>\n<p style=\"text-align: center;\"> </p>\n<p style=\"text-align: center;\"><span style=\"font-size: 16px;\">In the coming days, you will receive a welcome email with more information on your recent subscription.</span></p>\n<p class=\"MsoNormal\"> </p>","Pricing":{"ShowPeriod":false,"Show":true,"Title":"Total Price:"},"Premium":{"Title":""},"SocialMedia":{"Header":""},"StepIndicator":{"Show":false,"Title\t":""},"Separator":{"Show":false,"Icon":""},"ShowPrintOption":false,"Image":{"Show":false},"ContinueTitle":"","AutoRedirectAfterLogin":true,"MarketingText":""},"components":[]}]}],"HasLanding":true},"Date":"2024-11-27T08:02:46.468Z"},"url":"https://subscribe.mlive.com/?sitecode=sn"}; var config = {"System":{"Url":"//subscribe.mlive.com","Client":"Advance","ClientCode":"MI","SiteCode":"MI","CmsSiteCode":"MI","HostName":"subscribe.mlive.com","UserProvider":"Auth0","UseMG2Api":true,"AutoOptIn":false,"MediaGroupCode":"Advance","CSSNewspaperName":"michigan","AuthCookieDomain":".mlive.com"},"MetaData":[{"property":"title","content":"Subscribe to the Michigan Newspapers - Mlive.com"},{"property":"description","content":"Subscribe to gain exclusive print or digital access to the latest Michigan local news, sports news and U.S. breaking news."}],"PageMetaData":{"Favicon":"","Title":"Subscribe to the Michigan Newspapers - Mlive.com"},"Services":{"Auth0":{"LockJS":"https://cdn.auth0.com/js/lock/11.25/lock.min.js","JS":"https://cdn.auth0.com/js/auth0/9.11/auth0.min.js","LogOutURL":"https://auth0.mlive.com/v2/logout","ClientId":"vJD9bFJIwDTQh46pz35xltnLc7XEGymH","Domain":"auth0.mlive.com","InitialScreen":"signUp","Type":"info","Text":"Please create an account or login to continue.","Expires":45,"Logo":"","PrimaryColor":"#2a2a2a","Title":"","ConfigurationBaseUrl":"https://cdn.us.auth0.com/","MetaDataProperyName":"https://www.mlive.com/claims/internal_id","LoginSubmitLabel":"Sign in","AllowAutocomplete":true,"AllowShowPassword":true,"AllowPasswordAutocomplete":true,"DefaultADUsernameFromEmailPrefix":false,"Autoclose":false,"AllowSignUp":false}},"Trackers":{"Enabled":true,"CartAbandonment":{"Enabled":true},"GoogleAnalytics":{"Enabled":false,"Id":"UA-107924157-2"},"Tealium":{"Enabled":false,"Url":"//tags.tiqcdn.com/utag/advancedigital/lib-common/prod/utag.sync.js","AffiliateCode":"mlive"},"GoogleTagManager":{"Enabled":false,"ContainerId":"GTM-TLXFLCR"}},"MG2Loader":{"Enabled":true,"Url":"https://loader-cdn.azureedge.net/prod/advance/loader.min.js","MG2Insights":{"Enabled":true,"Version":"advance","ContainerId":"GTM-W78KBZL"},"FingerPrint":{"Enabled":true,"Version":"advance"}},"DefaultValues":{"Country":"US","Currency":"USD","Culture":"en-US","Description":"US Dollar","State":"CA","RoutingNumbers":["039000661","121000359","237774922","611111111","711111111","811111111","911111111"],"SubConUrl":"https://myaccount.mlive.com/bc/","SubConDashboardUrl":"https://myaccount.mlive.com/bc/","DefaultReturnUrl":"https://www.mlive.com/saginaw-bay-city/","TermsAndConditionsUrl":"https://www.mlive.com/user-agreement/","PrivacyPolicy":"https://www.mlive.com/privacy-policy/","ErrorPageBackUrl":"https://www.mlive.com/saginaw-bay-city/"},"ContentSecurityPolicy":{"Urls":"*.subconadmin.com https://*.subconadmin.com *.mg2cms.com https://*.mg2cms.com"},"PayPalExpress":{"Environment":"production","ClientId":{"Sandbox":"","Production":""}},"PayPalDTI":{"Environment":"production"},"Edgil":{"Url":"https://paywayws.net/PaywayWSHosted/"},"BuildInfo":{"Show":false,"Version":"3.16.0309","BuildDate":"5/28/2024 9:50:45 AM","BuildNumber":"20240528.095045"},"ThirdPartySystems":{"Captcha":{"Invisible":{"Enabled":false,"SiteKey":"6Lff-T4UAAAAAEeHTMdebU9XrXNLX-fIOjHGT7Mv"},"V3":{"Enabled":true,"SiteKey":"6LcyY5UUAAAAACMoY3fntJn0SKdTBvkfQJLlO7OA"}},"GoogleMapAPI":{"Key":"AIzaSyDNpxa8blbMfPsPDHzdYoFYyKVyYxWbjI8"}}}; </script></head><body data-bind="style: { 'background-color': $root.presentation.styling.BgColor }"><div class="pingdom_hidden">subscription panel</div><div class="overlay" data-bind="visible: !$root.presentation.isReady()"><div class="loading-screen" id="global-loader"><div class="loading-screen__content"><div class="loading-screen__spinner" role="progressbar" aria-valuetext="Loading…"></div></div></div></div><div class="global-wrapper" style="display: none" data-bind="visible: true, template: { name: getTemplateName, foreach: getFilteredComponents() }, css: {'adjust-width': $data.adjustWidth}"></div><div class="modal fade" data-bind="modal: showModal, style: {'position': styling.position, 'zIndex': styling.zIndex}" tabindex="-1" role="dialog" data-backdrop="static"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: {'padding': styling.padding + 'px'}"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-body" data-bind="style: {'textAlign': styling.textAlign}"><span data-bind="text: popupText"></span></div></div></div></div><div class="modal fade" id="loginModal" data-bind="enterkey: logIn, modal: isModalShown" tabindex="-1" role="dialog" aria-labelledby="loginModal"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="text: options.Login.Title"></div><form class="modal-body"><div class="forgot-password-success"><span data-bind="text: options.ForgotPassword.Message.Success"></span></div><div class="infoRow"><label data-bind="text: options.Login.Email.Title"></label><div class="input-container"><input class="email_qa" type="text" autocomplete="on" name="userEmail" data-bind="validationTextInput: authLogin, placeholder: options.Login.Email.Placeholder"></div></div><div class="infoRow"><label data-bind="text: options.Login.Password.Title"></label><div class="input-container"><input class="password_qa" type="password" autocomplete="password" name="userPassword" data-bind="validationTextInput: authPassword, placeholder: options.Login.Password.Placeholder"></div></div></form><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': userProvider.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn login-btn_qa" data-bind="click: logIn, text: options.Login.Button.Text, css: {'busy' : isBusy()}"></button></div><div class="body-error"><span class="error-message" data-bind="text: authError"></span></div><div class="forgot-password-link"><span data-bind="text: options.ForgotPassword.LinkText,click: forgotPasswordToggleClick"></span></div><div class="modal-title" data-bind="text: options.ForgotPassword.Title"></div><form class="modal-body"><div class="infoRow"><label data-bind="text: options.ForgotPassword.Email.Title"></label><div class="input-container"><input class="email_qa" type="text" autocomplete="on" name="userEmail" data-bind="validationTextInput: authLogin, placeholder: options.ForgotPassword.Email.Placeholder"></div></div></form><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': userProvider.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn login-btn_qa" data-bind="click: initiateForgotPassword, text: options.ForgotPassword.Button.Text, css: {'busy' : isBusy()}"></button></div><div class="body-error"><span class="error-message" data-bind="text: authError"></span></div><div class="forgot-password-back"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path d="M8,2L2,8l6,6"></path></svg><span data-bind="text: options.ForgotPassword.BackText, click: forgotPasswordToggleClick"></span></div></div></div></div><script type="text/html" id="sp-c-address"><div class="address" data-bind="css:{'address_delivery': name === 'deliveryInformation', 'address_billing': name === 'billingInformation'}"><div class="address__bilingIsNotDelivery"><label class="checkbox"><input class="billing-is-not-delivery_qa" type="checkbox" data-bind="checked: billingIsNotDelivery"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.BillingIsNotDelivery"></span></label></div><div><div class="address__title" data-bind="html: options.Title"></div><form class="address__body"><div class="general-errors general-errors_address"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul><div class="not-routable-link"><div class="not-routable-link__container"><div class="not-routable-link__content" data-bind="click: tryDigitalClickHandler, css: { 'not-routable-link__content_busy': isBusy() }"><span data-bind="text: options.NotRoutable.LinkText"></span><svg class="not-routable-link__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 307.046 307.046" xml:space="preserve"><path d="M239.087,142.427L101.259,4.597c-6.133-6.129-16.073-6.129-22.203,0L67.955,15.698c-6.129,6.133-6.129,16.076,0,22.201l115.621,115.626L67.955,269.135c-6.129,6.136-6.129,16.086,0,22.209l11.101,11.101c6.13,6.136,16.07,6.136,22.203,0l137.828-137.831C245.222,158.487,245.222,148.556,239.087,142.427z"></path></svg></div><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div></div></div><div class="not-routable-link" data-bind="click: tryDigitalClickHandler"><div class="not-routable-link__container" data-bind="text: options.NotRoutable.NoOffersErrorMessage"></div></div></div><div class="address__suggestions"><div class="address__suggestions-title" data-bind="text: options.Standardization.SuggestedAddressTitle"></div><ul class="address__suggestions-list" data-bind="foreach: suggestionList"><li data-bind="html: $parent.generateSuggestedAddressStr($data), click: $parent.suggestedAddressClick"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: currentCountry, css: { 'select_placeholder': !currentCountry() }" aria-label="Country"></select></div></div><div class="zipCodeCol"><label data-bind="text: options.Currency.Title"></label><div class="input-container"><select class="select currensies_qa" data-bind="options: currencies, optionsText: 'Description', optionsValue: 'ISOCode', validationTextInput: currentCurrency, css: { 'select_placeholder': !currentCurrency() }" aria-label="Currency"></select><input class="currency_qa" type="text" disabled data-bind="validationTextInput: currentCurrency, value: currentCurrencyDescription() " name="currency" aria-label="Currency"></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.AddressLine.Title, options.AddressLine.OptionalNextToTitle, !options.AddressLine.Validation.Required.Apply)"></label><div class="input-container"><input class="address_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.AddressLine.Placeholder, options.AddressLine.OptionalNextToPlaceholder, !options.AddressLine.Validation.Required.Apply), validationTextInput: address, domCallback: attachAddressAutoCmplete" name="address" autocomplete="address-line1" aria-label="Address Line 1"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.SecondAddressLine.Title, options.SecondAddressLine.OptionalNextToTitle, !options.SecondAddressLine.Validation.Required.Apply)"></label><div class="input-container"><input class="apt-unit_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.SecondAddressLine.Placeholder, options.SecondAddressLine.OptionalNextToPlaceholder, !options.SecondAddressLine.Validation.Required.Apply), validationTextInput: aptUnit" autocomplete="address-line2" aria-label="Address Line 2"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.City.Title, options.City.OptionalNextToTitle, !options.City.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.City.Placeholder, options.City.OptionalNextToPlaceholder, !options.City.Validation.Required.Apply), validationTextInput: city" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><select class="select states_qa" data-bind="options: states, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentState, optionsCaption: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), css: { 'select_placeholder': !currentState() }" aria-label="State"></select><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><select class="select states_qa" data-bind="options: states, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentState, optionsCaption: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), css: { 'select_placeholder': !currentState() }" aria-label="State"></select><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.City.Title, options.City.OptionalNextToTitle, !options.City.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.City.Placeholder, options.City.OptionalNextToPlaceholder, !options.City.Validation.Required.Apply), validationTextInput: city" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalCity.Title, options.InternationalCity.OptionalNextToTitle, !options.InternationalCity.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalCity.Placeholder, options.InternationalCity.OptionalNextToPlaceholder, !options.InternationalCity.Validation.Required.Apply), validationTextInput: intCity" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow"><div data-bind="css: {'zipCodeCol': options.Province.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.Province.Title, options.Province.OptionalNextToTitle, !options.Province.Validation.Required.Apply)"></label><div class="input-container"><input class="province_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), validationTextInput: currentProvince" name="province" autocomplete="address-level1" aria-label="Province"><select class="select" data-bind="options: provinces, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentProvince, optionsCaption: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), css: { 'select_placeholder': !currentProvince }" aria-label="Province"></select></div></div><div data-bind="css: {'zipCodeCol': options.PostalCode.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.PostalCode.Title, options.PostalCode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.PostalCode.Placeholder, options.PostalCode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="Postal Code"></div></div></div><div class="infoRow"><div data-bind="css: {'zipCodeCol': options.Province.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.Province.Title, options.Province.OptionalNextToTitle, !options.Province.Validation.Required.Apply)"></label><div class="input-container"><input class="province_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), validationTextInput: currentProvince" name="province" autocomplete="address-level1" aria-label="Province"><select class="select" data-bind="options: provinces, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentProvince, optionsCaption: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), css: { 'select_placeholder': !currentProvince }" aria-label="Province"></select></div></div><div data-bind="css: {'zipCodeCol' : options.PostalCode.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.PostalCode.Title, options.PostalCode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.PostalCode.Placeholder, options.PostalCode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="Postal Code"></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalCity.Title, options.InternationalCity.OptionalNextToTitle, !options.InternationalCity.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalCity.Placeholder, options.InternationalCity.OptionalNextToPlaceholder, !options.InternationalCity.Validation.Required.Apply), validationTextInput: intCity" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalPhone.Title, options.InternationalPhone.OptionalNextToTitle, !options.InternationalPhone.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalPhone.Placeholder, options.InternationalPhone.OptionalNextToPlaceholder, !options.InternationalPhone.Validation.Required.Apply), validationTextInput: intPhone" name="phone" autocomplete="tel" aria-label="Phone Number"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Company.Title, options.Company.OptionalNextToTitle, !options.Company.Validation.Required.Apply)"></label><div class="input-container"><input class="company_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.Company.Placeholder, options.Company.OptionalNextToPlaceholder, !options.Company.Validation.Required.Apply), validationTextInput: company" name="company" autocomplete="company" aria-label="Company"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="email" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" name="email" autocomplete="email" aria-label="Email"></div></div><div class="address__privacy"><span data-bind="text: options.Privacy.Title"></span><div class="address__privacy-link privacy-link_qa" data-bind="html: options.Privacy.Body, click: privacyClick"></div></div><div data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Information, ComponentsNames.TermsAndConditions])}"></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Name.Title"></div><div class="summaryRow__content" data-bind="text: fullName"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.AddressLine.Title"></div><div class="summaryRow__content" data-bind="text: address"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.SecondAddressLine.Title"></div><div class="summaryRow__content" data-bind="text: aptUnit"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Zipcode.Title"></div><div class="summaryRow__content" data-bind="text: zipCode"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.City.Title"></div><div class="summaryRow__content" data-bind="text: city"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.State.Title"></div><div class="summaryRow__content" data-bind="text: currentState"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.PhoneNumber.Title"></div><div class="summaryRow__content" data-bind="text: phoneNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Company.Title"></div><div class="summaryRow__content" data-bind="text: company"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Email.Title"></div><div class="summaryRow__content" data-bind="text: email"></div></div><div class="editBtn edit-btn_qa" data-bind="click: addressEditClick"></div></form></div></div></script><script type="text/html" id="sp-c-bankAccount"><div data-bind="visible: isDisplayed"><form class="bank-account payment-method__body"><div class="infoRow" data-bind="css: { 'has-error': !accountHolder.isValid(), 'has-success': accountHolder.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.AccountHolder.Title, options.AccountHolder.OptionalNextToTitle, !options.AccountHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="account-holder_qa" type="text" maxlength="35" data-bind="validationTextInput: accountHolder, placeholder: Utils.concatStringsByCondition(options.AccountHolder.Placeholder, options.AccountHolder.OptionalNextToPlaceholder, !options.AccountHolder.Validation.Required.Apply)" aria-label="Name on Account"></div></div><div class="infoRow" data-bind="css: { 'has-error': !bank.isValid(), 'has-success': bank.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.BankName.Title, options.BankName.OptionalNextToTitle, !options.BankName.Validation.Required.Apply)"></label><div class="input-container"><input class="bank-name_qa" type="text" maxlength="35" data-bind="validationTextInput: bank, placeholder: Utils.concatStringsByCondition(options.BankName.Placeholder, options.BankName.OptionalNextToPlaceholder, !options.BankName.Validation.Required.Apply)" aria-label="Name of Bank"></div></div><div class="infoRow" data-bind="css: { 'has-error': !accountNumber.isValid(), 'has-success': accountNumber.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.AccountNumber.Title, options.AccountNumber.OptionalNextToTitle, !options.AccountNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="account-number_qa" type="tel" maxlength="35" data-bind="validationTextInput: accountNumber, placeholder: Utils.concatStringsByCondition(options.AccountNumber.Placeholder, options.AccountNumber.OptionalNextToPlaceholder, !options.AccountNumber.Validation.Required.Apply)" aria-label="Account Number"></div></div><div class="infoRow" data-bind="css: { 'has-error': !routingNumber.isValid(), 'has-success': routingNumber.isValid() }"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.RoutingNumber.Title, options.RoutingNumber.OptionalNextToTitle, !options.RoutingNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showRoutingNumberTooltip"><span data-bind="text: $data.options.RoutingNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.RoutingNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.RoutingNumber.Help.ImageUrl, alt: $data.options.RoutingNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.RoutingNumber.Title, options.RoutingNumber.OptionalNextToTitle, !options.RoutingNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="routing-number_qa" type="tel" maxlength="9" data-bind="validationTextInput: routingNumber, placeholder: Utils.concatStringsByCondition(options.RoutingNumber.Placeholder, options.RoutingNumber.OptionalNextToPlaceholder, !options.RoutingNumber.Validation.Required.Apply)" aria-label="Routing Number"></div></div></form><div class="bank-account inner-independent-address"></div></div></script><script type="text/html" id="sp-c-bankAccountChase"><div class="bank-account payment-method__body chase" data-bind="visible: isDisplayed"><div class="overlay" data-bind="visible: isOverlayShown"></div><div class="credit-card-modal" data-bind="visible: isAccountNumberHelpShown"><div class="credit-card-modal__close" data-bind="click: hideAccountNumberHelp"></div><div class="credit-card-modal__text" data-bind="html: options.AccountNumber.Help.Text"></div><img data-bind="attr: { src: options.AccountNumber.Help.ImageUrl, alt: options.AccountNumber.Help.Alt}"></div><div class="credit-card-modal" data-bind="visible: isRoutingNumberHelpShown"><div class="credit-card-modal__close" data-bind="click: hideRoutingNumberHelp"></div><div class="credit-card-modal__text" data-bind="html: options.RoutingNumber.Help.Text"></div><img data-bind="attr: { src: options.RoutingNumber.Help.ImageUrl, alt: options.RoutingNumber.Help.Alt}"></div><iframe data-bind="attr: {src: url}" scrolling="no"></iframe></div></script><script type="text/html" id="sp-c-benefits"><div class="benefits" data-bind="style: {backgroundImage: options.Styling.BackgroundImage? 'url('+ options.Styling.BackgroundImage +')': 'none'}"><div class="benefits__header"><div class="benefits__title" data-bind="html: options.Title"></div><div class="benefits__subtitle" data-bind="html: options.Body"></div></div><div class="benefits__body"></div></div></script><script type="text/html" id="sp-c-billMe"><div class="billMe" data-bind="visible: isActive"><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-chat"><div class="chat"><a class="chat-link_qa" data-bind="click: linkClick"><span data-bind="text: options.Text"></span><img data-bind="attr: { src: options.Image, alt: options.Alt }, event: { load: imgLoadHandler }"></a><a class="chat-link_qa" href="#" id="chatButton" data-target="#chatModal" data-toggle="modal"><span data-bind="text: options.Text"></span><img data-bind="attr: { src: options.Image, alt: options.Alt }, event: { load: imgLoadHandler }"></a><div class="chat-modal modal fade" id="chatModal" role="dialog"><div class="modal-dialog"><div class="modal-content"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-body body"><iframe data-bind="attr: { src: options.Url }"></iframe></div></div></div></div></div></script><script type="text/html" id="sp-c-checkbox"><div class="checkbox-component" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Page }"><div class="checkbox-component__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="checkbox-component__content" data-bind="html: options.Message"></div></div></script><script type="text/html" id="sp-c-checkboxTermsConsent"><div class="checkbox-component" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Page }"><div class="checkbox-component__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="checkbox-component__content" data-bind="html: options.Message"></div></div></script><script type="text/html" id="sp-c-college"><div class="college"><div class="college__title" data-bind="html: options.Title"></div><form class="college__body component-body"><div class="general-errors general-errors_college"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="college-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="college-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="Last Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.StudentId.Title, options.StudentId.OptionalNextToTitle, !options.StudentId.Validation.Required.Apply)"></label><div class="input-container"><input class="college-student-id_qa" type="text" maxlength="100" data-bind="placeholder: Utils.concatStringsByCondition(options.StudentId.Placeholder, options.StudentId.OptionalNextToPlaceholder, !options.StudentId.Validation.Required.Apply), validationTextInput: studentId" aria-label="Student ID"></div></div><div class="infoRow"><div><label data-bind="text: options.GraduationDate.Title"></label></div><div><div class="info-row-2"><div class="input-container"><select class="select college-graduation-month_qa" data-bind="options: availableMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: graduationMonth, optionsCaption: Utils.concatStringsByCondition(options.GraduationDate.Month.Placeholder, options.GraduationDate.Month.OptionalNextToPlaceholder, !options.GraduationDate.Month.Validation.Required.Apply), css: { 'select_placeholder': !graduationMonth() }"></select></div></div><div class="info-row-2"><div class="input-container"><select class="select college-graduation-year_qa" data-bind="options: availableYears, optionsText: 'text', optionsValue: 'value', validationTextInput: graduationYear, optionsCaption: Utils.concatStringsByCondition(options.GraduationDate.Year.Placeholder, options.GraduationDate.Year.OptionalNextToPlaceholder, !options.GraduationDate.Year.Validation.Required.Apply), css: { 'select_placeholder': !graduationYear() }" aria-label="Graduation Date"></select></div></div></div></div></form></div></script><script type="text/html" id="sp-c-confirmation"><div class="confirmation"><div class="confirmation__header component-header"><div class="confirmation__title" data-bind="html: options.Title"></div><div class="confirmation__subtitle" data-bind="html: options.Subtitle"></div></div><div class="confirmation__body component-body"><div class="confirmation__newsletter-benefit confirmation__newsletter-benefit_boxes" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="confirmation__ebill"><div class="ebill"><div class="ebill__action" data-bind="visible: !isEbillCompleted()"><div class="ebill__label" data-bind="html: options.Ebill.Label"></div><div class="ebill__controls"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isEbillProcessing }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn ebill__button" data-bind="click: processEbill, text: options.Ebill.Button.Text, style: { 'background': ebillButtonCustomization.BackgroundColor, 'color': ebillButtonCustomization.TextColor, 'borderColor': ebillButtonCustomization.BorderColor, 'width': ebillButtonCustomization.Width }, css: { 'busy': isEbillProcessing, 'btn_square': ebillButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': ebillButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': ebillButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="ebill__result" data-bind="visible: isEbillCompleted"><div data-bind="html: options.Ebill.Confirmation"></div><div class="ebill__oksign"><svg class="completed-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 15" style="enable-background:new 0 0 17 15;" xml:space="preserve"><polygon class="completed-svg-sign__path" points="5,14.4 0.3,9.7 1.7,8.3 5,11.6 15.3,0.3 16.7,1.7 "></polygon></svg></div></div></div></div><div class="newsletter-sign-up"><div class="newsletter-sign-up__title" data-bind="html: options.NewsletterSignUp.Title"></div><div class="newsletter-sign-up__subtitle" data-bind="html: options.NewsletterSignUp.Subtitle"></div><div class="general-errors"><div class="general-errors__title" data-bind="text: options.NewsletterSignUp.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div><div class="newsletter-sign-up__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isSignUpProcessing() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn sign-up-btn_qa" data-bind="click: newsletterSignUpClick,text: options.NewsletterSignUp.Button.Text, css: { 'busy' : isSignUpProcessing(), 'btn_square': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomizationNewsletter.BackgroundColor, 'color': buttonCustomizationNewsletter.TextColor, 'borderColor': buttonCustomizationNewsletter.BorderColor, 'width': buttonCustomizationNewsletter.Width }"></button></div><div class="newsletter-sign-up__confirmation" data-bind="html: options.NewsletterSignUp.ConfirmationMessage"></div></div><div class="summaryRow summaryRow_confirmation-number"><div class="summaryRow__title" data-bind="text: options.ConfirmationNumber.Title"></div><div class="summaryRow__content"><span data-bind="text: confirmationNumber"></span></div></div><div class="summaryRow summaryRow_offer-details"><div class="summaryRow__title" data-bind="text: options.SubscribeTo.Title"></div><div class="summaryRow__content"><div data-bind="html: offer().Marketing.ConfirmationName"></div><div data-bind="html: options.Premium.Title"></div><div data-bind="html: premium().name"></div></div></div><div class="summaryRow summaryRow_pricing"><div class="summaryRow__title" data-bind="text: options.Pricing.Title"></div><div class="summaryRow__content" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture) + (options.Pricing.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><div class="summaryRow summaryRow_user-info"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div></div></div><div class="confirmation__hide-control hide-control" data-bind="click: showHiddenDetails, css: {'unvisible': isHiddenBLockEmpty()}"><div class="hide-control__caret-icon" data-bind="css: { 'show-state': showedHiddenDetails() }"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewbox="0 0 292.359 292.359"><path d="M222.979,133.331L95.073,5.424C91.456,1.807,87.178,0,82.226,0c-4.952,0-9.233,1.807-12.85,5.424c-3.617,3.617-5.424,7.898-5.424,12.847v255.813c0,4.948,1.807,9.232,5.424,12.847c3.621,3.617,7.902,5.428,12.85,5.428c4.949,0,9.23-1.811,12.847-5.428l127.906-127.907c3.614-3.613,5.428-7.897,5.428-12.847C228.407,141.229,226.594,136.948,222.979,133.331z"></path></svg></div><div class="hide-control__text" data-bind="html: showedHiddenDetails() ? options.HideDetails.HideText : options.HideDetails.ShowText"></div></div><div class="confirmation__main-block" data-bind="css: {'confirmation__hidden-block': options.HideDetails.Enable, 'show-state': options.HideDetails.Enable && showedHiddenDetails()}"><div class="summaryRow summaryRow_next-payment-info"><div class="summaryRow__title" data-bind="text: options.NextPaymentInformation.Title"></div><div class="summaryRow__content"><div><span class="bold" data-bind="text: options.NextPaymentInformation.DateTitle + ' '"></span><span data-bind="text: formattedBillingDate"></span></div></div></div><div class="summaryRow summaryRow_user-info"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div></div></div><div class="summaryRow summaryRow_military-info"><div class="summaryRow__title" data-bind="text: options.MilitaryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.MilitaryInformation.FullName + ' '"></span><span data-bind="text: militaryInformation().firstName + ' ' + militaryInformation().lastName"></span></div><div><span data-bind="text: options.MilitaryInformation.DutyStation + ' '"></span><span data-bind="text: militaryInformation().dutyStation"></span></div></div></div><div class="summaryRow summaryRow_college-info"><div class="summaryRow__title" data-bind="text: options.CollegeInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.CollegeInformation.FullName + ' '"></span><span data-bind="text: collegeInformation().firstName + ' ' + collegeInformation().lastName"></span></div><div><span data-bind="text: options.CollegeInformation.StudentId + ' '"></span><span data-bind="text: collegeInformation().studentId"></span></div></div></div><div class="summaryRow summaryRow_payment-info"><div class="summaryRow__title" data-bind="text: options.PaymentInformation.Title"></div><div class="summaryRow__content" data-bind="with: paymentAddress()"><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.FullName + ' '"></span><span data-bind="text: name"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Email + ' '"></span><span data-bind="text: email"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Zipcode + ' '"></span><span data-bind="text: zipCode"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Phone + ' '"></span><span data-bind="text: phone, maskedPhone: phone"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Country + ' '"></span><span data-bind="text: country"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.PayPal.Title"></span></div><div><span data-bind="text: options.PaymentInformation.PayPal.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.SwG.Title"></span></div><div><span data-bind="text: options.PaymentInformation.SwG.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.ApplePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.ApplePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.GooglePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.GooglePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().creditCard"><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Holder + ' '"></span><span data-bind="text: cardHolder"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Number + ' '"></span><img class="summaryRow__credit-card-img" data-bind="attr: { src: $parent.creditCardImage().src, alt: $parent.creditCardImage().alt }"><span data-bind="text: Utils.getLast4Digits(cardNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Expiration + ' '"></span><span data-bind="text: expirationMonth + '/' + expirationYear"></span></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().bankAccount"><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.BankName + ' '"></span><span data-bind="text: bank"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.AccountNumber + ' '"></span><span data-bind="text: Utils.getLast4Digits(accountNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.RoutingNumber + ' '"></span><span data-bind="text: routingNumber"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.BillMe.Title"></span></div><div><span data-bind="text: options.PaymentInformation.BillMe.Disclaimer"></span></div></div></div><div class="summaryRow summaryRow_delivery-address"><div class="summaryRow__title" data-bind="text: options.DeliveryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.DeliveryInformation.FullName + ' '"></span><span data-bind="text: deliveryAddress().name"></span></div><div><span data-bind="text: options.DeliveryInformation.Address + ' '"></span><span data-bind="text: deliveryAddress().address"></span><span data-bind="text: ' ' + deliveryAddress().aptUnit"></span></div><div><span data-bind="text: options.DeliveryInformation.CityStateZipcode + ' '"></span><span data-bind="text: deliveryAddress().city + ', '"></span><span data-bind="text: deliveryAddress().state + ' '"></span><span data-bind="text: deliveryAddress().zipCode"></span></div></div></div><div class="summaryRow summaryRow_billing-address"><div class="summaryRow__title" data-bind="text: options.BillingInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.BillingInformation.FullName + ' '"></span><span data-bind="text: billingAddress().name"></span></div><div><span data-bind="text: options.BillingInformation.Address + ' '"></span><span data-bind="text: billingAddress().address"></span><span data-bind="text: ' ' + billingAddress().aptUnit"></span></div><div><span data-bind="text: options.BillingInformation.CityStateZipcode + ' '"></span><span data-bind="text: billingAddress().city + ', '"></span><span data-bind="text: billingAddress().state + ' '"></span><span data-bind="text: billingAddress().zipCode"></span></div></div></div></div><div class="confirmation__newsletter-benefit confirmation__newsletter-benefit_boxes" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="swg-account-linking"><div class="general-errors general-errors_userinfo"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="swg-account-linking__title" data-bind="html: options.SwGAccountLinking.Title"></div><div class="swg-account-linking__subtitle" data-bind="html: options.SwGAccountLinking.SubTitle"></div><div class="swg-account-linking__body"><div class="swg-account-linking__inline-text" data-bind="html: options.SwGAccountLinking.InlineText"></div><button class="btn swg-account-linking__button" data-bind="click: linkSubscription,text: options.SwGAccountLinking.Button.Text, style: { 'background': swgButtonCustomization.BackgroundColor, 'color': swgButtonCustomization.TextColor, 'borderColor': swgButtonCustomization.BorderColor, 'width': swgButtonCustomization.Width }, css: { 'btn_square': swgButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': swgButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': swgButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="newsletter-sign-up"><div class="newsletter-sign-up__title" data-bind="html: options.NewsletterSignUp.Title"></div><div class="newsletter-sign-up__subtitle" data-bind="html: options.NewsletterSignUp.Subtitle"></div><div class="general-errors"><div class="general-errors__title" data-bind="text: options.NewsletterSignUp.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div><div class="newsletter-sign-up__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isSignUpProcessing() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn sign-up-btn_qa" data-bind="click: newsletterSignUpClick,text: options.NewsletterSignUp.Button.Text, css: { 'busy' : isSignUpProcessing(), 'btn_square': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomizationNewsletter.BackgroundColor, 'color': buttonCustomizationNewsletter.TextColor, 'borderColor': buttonCustomizationNewsletter.BorderColor, 'width': buttonCustomizationNewsletter.Width }"></button></div><div class="newsletter-sign-up__confirmation" data-bind="html: options.NewsletterSignUp.ConfirmationMessage"></div></div><div data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.RSSFeed]) }"></div><div class="confirmation__social-media-header" data-bind="html: options.SocialMedia.Header"></div><div class="confirmation__social-media-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.SocialMedia]) }"></div><div class="confirmation__app-downloads-header" data-bind="html: options.AppDownloads.Header"></div><div class="confirmation__app-downloads-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.AppDownloads]) }"></div><div class="confirmation__buttons"><button class="btn login-btn_qa" data-bind="text: options.Button.Login, click: userProvider.loginBtnClick.bind(userProvider), style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><button class="btn continue-btn_qa" data-bind="click: continueClick, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"><span data-bind="text: options.Button.Continue"></span></button></div><div class="confirmation__e-edition"><div class="e-edition"><div class="e-edition__label" data-bind="html: options.EEdition.Label"></div><a class="e-edition__link" data-bind="html: options.EEdition.LinkText, click: eeditionClick"></a></div></div></div></div></script><script type="text/html" id="sp-c-creditCard"><form class="credit-card payment-method__body" data-bind="visible: isDisplayed"><div class="p2pe"><div class="p2pe__content"><button class="btn p2pe__submit p2pe-submit_qa" data-bind="click: waitP2PEdata, text: options.P2PE.Button.Text"></button><div class="p2pe__message" data-bind="text: options.P2PE.Message.Complete"></div></div><div class="p2pe__modal modal fade" data-bind="modal: isModalShown" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-body"><div class="infoRow" data-bind="text: p2pePopupMessage"></div><div class="p2pe__loader-container"><div class="loader-container loader-container_small loader-container_visible"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div></div></div><div class="modal-button"><button class="btn modal-pick-btn_qa" data-bind="text: options.P2PE.Button.Cancel.Text, click: p2peCancelHandler, attr: { 'disabled': p2peDataIsGettingData }"></button></div></div></div></div></div><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number"><label data-bind="text: Utils.concatStringsByCondition(options.CardNumber.Title, options.CardNumber.OptionalNextToTitle, !options.CardNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="card-number_qa" type="tel" name="cardnumber" data-bind="validationTextInput: card, creditCardMask: card, placeholder: Utils.concatStringsByCondition(options.CardNumber.Placeholder, options.CardNumber.OptionalNextToPlaceholder, !options.CardNumber.Validation.Required.Apply), css: {'visa': cardType() == 'VI' || cardType() == 'Visa', 'amex': cardType() == 'AX' || cardType() == 'AmEx' || cardType() == 'Amex', 'masterCard': cardType() == 'MC' || cardType() == 'MA' , 'dinersClub': cardType() == 'DC', 'discover': cardType() == 'D' || cardType() == 'Discover', 'jcb': cardType() == 'JCB'}" autocomplete="cc-number" x-autocompletetype="cc-number" aria-label="Card Number"></div><div class="card-number-help" data-bind="tooltip: showCardNumberTooltip, visible: !cardType()"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CardNumber.Help.Text"></div><img data-bind="attr: { src: options.CardNumber.Help.ImageUrl, alt: options.CardNumber.Help.Alt }"></div></div></div><div class="infoRow"><div class="expiration-month" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div><div class="cvv" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.CVV.Title, options.CVV.OptionalNextToTitle, !options.CVV.Validation.Required.Apply)"></label><div class="input-container"><input class="cvv_qa" data-bind="validationTextInput: cvv, placeholder: Utils.concatStringsByCondition(options.CVV.Placeholder, options.CVV.OptionalNextToPlaceholder, !options.CVV.Validation.Required.Apply)" maxlength="4" name="cvc" autocomplete="cc-csc" x-autocompletetype="cc-csc" type="tel" aria-label="CVV"></div><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CVV.Help.Amex"></div><div data-bind="html: options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl , alt: options.CVV.Help.Alt }"></div></div></div></div></form></script><script type="text/html" id="sp-c-creditCardChase"><div class="credit-card chase payment-method__body" data-bind="visible: isDisplayed"><div class="overlay" data-bind="visible: isCVVHelpShown"></div><div class="credit-card-modal" data-bind="visible: isCVVHelpShown"><div class="credit-card-modal__close" data-bind="click: hideCvvHelp"></div><div class="credit-card-modal__text" data-bind="html: options.CVV.Help.Text"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl, alt: options.CVV.Help.Alt}"></div><iframe data-bind="attr: {src: url}" scrolling="no"></iframe></div></script><script type="text/html" id="sp-c-creditCardCyberSource"><div class="credit-card cybersource payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form data-bind="visible: !loading()"><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number" data-bind="domCallback: onHTMLMounted"><label data-bind="text: $data.options.CardNumber.Title" for="cybersource-cardNumber-container"></label><div class="cybersource-container" id="cybersource-cardNumber-container"></div></div><div class="infoRow"><div class="expiration-month" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div><div class="cvv" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: options.CVV.Title" for="cybersource-cvv-container"></label><div class="cybersource-container" id="cybersource-cvv-container"></div><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CVV.Help.Amex"></div><div data-bind="html: options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl, alt: options.CVV.Help.Alt}"></div></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardVindicia"><div class="credit-card vindicia payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"><input class="valid" tabindex="-1"><input class="invalid" tabindex="-1"><select class="select" tabindex="-1"><option>1</option></select></div><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div><div class="loader-placeholder">Loading...</div></div></div><form id="vindiciaCCForm" data-bind="visible: !loading()"><div class="infoRow vindicia-card-icons"><div class="vindicia-card-icons__card discover" data-bind="css: { 'inactive': cardType() && cardType() !== 'discover' }"></div><div class="vindicia-card-icons__card amex" data-bind="css: { 'inactive': cardType() && cardType() !== 'amex' }"></div><div class="vindicia-card-icons__card visa" data-bind="css: { 'inactive': cardType() && cardType() !== 'visa' }"></div><div class="vindicia-card-icons__card masterCard" data-bind="css: { 'inactive': cardType() && cardType() !== 'mastercard' }"></div></div><input type="hidden" name="vin_WebSession_vid" id="vin_WebSession_vid"><input type="hidden" name="vin_PaymentMethod_type" value="CreditCard"><input type="hidden" name="vin_PaymentMethod_billingAddress_name" id="vin_PaymentMethod_billingAddress_name"><input type="hidden" name="vin_PaymentMethod_billingAddress_addr1" id="vin_PaymentMethod_billingAddress_addr1"><input type="hidden" name="vin_PaymentMethod_billingAddress_addr2" id="vin_PaymentMethod_billingAddress_addr2"><input type="hidden" name="vin_PaymentMethod_billingAddress_city" id="vin_PaymentMethod_billingAddress_city"><input type="hidden" name="vin_PaymentMethod_billingAddress_district" id="vin_PaymentMethod_billingAddress_district"><input type="hidden" name="vin_PaymentMethod_billingAddress_postalCode" id="vin_PaymentMethod_billingAddress_postalCode"><input type="hidden" name="vin_PaymentMethod_billingAddress_country" id="vin_PaymentMethod_billingAddress_country" value="US"><input type="hidden" name="vin_PaymentMethod_billingAddress_phone" id="vin_PaymentMethod_billingAddress_phone"><input type="submit" id="vin_button" value="SEND" style="visibility: hidden;display:none"><div class="infoRow card-holder"><label data-bind="text: $data.options.CardHolder.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_accountHolderName"></div></div><div class="infoRow"><label data-bind="text: $data.options.CardNumber.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_account"></div></div><div class="infoRow"><div class="info-row-3"><label><span data-bind="text: $data.options.CVV.Title"></span><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.CVV.Help.Amex"></div><div data-bind="html: $data.options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: $data.options.CVV.Help.ImageUrl, alt: $data.options.CVV.Help.Alt }"></div></div></label><div class="input-vindicia" id="vin_PaymentMethod_nameValues_cvn"></div></div><div class="info-row-3"><label data-bind="text: $data.options.ExpirationMonth.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_expirationDate_month" data-bind="css: {'input-vindicia_safari': isSafari}"></div></div><div class="info-row-3"><label data-bind="text: $data.options.ExpirationYear.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_expirationDate_year" data-bind="css: {'input-vindicia_safari': isSafari}"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardEdgil"><div class="credit-card edgil payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="edgil__block" data-bind="visible: !loading()"><iframe class="edgil__iframe" data-bind="domCallback: onIframeMounted, visible: iframeVisible, attr: { height: iframeHeight }" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" scrolling="no"></iframe><div class="edgil__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa edgil__editBtn" data-bind="click: edgilEditClick"></div></div><div class="edgil__error" data-bind="html: options.ErrorOnLoadMessage"></div></div></div></script><script type="text/html" id="sp-c-creditCardStripe"><div class="credit-card stripe payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number stripe__card-number"><label data-bind="text: options.CardNumber.Title"></label><div class="input-container stripe__input-container stripe__input-container_card-number" data-bind="css: cardNumberAdditionalClasses"></div></div><div class="infoRow infoRow_flex"><div class="stripe__expiration"><label data-bind="text: options.ExpirationDate.Title"></label><div class="input-container stripe__input-container stripe__input-container_expiration" data-bind="css: expirationDateAdditionalClasses"></div></div><div class="stripe__cvv"><label data-bind="text: options.CVV.Title"></label><div class="input-container stripe__input-container stripe__input-container_cvv" data-bind="css: cvvAdditionalClasses"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardBrainTree"><div class="demo-frame credit-card braintree payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><form id="cardForm-bt" data-bind="domCallback: onHTMLMounted,visible: !loading() && hosteFieldsLoaded()"><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow"><label class="hosted-fields--label" data-bind="text: options.CardNumber.Title"></label><div class="hosted-field" id="card-number-bt"></div></div><div class="infoRow"><div class="info-row-2"><label class="hosted-fields--labellabel" data-bind="text: options.ExpirationDate.Title"></label><div class="hosted-field" id="expiration-date-bt"></div></div><div class="info-row-2"><label class="hosted-fields--label" data-bind="text: options.CVV.Title"></label><div class="hosted-field" id="cvv-bt"></div></div></div><div class="infoRow" hidden="hidden"><label></label><div class="input-container"><input type="text"></div></div></form></div></script><script type="text/html" id="sp-c-creditCardHOH"><div class="credit-card hoh payment-method__body" data-bind="visible: isDisplayed"><iframe class="hoh__credit-card-iframe" data-bind="attr: {srcdoc: srcdoc}, visible: !showSummary()" scrolling="no"></iframe><div class="hoh__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa hoh__editBtn" data-bind="click: editClick"></div></div></div></script><script type="text/html" id="sp-c-creditCardSpreedly"><div class="credit-card spreedly payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form id="payment-form" data-bind="visible: !loading(), domCallback: onHTMLMounted"><div class="infoRow card-holder"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="spreedly-container"><div class="infoRow card-number info-row-2"><label data-bind="text: options.CardNumber.Title" for="spreedly-number"></label><div class="spreedly-container__number" id="spreedly-number"></div></div><div class="infoRow cvv info-row-2"><label data-bind="text: options.CVV.Title" for="spreedly-cvv"></label><div class="spreedly-container__cvv" id="spreedly-cvv"></div></div></div><div class="infoRow"><div class="expiration-month info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div></div></form></div></script><script type="text/html" id="sp-c-deliveryDays"><div class="delivery-day"><div class="delivery-day__info"><div class="delivery-day__title" data-bind="html: Headline"></div><div class="delivery-day__subtitle" data-bind="html: Subtitle"></div><img class="delivery-day__image" data-bind="attr: {'src': Image, 'alt': 'Delivery day'}"></div><div class="delivery-day__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': $parent.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn delivery-days-btn_qa" data-bind="text: Button.Text, click: $parent.selectDeliveryDaysOption, css: { 'busy' : $parent.isBusy(), 'btn_square': $parent.customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-emailPreferences"><div class="email-preferences"><div class="email-preferences__title" data-bind="html: options.Title"></div><div class="email-preferences__body component-body" data-bind="foreach: preferencesListVisible"><label class="checkbox"><input class="email-preferences_checkbox_qa" type="checkbox" data-bind="checked: $parent.emailPreferencesSelected, checkedValue: $data"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: Preference.Title"></span></label></div></div></script><script type="text/html" id="sp-c-ezPay"><div class="ezPay"><label class="checkbox ezPay__checkbox" data-bind="css: { 'checkbox_invalid': isInvalid }"><input class="ezPay_checkbox_qa" type="checkbox" data-bind="validationTextInput: isEzPay"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.CheckboxText"></span></label><div class="ezPay__text ezPay__text_checkbox-presented" data-bind="html: options.EZPayTextWhenCheckboxPresent"></div><div data-bind="html: options.EZPayTextWhenCheckboxAbsent"></div><div data-bind="html: options.EZPayNotAvailableText"></div></div></script><script type="text/html" id="sp-c-footer"><div class="pfooter" data-bind="style: {'backgroundColor': options.Styling.BackgroundColor, 'borderColor': options.Styling.BorderColor}, domCallback: makeAdjustableHeight"><div class="pfooter__chat"></div><div class="pfooter__text" data-bind="html: options.Body"></div><div class="pfooter__links"></div></div></script><script type="text/html" id="sp-c-giftDetails"><div class="gift-details" data-bind="css: {'gift-details_step': $parent instanceof Step}"><div class="gift-details__header component-header"><div class="gift-details__title" data-bind="html: options.Title"></div><div class="gift-details__subtitle" data-bind="html: options.Subtitle"></div></div><div class="gift-details__body"><div class="gift-details__gift-title" data-bind="html: gift().GiftTitle"></div><div class="gift-details__columns"><div class="gift-details__column gift-details__column_first"><div class="gift-details__img-container"><img class="gift-details__img" data-bind="attr: {src: gift().GiftImage, alt: 'Gift'}"></div></div><div class="gift-details__column gift-details__column_second"><div class="gift-details__description"><div class="gift-details__text" data-bind="html: gift().GiftDescription"></div></div></div></div></div></div></script><script type="text/html" id="sp-c-giftRecipient"><div class="gift-recipient"><div class="gift-recipient__header component-header"><div class="gift-recipient__title" data-bind="html: options.Title"></div><div class="gift-recipient__subtitle" data-bind="html: options.Subtitle"></div></div><form class="gift-recipient__body"><div class="infoRow"><label data-bind="text: options.Email.Title"></label><div class="input-container"><input class="gift-email_qa" type="text" maxlength="35" data-bind=" placeholder: options.Email.Placeholder, validationTextInput: email" aria-label="Recipient Email"></div></div><div class="infoRow"><label data-bind="text: options.FirstName.Title"></label><div class="input-container"><input class="gift-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: options.FirstName.Placeholder, validationTextInput: firstName" aria-label="Recipient First Name"></div></div><div class="infoRow"><label data-bind="text: options.LastName.Title"></label><div class="input-container"><input class="gift-last-name_qa" type="text" maxlength="35" data-bind="placeholder: options.LastName.Placeholder, validationTextInput: lastName" aria-label="Recipient Last Name"></div></div><div class="infoRow"><label data-bind="text: options.Message.Title"></label><div class="input-container"><textarea class="gift-message_qa" data-bind="placeholder: options.Message.Placeholder, textInput: message, attr:{maxlength: options.Message.Maxlength }" rows="5" aria-label="Gift Message"></textarea></div></div></form></div></script><script type="text/html" id="sp-c-header"><div class="pheader" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="back-arrow back-arrow_pheader back-btn_qa" data-bind="click: function() { back(); }, css: {'back-arrow_mobile': options.Styling.LogoAlignLeft}"><div class="back-arrow__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow__text" data-bind="text: options.Back.Text"></span></div><div class="pheader_logo"><div class="logo logo_pheader" data-bind="css: {'logo_pheader-left': options.Styling.LogoAlignLeft}"><a class="logo__link logo-link_qa" data-bind="attr: {'href': options.LogoUrl}"><img class="logo__image" data-bind="attr: {'src': options.Styling.Logo, 'alt': options.LogoAltText}"></a></div><div class="back-arrow back-arrow_logo-left back-btn_qa" data-bind="click: function() { back(); }"><div class="back-arrow__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow__text" data-bind="text: options.Back.Text"></span></div></div><div class="user-toolbar user-toolbar_pheader"><div class="user-authorization"><div class="user-authorization__icon login-btn_qa" data-bind="click: userProvider.loginBtnClick.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 22" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,12c4.9,0,8,2,8,7v1H2v-1C2,14,5.1,12,10,12z"></path><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,2c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5S5,9.8,5,7C5,4.2,7.2,2,10,2z"></path></svg></div><span class="user-authorization__login-text" data-bind="text: options.LoginText, click: userProvider.loginBtnClick.bind(userProvider)"></span><div class="user-authorization__icon user-authorization__icon_not-clickable authorized"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 22" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,12c4.9,0,8,2,8,7v1H2v-1C2,14,5.1,12,10,12z"></path><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,2c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5S5,9.8,5,7C5,4.2,7.2,2,10,2z"></path></svg></div><span class="user-authorization__user-text" data-bind="text: userProvider.displayName, attr: { title : userProvider.displayName }"></span><div class="user-authorization__icon-log-out logout-btn_qa" data-bind="click: userProvider.logOut.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-3 3 18 18" xml:space="preserve"><line data-bind="style: { stroke: options.Styling.TextColor }" x1="2" y1="12" x2="8" y2="12"></line><polyline data-bind="style: { stroke: options.Styling.TextColor }" points="5,5 13,5 13,19 5,19 "></polyline><polygon data-bind="style: { stroke: options.Styling.TextColor, fill: options.Styling.TextColor }" points="2.5,16 -2.5,12 2.5,8 "></polygon></svg></div><span class="user-authorization__logout-text" data-bind="text: options.LogoutText, click: userProvider.logOut.bind(userProvider)"></span></div><div class="already-subscriber"><div class="already-subscriber__label" data-bind="html: options.AlreadySubscriber.Title"></div><a class="already-subscriber__link" data-bind="html: options.AlreadySubscriber.LinkText, attr: {'href': options.AlreadySubscriber.Url}"></a></div></div><div class="already-subscriber already-subscriber_mobile"><div class="already-subscriber__label" data-bind="html: options.AlreadySubscriber.Title"></div><a class="already-subscriber__link" data-bind="html: options.AlreadySubscriber.LinkText, attr: {'href': options.AlreadySubscriber.Url}"></a></div></div></script><script type="text/html" id="sp-c-headerExtended"><div class="header-extended" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="header-extended__back-arrow"><div class="back-arrow-extended back-btn_qa" data-bind="click: function() { backClick(); }"><div class="back-arrow-extended__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow-extended__text" data-bind="html: options.Back.Text"></span></div></div><div class="header-extended__logo"><div class="logo-extended"><a class="logo-extended__link logo-link_qa" data-bind="attr: {'href': options.Logo.Url}"><img class="logo-extended__image" data-bind="attr: {'src': options.Logo.Image, 'alt': options.Logo.AltText}"></a></div></div><div class="header-extended__user-toolbar"><div class="header-extended__menu"><button class="header-extended__menu-link" data-bind="click: toggleMenu"><svg class="header-extended__menu-link-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve" data-bind="visible: !userProvider.avatarImageLink()"><path d="M19.6992593,8.71037037 L18.5407407,8.48740741 C17.8585185,8.3562963 17.2996296,7.89222222 17.0462963,7.24518519 C16.7922222,6.59888889 16.8859259,5.87851852 17.297037,5.31814815 L18.0244444,4.32592593 C18.1325926,4.17888889 18.1166667,3.97444444 17.9874074,3.84518519 L16.4162963,2.27407407 C16.2907407,2.14851852 16.0937037,2.12962963 15.9466667,2.22925926 L14.9696296,2.89074074 C14.6325926,3.11888889 14.2444444,3.23962963 13.8462963,3.23962963 C12.8414815,3.23962963 12.0018519,2.52074074 11.8488889,1.52962963 L11.6618519,0.313703704 C11.6348148,0.133333333 11.4792593,0 11.2962963,0 L9.07407407,0 C8.89666667,0 8.7437037,0.126296296 8.71037037,0.300740741 L8.42259259,1.79740741 C8.24037037,2.74518519 7.40555556,3.43296296 6.43851852,3.43296296 C6.04037037,3.43296296 5.65148148,3.31259259 5.31518519,3.08444444 L4.05333333,2.22962963 C3.9062963,2.13037037 3.70925926,2.14888889 3.5837037,2.27444444 L2.01222222,3.84555556 C1.88296296,3.97481481 1.86740741,4.17888889 1.97518519,4.32666667 L2.70259259,5.31888889 C3.11333333,5.87888889 3.20703704,6.59925926 2.95333333,7.24592593 C2.69925926,7.89222222 2.14074074,8.35666667 1.45851852,8.48777778 L0.3,8.71074074 C0.125925926,8.7437037 0,8.89666667 0,9.07407407 L0,11.2962963 C0,11.4788889 0.133333333,11.6344444 0.314074074,11.6622222 L1.53,11.8492593 C2.2162963,11.9548148 2.79222222,12.3977778 3.06962963,13.0344444 C3.34740741,13.6714815 3.28074074,14.3948148 2.89111111,14.97 L2.22962963,15.947037 C2.13,16.0937037 2.14888889,16.2911111 2.27444444,16.4166667 L3.84555556,17.9877778 C3.97481481,18.1166667 4.17851852,18.1333333 4.3262963,18.0248148 L5.31851852,17.2974074 C5.66814815,17.0411111 6.07777778,16.9051852 6.50259259,16.9051852 C7.47037037,16.9051852 8.30518519,17.592963 8.48740741,18.5407407 L8.71037037,19.6996296 C8.7437037,19.8737037 8.89666667,20 9.07407407,20 L11.2962963,20 C11.4792593,20 11.6344444,19.8666667 11.6622222,19.6859259 L11.7937037,18.8307407 C11.9662963,17.7077778 12.9296296,17.1203704 13.7922222,17.1203704 C14.2166667,17.1203704 14.6255556,17.2559259 14.9759259,17.512963 L15.6737037,18.0244444 C15.8214815,18.132963 16.0255556,18.1162963 16.1544444,17.9874074 L17.7255556,16.4162963 C17.8511111,16.2907407 17.87,16.0937037 17.7703704,15.9466667 L17.1088889,14.9696296 C16.7192593,14.3944444 16.6525926,13.6711111 16.9303704,13.0340741 C17.2081481,12.3974074 17.7837037,11.9544444 18.47,11.8488889 L19.6859259,11.6618519 C19.8666667,11.6344444 20,11.4788889 20,11.2962963 L20,9.07407407 C20,8.89666667 19.8740741,8.7437037 19.6992593,8.71037037 Z M14.0740741,10.1851852 C14.0740741,12.3295643 12.3295643,14.0740741 10.1851852,14.0740741 C8.0408061,14.0740741 6.2962963,12.3295643 6.2962963,10.1851852 C6.2962963,8.0408061 8.0408061,6.2962963 10.1851852,6.2962963 C12.3295643,6.2962963 14.0740741,8.0408061 14.0740741,10.1851852 Z"></path><path d="M10.1851852,7.40740741 C8.653367,7.40740741 7.40740741,8.65387205 7.40740741,10.1851852 C7.40740741,11.7164983 8.653367,12.962963 10.1851852,12.962963 C11.7170034,12.962963 12.962963,11.7164983 12.962963,10.1851852 C12.962963,8.65387205 11.7170034,7.40740741 10.1851852,7.40740741 Z"></path></svg><span class="header-extended__menu-link-text" data-bind="text: options.Menu.LinkText"></span></button><ul class="header-extended__menu-list" data-bind="css: { 'header-extended__menu-list_visible': isMenuActive }, domCallback: saveReferenceToMenuElement"><li class="header-extended__menu-item" data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Link]) }"></li></ul></div><div class="user-authorization-extended"><div class="user-authorization-extended__avatar-container login-btn_qa" data-bind="click: loginClick"><svg class="user-authorization-extended__avatar" width="100px" height="100px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-bind="visible: !userProvider.avatarImageLink()"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g data-bind="style: { stroke: options.Styling.TextColor, fill: options.Styling.TextColor }" fill-rule="nonzero"><g transform="translate(0.000000, 0.112360)"></g><g transform="translate(13.442390, 21.549379)"><path d="M36.5576102,41.7894737 C25.0586771,41.7894737 15.6744903,32.4263749 15.6744903,20.9532821 C15.6744903,9.48018924 25.0586771,0.117090479 36.5576102,0.117090479 C48.0565434,0.117090479 57.4407302,9.48018924 57.4407302,20.9532821 C57.4407302,32.4263749 48.0565434,41.7894737 36.5576102,41.7894737 Z M36.5576102,2.75458309 C26.5125652,2.75458309 18.3179232,10.9308102 18.3179232,20.9532821 C18.3179232,30.975754 26.5125652,39.1519811 36.5576102,39.1519811 C46.6026553,39.1519811 54.7972973,30.975754 54.7972973,20.9532821 C54.7972973,10.9308102 46.6026553,2.75458309 36.5576102,2.75458309 Z"></path><path d="M70.5257231,61.0431697 C69.9970365,59.856298 69.3361783,58.6694264 68.6753201,57.6144293 C64.974514,52.0756949 59.0267899,48.2513306 52.4182077,47.3282082 C52.286036,47.3282082 52.1538644,47.3282082 52.1538644,47.4600828 C47.6600284,50.7569486 42.3731626,52.4713187 36.6897819,52.4713187 C31.0064011,52.4713187 25.7195353,50.7569486 21.2256994,47.4600828 C21.0935277,47.3282082 20.9613561,47.3282082 20.9613561,47.3282082 C14.3527738,48.2513306 8.40504979,51.9438202 4.70424372,57.4825547 C3.91121385,58.5375517 2.85206259,60.7468953 2.32337601,61.933767 L0.210407776,59.9881727 C0.739094358,58.6694264 1.53212423,57.3506801 2.3251541,56.1638084 C6.42247511,49.9657008 13.0310574,45.7457126 20.4326695,44.8225902 C21.2256994,44.6907156 22.0187293,44.9544648 22.6795875,45.3500887 C26.7769085,48.2513306 31.5350877,49.8338261 36.5576102,49.8338261 C41.5801328,49.8338261 46.338312,48.2513306 50.435633,45.3500887 C51.0964912,44.8225902 51.8895211,44.6907156 52.682551,44.8225902 C60.0841631,45.8775872 66.5605737,49.9657008 70.7900664,56.1638084 C71.5830963,57.3506801 72.2439545,58.6694264 72.9048127,59.9881727 L70.5257231,61.0431697 Z"></path></g><path d="M50,99.6043761 C22.5082978,99.6043761 0.171289711,77.3175636 0.171289711,49.8876404 C0.171289711,22.4577173 22.5082978,0.17090479 50,0.17090479 C77.4917022,0.17090479 99.8287103,22.4577173 99.8287103,49.8876404 C99.8287103,77.3175636 77.4917022,99.6043761 50,99.6043761 Z M50,2.8083974 C23.9621859,2.8083974 2.81472262,23.9083383 2.81472262,49.8876404 C2.81472262,75.8669426 23.9621859,96.9668835 50,96.9668835 C76.0378141,96.9668835 97.1852774,75.8669426 97.1852774,49.8876404 C97.1852774,23.9083383 76.0378141,2.8083974 50,2.8083974 Z"></path></g></g></svg></div><img class="user-authorization-extended__avatar" data-bind="visible: userProvider.avatarImageLink(), attr: { src: userProvider.avatarImageLink, alt: 'Avatar' }"></div></div></div></script><script type="text/html" id="sp-c-headerGUP"><div class="header-gup" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="header-gup__logo"><a class="header-gup__logo-link" data-bind="attr: {'href': options.Logo.Url}"><img class="header-gup__logo-image" data-bind="attr: {'src': options.Logo.Image, 'alt': options.Logo.Alt}"></a></div><div class="header-gup__user-toolbar"><a class="header-gup__user-text" data-bind="text: getUserSalutationText(), attr: { 'href': options.UserSalutation.Url }"></a><a class="header-gup__logout-text" data-bind="text: options.Logout.Text, attr: { 'href': options.Logout.Url }"></a></div></div></script><script type="text/html" id="sp-c-information"><div class="information" data-bind="css: { 'information_page': ($parent instanceof Page) }"><div class="information__content" data-bind="html: options.Body"></div></div></script><script type="text/html" id="sp-c-input"><div class="custom-input" data-bind="visible: isDisplayed"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Label, options.OptionalNextToTitle, !options.Validation.Required.Apply)"></label><div class="input-container"><input type="text" data-bind="validationTextInput: customInputValue, placeholder: Utils.concatStringsByCondition(options.Placeholder, options.OptionalNextToPlaceholder, !options.Validation.Required.Apply)"></div></div></div></script><script type="text/html" id="sp-c-inputGiftCode"><div class="input-gift-code"><div class="input-gift-code__header component-header"><div class="input-gift-code__title" data-bind="html: options.Title"></div><div class="input-gift-code__subtitle" data-bind="html: options.Subtitle"></div></div><div class="input-gift-code__body"><div class="general-errors general-errors_gift-code"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.GiftCode.Title, options.GiftCode.OptionalNextToTitle, !options.GiftCode.Validation.Required.Apply)"></label><div class="input-container"><input class="gift-code_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.GiftCode.Placeholder, options.GiftCode.OptionalNextToPlaceholder, !options.GiftCode.Validation.Required.Apply), validationTextInput: giftCode" aria-label="Gift Code"><div class="input-note" data-bind="visible: options.GiftCode.HelpText, text: options.GiftCode.HelpText"></div></div></div></div></div></script><script type="text/html" id="sp-c-landing"><div class="landings" data-bind="css: { 'landings_tabbed': $data instanceof LandingTabbed, 'landings_tiles': $data instanceof LandingTiles, 'landings_horizontal': $data instanceof LandingHorizontal, 'landings_alignedImage': $data instanceof LandingAlignedImage, 'landings_fullscreen': $data instanceof LandingFullscreen }, style: { 'background-image': options.Background && options.Background.Image ? getImgUrl(options.Background.Image) : '' }"><div class="landings__head"><div class="landings__title" data-bind="html: options.Title"></div><div class="landings__subtitle" data-bind="html: options.Subtitle"></div></div><div class="landings__body" data-bind="template: { name: subTemplateName }, css: { 'landings_zoom': options.IncreaseTileOnHover && !Utils.isMobile() }"></div></div></script><script type="text/html" id="sp-c-landingTabbed"><div class="landing landing_tabbed"><div class="landing__tabs landing__tabs_top" data-bind="foreach: getComponents()"><div class="tab activate-btn_qa" data-bind="click: function() {$parent.activate($data)}, css: {'active': isActive}"><div class="tab__content" data-bind="html: options.Title"></div></div></div><div class="landing__tabs landing__tabs_bottom"><div class="content"></div></div></div></script><script type="text/html" id="sp-c-landingHorizontal"><div class="landing landing_horizontal" data-bind="attr: { 'class': $element.className + ' landing_horizontal-' + $data.options.SubtypeName.toLowerCase().replace(' ', '') }"><div class="promotions"></div><div class="promotions"></div></div></script><script type="text/html" id="sp-c-landingTiles"><div class="landing landing_tiles" data-bind="attr: { 'class': $element.className + ' landing_tiles-' + $data.options.SubtypeName.toLowerCase().replace(' ', '') }"><div class="tiles-wrapper" data-bind="foreach: $data.getComponents()"><div class="tile" data-bind="style:{ width:((100-($parent.options.DisplayInlineCount-1)*3.125)/$parent.options.DisplayInlineCount)+'%', 'background-image': $data.options.Image? getImgUrl(options.Background.Image) : ''}, css: { 'active': $data.isActive }, click: function() {$parent.activate($data); Utils.scrollToElement('.landing_tiles .content');}"><div class="background"></div><div class="title-content"><div class="title-content-container"><div class="title" data-bind="html: $data.options.Title"></div><div class="subtitle" data-bind="html: $data.options.Subtitle"></div></div></div><div class="hover-text" data-bind="text: $data.options.HoverText"></div></div><div class="promotion-delimeter" data-bind="visible: ($index() + 1) % $parent.options.DisplayInlineCount !== 0"></div></div><div class="content"></div><div class="promotions"><div class="promotions__tiles promotions__tiles_top"></div><div class="promotions__tiles promotions__tiles_bottom"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div></div></script><script type="text/html" id="sp-c-landingFullscreen"><div class="landing landing_fullscreen"><div class="landing__title" data-bind="html: options.Subtitle"></div><div class="promotions"></div></div></script><script type="text/html" id="sp-c-landingAlignedImage"><div class="landing landing_alignedImage"><div class="landing__image-container"><img class="landing__image" data-bind="attr: { src: options.Image, alt: options.ImageAlt }"></div><div class="landing__content"><div class="landing__title" data-bind="html: options.ContentTitle"></div><div class="promotions"></div></div></div></script><script type="text/html" id="sp-c-landingZipFirst"><div class="landing landingZipFirst"> <div class="landingZipFirst__main-section"><div class="landingZipFirst__main-section-col landingZipFirst__main-section-col_1"><div class="input-container"><input class="LandingZipCode_qa" type="tel" maxlength="5" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, enterkey: enterKeyHandler" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="landingZipFirst__main-section-col landingZipFirst__main-section-col_2"><div class="landingZipFirst__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn landingZipFirst__button pick-btn_qa" data-bind="text: options.GetOfferButton.Text, click: getOffersBtnClick, style: { 'background': customization.GetOfferButton.BackgroundColor, 'color': customization.GetOfferButton.TextColor, 'borderColor': customization.GetOfferButton.BorderColor, 'width': customization.GetOfferButton.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.GetOfferButton.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.GetOfferButton.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.GetOfferButton.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div><div class="landingZipFirst__fail-section"><div class="landingZipFirst__fail-header"><div class="landingZipFirst__fail-header-title" data-bind="html: options.FailSection.Title"></div><div class="landingZipFirst__fail-header-subtitle" data-bind="html: options.FailSection.Subtitle"></div></div><div class="landingZipFirst__fail-body"><div class="landingZipFirst__fail-body-col landingZipFirst__fail-body-col_1"><div class="landingZipFirst__fail-body-title" data-bind="html: options.FailSection.Body.Title"></div><div class="landingZipFirst__fail-body-text" data-bind="html: options.FailSection.Body.Text"></div></div><div class="landingZipFirst__fail-body-col landingZipFirst__fail-body-col_2"><div class="landingZipFirst__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn landingZipFirst__button pick-btn_qa" data-bind="html: options.FailSection.Button.Text, click: failBtnClick, style: { 'background': customization.FailButton.BackgroundColor, 'color': customization.FailButton.TextColor, 'borderColor': customization.FailButton.BorderColor, 'width': customization.FailButton.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.FailButton.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.FailButton.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.FailButton.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="landingZipFirst__fail-body-errors"><span class="error-message" data-bind="html: options.ErrorMessage"></span></div></div></div></div></div></script><script type="text/html" id="sp-c-link"><a class="link link-btn_qa" data-bind="click: linkClick"><span class="link__text" data-bind="text: options.Text, style: { 'color': options.Styling.TextColor}"></span><img class="link__image" data-bind="attr: { src: options.Image, alt: options.Alt }"></a></script><script type="text/html" id="sp-c-liveClicker"><div data-bind="html: $data.options.Title"></div><ul data-bind="foreach: $data.getComponents()"> <li></li></ul></script><script type="text/html" id="sp-c-military"><div class="military"><div class="military__title" data-bind="html: options.Title"></div><form class="military__body component-body"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="military-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="military-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="Last Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.DutyStation.Title, options.DutyStation.OptionalNextToTitle, !options.DutyStation.Validation.Required.Apply)"></label><div class="input-container"><input class="military-duty-station_qa" type="text" maxlength="200" data-bind="placeholder: Utils.concatStringsByCondition(options.DutyStation.Placeholder, options.DutyStation.OptionalNextToPlaceholder, !options.DutyStation.Validation.Required.Apply), validationTextInput: dutyStation" aria-label="Duty Station"></div></div></form></div></script><script type="text/html" id="sp-c-notification"><div class="notifications" data-bind="visible: isDisplayed"><div class="notifications-errors" data-bind="visible: isErrorsShown"><div class="notifications-errors__title" data-bind="html: options.ErrorTitle"></div><div class="notifications-errors__list" data-bind="foreach: errorsArray"><div class="notification" data-bind="text: message"></div></div><div class="notifications-errors__closer" data-bind="click: hideErrorsNotifications"></div></div></div></script><script type="text/html" id="sp-c-notificationGeographic"><div class="notifications-geographic" data-bind="visible: isDisplayed"><div class="notifications-errors"><div class="notifications-errors__title" data-bind="html: options.ErrorTitle"></div><div class="notification" data-bind="html: options.Message"></div><div class="notifications-errors__closer" data-bind="click: hideErrorsNotifications"></div></div></div></script><script type="text/html" id="sp-c-offerDetails"><div class="offerDetails" data-bind="css: {'offerDetails_step': $parent instanceof Step}"><div class="offerDetails__header component-header"><div class="offerDetails__title" data-bind="html: options.Title"></div><div class="offerDetails__subtitle" data-bind="html: options.Subtitle"></div></div><div class="offerDetails__body" data-bind=" style: { 'background-color': OfferDetailsStylingCustomization.BackgroundColor,'border-color': OfferDetailsStylingCustomization.BorderColor, 'border-width': OfferDetailsStylingCustomization.BorderSize ? OfferDetailsStylingCustomization.BorderSize + 'px' : null, 'border-style': OfferDetailsStylingCustomization.BorderSize > 0 && 'solid'}"><div class="offerDetails__offer-title" data-bind="html: offer().Marketing.Title"></div><div class="offerDetails__columns"><div class="offerDetails__column offerDetails__column_first"><div class="offerDetails__img-container"><img class="offerDetails__img" data-bind="attr: { src: offer().Marketing.ImagePath, alt: offer().Marketing.ImageAltText }"></div></div><div class="offerDetails__column offerDetails__column_second"><div class="offerDetails__description"><div class="offerDetails__name"><div data-bind="text: options.SubscribeTo"></div></div><div class="offerDetails__text" data-bind="html: offer().Marketing.Body"></div><div class="offerDetails__text" data-bind="html: offer().Marketing.Price"></div></div></div></div></div></div></script><script type="text/html" id="sp-c-offerSelector"><div class="offer-selector" data-bind="if: isDisplayed"><h3 class="offer-selector__title" data-bind="html: options.Title"></h3></div></script><script type="text/html" id="sp-c-offersTiles"><div class="offers offers_tiles" data-bind="foreach: offers"><div class="offer offer_tile" data-bind="css:{'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer, style: { 'background-color': $parent.offerCustomization.BackgroundColor, 'color': $parent.offerCustomization.TextColor, 'border-color': $parent.offerCustomization.BorderColor, 'border-width': $parent.offerCustomization.BorderSize ? $parent.offerCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerCustomization.BorderSize > 0 && 'solid' }"><div class="offer__buttons offer__buttons_top"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="style: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><img class="offer__image" data-bind="existingImg: Marketing, css: { 'offer__image_hide-mobile' : $parent.options.Show.ImageOnMobile === false}"><div class="offer__text" data-bind="html: Marketing.Price"></div><div class="offer__buttons offer__buttons_middle"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="offer__text2" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></script><script type="text/html" id="sp-c-offersHorizontal"><div class="offers offers_horizontal" data-bind="foreach: offers"><div class="offer offer_horizontal" data-bind="css:{'active': $data === $parent.selectedOffer()}"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__dscText" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="click: $parent.userChooseOffer, text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></div></div><div class="offers offers_accordion" data-bind="foreach: offers"><div class="offer offer_accordion" data-bind="css:{'active': $data === $parent.selectedOffer()}, click: $parent.toggleOffersAccordion"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__description"><div class="best-offer" data-bind="css: { 'best-offer_active': $parent.isPreSelectedOffer($data) }"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><div class="offer__title-price-button-block"><div class="offer__title-price-block" data-bind="css: { 'offer__title-price-block_active': $parent.isPreSelectedOffer($data) }"><h3 class="offer__title" data-bind="html: Marketing.Title, css: { 'offer__title_active': $parent.isPreSelectedOffer($data) }"></h3><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture), css: { 'offer__price_active': $parent.isPreSelectedOffer($data) }"></div></div><div class="offer__buttons" data-bind="css: { 'offer__buttons_active': $parent.isPreSelectedOffer($data) }"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div><div class="offer__dscText" data-bind="html: Marketing.Body, css: { 'offer__dscText_active': $parent.isPreSelectedOffer($data) }"></div><div class="offer__premiums-block" data-bind="css: { 'offer__premiums-block_active': $parent.isPreSelectedOffer($data) }"><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div></div><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="arrow-sign"><svg class="arrow-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-2 8 130 100" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"></path></g></svg></div></div></div></div></div><div class="offer-selector__meta"><div class="offer-selector__edit-line"><span class="offer-selector__edit-info" data-bind="text: options.OptionsSection.ShowingOptions"></span><span class="offer-selector__zipcode-text" data-bind="text: zipCode()"></span><span class="offer-selector__edit-link" data-bind="text: options.OptionsSection.Edit, click: edit"></span></div><div class="offer-selector__text-line" data-bind="text: options.OptionsSection.OptionsInclude"></div></div><div class="offers offers_horizontal offers_horizontal-landing" data-bind="foreach: offers"><div class="offer offer_horizontal offer_horizontal-landing" data-bind="click: $parent.preSelectOffer, css:{'active': $data === $parent.preSelectedOffer()}"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__dscText" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture)"></div></div></div></div><div class="offers offers_accordion offers_accordion-landing" data-bind="foreach: offers"><div class="offer offer_accordion offer_accordion-landing" data-bind="css:{'active': $data === $parent.selectedOffer()}, click: $parent.toggleOffersAccordion"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__description"><div class="best-offer" data-bind="css: { 'best-offer_active': $data === $parent.preSelectedOffer() }"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><div class="offer__title-price-block" data-bind="css: { 'offer__title-price-block_active': $parent.isPreSelectedOffer($data) }"><h3 class="offer__title" data-bind="html: Marketing.Title, css: { 'offer__title_active': $parent.isPreSelectedOffer($data) }"></h3><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture), css: { 'offer__price_active': $parent.isPreSelectedOffer($data) }"></div></div><div class="offer__dscText" data-bind="html: Marketing.Body, css: { 'offer__dscText_active': $parent.isPreSelectedOffer($data) }"></div><div class="offer__premiums-block" data-bind="css: { 'offer__premiums-block_active': $parent.isPreSelectedOffer($data) }"><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div></div><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="arrow-sign"><svg class="arrow-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-2 8 130 100" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"></path></g></svg></div></div></div></div></div><div class="offer-selector__buttons"><button class="btn offer-selector__button offer-btn_qa" data-bind="click: choosePreSelectedOffer, text: options.OfferButtonText, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler, clickBubble: false"></div></div></script><script type="text/html" id="sp-c-offersCSR"><div class="offers offers_csr" id="csr"><div class="table-responsive"><table class="table table-hover"><thead><tr><th data-bind="text: 'Internal Name', click: function() { $data.sort('Name') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'Name'}"></th><th data-bind="text: 'Confirmation Name', click: function() { $data.sort('ConfirmationName') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'ConfirmationName'}"></th><th data-bind="text: 'Title', click: function() { $data.sort('Title') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'Title'}"></th><th data-bind="text: 'Ez Pay Required', click: function() { $data.sort('IsEzPayOptional') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'IsEzPayOptional'}"></th><th data-bind="text: 'Select'"></th></tr></thead><tbody data-bind="foreach: $data.dataRows"><tr data-bind="click: $parent.userChooseOffer, css: { 'info': $data === $parent.selectedOffer() }, attr : { 'order': $index, 'planid': $data.PlanId }"><td data-bind="html: $data.Name"></td><td data-bind="html: $data.Marketing.ConfirmationName"></td><td data-bind="html: Utils.stripTags($data.Marketing.Title)"></td><td data-bind="text: $data.IsEzPayOptional === true ? 'No' : 'Yes'"></td><td class="selected-sign" data-bind="css: { 'selected': $data === $parent.selectedOffer() }"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></td></tr></tbody></table><div class="paging"><div class="paging__controls"><nav><ul class="pagination"><li data-bind="css: { disabled : $data.gridParams.pageIndex() === 1}"><a class="glyphicon glyphicon-step-backward" data-bind="click: function () { $data.flipPage(1) }"></a></li><li data-bind="css: { disabled : $data.gridParams.pageIndex() === 1}"><a class="glyphicon glyphicon-chevron-left" data-bind="click: function () { $data.flipPage($data.gridParams.pageIndex() - 1) }"></a></li></ul><ul class="pagination pages" data-bind="foreach: $data.pagesCount"><li class="page-number" data-bind="css: { active: $parent.gridParams.pageIndex() === $index() + 1 }"><a data-bind="text: $index() + 1, click: function () { $parent.flipPage($index() + 1) }"></a></li></ul><ul class="pagination"><li data-bind="css: { disabled : $data.gridParams.pageIndex() === $data.gridParams.totalPages() }"><a class="glyphicon glyphicon-chevron-right" data-bind="click: function () { $data.flipPage($data.gridParams.pageIndex() + 1) }"></a></li><li data-bind="css: { disabled : $data.gridParams.pageIndex() === $data.gridParams.totalPages() }"><a class="glyphicon glyphicon-step-forward" data-bind="click: function () { $data.flipPage($data.gridParams.totalPages()) }"></a></li></ul></nav></div><div class="paging__total"><span class="small" data-bind="text: $data.gridParams.totalRows() + ' ' + 'item(s)'"></span></div></div></div></div></script><script type="text/html" id="sp-c-offersApplePay"><div class="offers offers_tiles" id="tiles" data-bind="foreach: offers"><div class="offer offer_tile offer_apple-pay" data-bind="css: { 'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1 }, domCallback: $parent.setOfferContainer"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><img class="offer__image" data-bind="existingImg: Marketing, css: { 'offer__image_hide-mobile' : $parent.options.Show.ImageOnMobile === false}"><div class="offer__dscText" data-bind="html: Marketing.Price"></div><div class="offer__dscText" data-bind="html: $parent.options.ExpressCheckoutOfferText"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons" data-bind="domCallback: $parent.initFloatingButtons"><div class="offer__button apple-pay-button" data-bind="click: $parent.checkoutWithApplePay, clickBubble: false"></div><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, click: $parent.userChooseOffer, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="offer__terms"><div class="offer__terms-title">Terms & Conditions</div><div class="offer__terms-content" data-bind="html: TermsAndConditions"></div></div></div></div></script><script type="text/html" id="sp-c-offersDropdown"><div class="offers offers_dropdown"><div class="infoRow"><label data-bind="text: options.Selector.Title"></label><div class="input-container"><select class="select" data-bind="options: offers, optionsText: function(item) { return item.Marketing.ConfirmationName }, value: selectedOption, optionsCaption: options.Selector.PlaceHolder, css: { 'select_placeholder': !selectedOffer() }"></select></div></div></div></script><script type="text/html" id="sp-c-offersSmallTiles"><div class="offers offers_smallTiles" data-bind="foreach: offers"><div class="offer offer_smallTile" data-bind="css:{'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer"><div class="offer__selector"><div class="active-sign"><div class="active-sign__container" data-bind="style: {borderColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__content"><div class="offer__description"><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></div></div></script><script type="text/html" id="sp-c-offersCheckBox"><div class="offers offers_checkbox"><div class="offers__subtitle" data-bind="html: options.Subtitle"></div><div data-bind="foreach: offers"><div class="offer offer_checkbox" data-bind="click: $parent.preSelectOffer, css:{'active': $parent.isPreSelectedOffer($data)}"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText, style:{'text-align': 'left'}"></div></div><div class="offer__body"><label class="checkbox"><input class="offer_checkbox_qa" type="checkbox" data-bind="checked: $parent.isPreSelectedOffer($data)"><div class="checkbox-switch"></div></label><div><div class="offer__title" data-bind="html: Marketing.Title"></div><div class="offer__description" data-bind="html: Marketing.Body"></div></div></div><hr></div></div><div class="offers__buttons" data-bind="style: {'padding-left': '10px'}"><button class="btn offer__button offer-btn_qa" data-bind="click: choosePreSelectedOffer, text: options.OfferButtonText, enable: isSelectCheckBox, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-page"><div class="page" data-bind="visible: isDisplayed, displayTypeClass: displayType, style: { background: getBackground(options.Styling.Background), backgroundSize: getBackgroundSize(options.Styling.Background), backgroundAttachment: options.Styling.Background.Scrollable? 'scroll': 'fixed' }"><div class="page__contaner"></div><div class="page__header"><div class="page__title" data-bind="html:options.Title"></div><div class="page__subtitle" data-bind="html:options.Subtitle"></div></div></div></script><script type="text/html" id="sp-c-payment"><div class="payment-methods"><div class="payment-methods__title" data-bind="html: options.Title"></div><div class="payment-methods__container"><div class="general-errors general-errors_payment"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: options.PaymentMethodSelector.Title"></label><div class="input-container"><select class="select payment-methods__options pm-select_qa" data-bind="options: availablePaymentOptions, optionsText: 'optionName', optionsValue: $data, value: selectedPaymentOption, css: { 'select_placeholder': !selectedPaymentOption() }" aria-label="Payment Options"></select></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><label class="radio"><input class="pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div><span class="radio__text" data-bind="text: optionName"></span></label></div><div class="payment-methods__options"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text: options.Title"></div></div></div><div class="payment-methods__view-row" style="justify-content: space-between"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="width: 65%; justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div><div class="payment-methods__more" data-bind="text: options.MorePaymentOptionText, click: showOtherPaymentMethods" style="width: 29%"></div></div><div class="payment-methods__more-container" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__more-option-block"><div class="payment-methods__more-option" data-bind="click: $parent.selectedPaymentOption, css: { active: isActive() }"><img class="payment-methods__more-option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"><a class="payment-methods__more-option-link" data-bind="text: options.LearnMore.Text, click: learnMoreLinkClick"></a><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__options-container_accordion"><div class="payment-methods__option_accordion" data-bind="click: $parent.selectPaymentOption, css: { active: isActive() }"><div class="radio"><input class="payment-methods__radio pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div></div><div class="payment-methods__option-title_accordion" data-bind="text: options.Title"></div><img class="payment-methods__option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"></div><div class="payment-methods__body" data-bind="template: { name: templateName }, css: { active: isActive() }"></div></div></div><form class="payment-methods__additional-fields"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: currentCountry, css: { 'select_placeholder': !currentCountry() }" aria-label="Country"></select></div></div><div class="zipCodeCol"><label data-bind="text: options.Currency.Title"></label><div class="input-container"><select class="select currensies_qa" data-bind="options: currencies, optionsText: 'Description', optionsValue: 'ISOCode', validationTextInput: currentCurrency, css: { 'select_placeholder': !currentCurrency() }" aria-label="Currency"></select><input class="currency_qa" type="text" disabled data-bind="validationTextInput: currentCurrency, value: currentCurrencyDescription()" name="currency" aria-label="Currency"></div></div></div><div class="infoRow"><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode, domCallback: onZipCodeInputMounted" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><select class="select states_qa" data-bind="options: states, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentState, optionsCaption: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), css: { 'select_placeholder': !currentState() }" aria-label="State"></select><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="infoRow"><div data-bind="css: {'zipCodeCol': options.PostalCode.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.PostalCode.Title, options.PostalCode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PostalCode.Placeholder, options.PostalCode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="Postal Code"></div></div><div data-bind="css: {'zipCodeCol': options.Province.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.Province.Title, options.Province.OptionalNextToTitle, !options.Province.Validation.Required.Apply)"></label><div class="input-container"><input class="province_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), validationTextInput: currentProvince" name="province" autocomplete="address-level1" aria-label="Province"><select class="select" data-bind="options: provinces, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentProvince, optionsCaption: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), css: { 'select_placeholder': !currentProvince }" aria-label="Province"></select></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalPhone.Title, options.InternationalPhone.OptionalNextToTitle, !options.InternationalPhone.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalPhone.Placeholder, options.InternationalPhone.OptionalNextToPlaceholder, !options.InternationalPhone.Validation.Required.Apply), validationTextInput: intPhone" name="phone" autocomplete="tel" aria-label="Phone Number"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="email" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" name="email" autocomplete="email" aria-label="Email"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.TransferBalance.Title, options.TransferBalance.OptionalNextToTitle, !options.TransferBalance.Validation.Required.Apply)"></label><div class="input-container"><input class="transfer-balance_qa" type="text" maxlength="15" data-bind="placeholder: Utils.concatStringsByCondition(options.TransferBalance.Placeholder, options.TransferBalance.OptionalNextToPlaceholder, !options.TransferBalance.Validation.Required.Apply), maskedBalanceTransfer: transferBalance, validationTextInput: transferBalance" aria-label="Transfer Balance"></div></div><div class="infoRow"><label data-bind="text: options.TransferBalanceReason.Title"></label><div class="input-container"><select class="select transfer-balance__reasons tdr-select_qa" data-bind="options: availableTransferBalanceReasons, value: selectedTransferBalanceReason, disable: !transferBalance(), css: { 'select_placeholder': !selectedTransferBalanceReason() }" aria-label="Transfer Balance reasons"></select></div></div><div class="infoRow"><label data-bind="text: options.TransferBalanceReason.Title"></label><div class="input-container"><select class="select transfer-balance__reasons tdr-select_qa" data-bind="options: availableTransferBalanceReasons, value: selectedTransferBalanceReason, disable: !transferBalance(), css: { 'select_placeholder': !selectedTransferBalanceReason() }" aria-label="Transfer Balance reasons"></select></div></div></form><div class="infoRow"><label data-bind="text: options.PaymentMethodSelector.Title"></label><div class="input-container"><select class="select payment-methods__options pm-select_qa" data-bind="options: availablePaymentOptions, optionsText: 'optionName', optionsValue: $data, value: selectedPaymentOption, css: { 'select_placeholder': !selectedPaymentOption() }" aria-label="Payment Options"></select></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><label class="radio"><input class="pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div><span class="radio__text" data-bind="text: optionName"></span></label></div><div class="payment-methods__options"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text: options.Title"></div></div></div><div class="payment-methods__view-row" style="justify-content: space-between"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="width: 65%; justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div><div class="payment-methods__more" data-bind="text: options.MorePaymentOptionText, click: showOtherPaymentMethods" style="width: 29%"></div></div><div class="payment-methods__more-container" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__more-option-block"><div class="payment-methods__more-option" data-bind="click: $parent.selectedPaymentOption, css: { active: isActive() }"><img class="payment-methods__more-option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"><a class="payment-methods__more-option-link" data-bind="text: options.LearnMore.Text, click: learnMoreLinkClick"></a><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__options-container_accordion"><div class="payment-methods__option_accordion" data-bind="click: $parent.selectPaymentOption, css: { active: isActive() }"><div class="radio"><input class="payment-methods__radio pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div></div><div class="payment-methods__option-title_accordion" data-bind="text: options.Title"></div><img class="payment-methods__option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"></div><div class="payment-methods__body" data-bind="template: { name: templateName }, css: { active: isActive() }"></div></div></div><div class="payment-methods__body" data-bind="template: { name: getTemplateName, foreach: availablePaymentOptions()}"></div></div></div></script><script type="text/html" id="sp-c-paypal"><div class="payment-method__body"><div id="paypal-button" data-bind="visible: isDisplayed"><div data-bind="html: options.Disclaimer"></div></div></div></script><script type="text/html" id="sp-c-paypalExpress"><div class="payment-method__body"><div id="paypal-express-button" data-bind="domCallback: initializePaypalButton"></div></div></script><script type="text/html" id="sp-c-paypalDTI"><div class="payment-method__body" data-bind="visible: isDisplayed"><div data-bind="html: options.Description"></div><div class="paypal-dti-button" id="paypal-dti-button" data-bind="domCallback: initializePaypalButtonDTI"></div><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-paypalBrainTree"><div class="payment-method__body" data-bind="visible: isDisplayed"><div data-bind="html: options.Description"></div><div class="paypal-braintree-button" id="paypal-braintree-button" data-bind="domCallback: onHTMLMounted"></div><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-perk"><div class="perk" data-bind="style: {'width': $parent.perkWidth, 'backgroundColor': backgroundColor}"><div class="perk__icon"></div><div class="perk__icon" data-bind="style: {'backgroundImage': 'url('+ Styling.Image +')'}"></div><div class="perk__title" data-bind="html: Title"></div><div class="perk__content" data-bind="html: Body"></div></div></script><script type="text/html" id="sp-c-placeOrder"><div class="placeOrder"><div class="placeOrder__title" data-bind="html: options.Title"></div><div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div><div class="editBtn user-btn_qa" data-bind="text: options.UserInformation.Edit, click: clickEditUserInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.MilitaryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.MilitaryInformation.FullName + ' '"></span><span data-bind="text: militaryInformation().firstName + ' ' + militaryInformation().lastName"></span></div><div><span data-bind="text: options.MilitaryInformation.DutyStation + ' '"></span><span data-bind="text: militaryInformation().dutyStation"></span></div><div class="editBtn military-btn_qa" data-bind="text: options.MilitaryInformation.Edit, click: clickEditMilitaryInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.CollegeInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.CollegeInformation.FullName + ' '"></span><span data-bind="text: collegeInformation().firstName + ' ' + collegeInformation().lastName"></span></div><div><span data-bind="text: options.CollegeInformation.StudentId + ' '"></span><span data-bind="text: collegeInformation().studentId"></span></div><div class="editBtn user-btn_qa" data-bind="text: options.CollegeInformation.Edit, click: clickEditCollegeInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.PaymentInformation.Title"></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span data-bind="text: options.PaymentInformation.PayPal.Title"></span><img src="https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png" data-bind="attr: { 'alt': options.PaymentInformation.PayPal.ImageAlt }"></div><div><span data-bind="text: options.PaymentInformation.PayPal.SecuredDataMessage"></span></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span class="applepay-title" data-bind="text: options.PaymentInformation.ApplePay.Title"></span><img class="applepay-logo" src="/img/applepay.png" border="0" data-bind="attr: { alt: options.PaymentInformation.ApplePay.ImageAlt }"></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span class="googlepay-title" data-bind="text: options.PaymentInformation.GooglePay.Title"></span><img class="googlepay-logo" src="/img/googlepay.png" border="0" data-bind="attr: { alt: options.PaymentInformation.GooglePay.ImageAlt }"></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().creditCard"><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Holder + ' '"></span><span data-bind="text: cardHolder"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Number + ' '"></span><img class="summaryRow__credit-card-img" data-bind="attr: { src: $parent.creditCardImage().src, alt: $parent.creditCardImage().alt }"><span data-bind="text: Utils.getLast4Digits(cardNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Expiration + ' '"></span><span data-bind="text: expirationMonth + '/' + expirationYear"></span></div><div class="editBtn payment-btn_qa" data-bind="text: $parent.options.PaymentInformation.Edit, click: $parent.clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().bankAccount"><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.BankName + ' '"></span><span data-bind="text: bank"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.AccountNumber + ' '"></span><span data-bind="text: Utils.getLast4Digits(accountNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.RoutingNumber + ' '"></span><span data-bind="text: routingNumber"></span></div><div class="editBtn payment-btn_qa" data-bind="text: $parent.options.PaymentInformation.Edit, click: $parent.clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.BillMe.Title"></span></div><div><span data-bind="text: options.PaymentInformation.BillMe.Disclaimer"></span></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentAddress()"><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.FullName + ' '"></span><span data-bind="text: name"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Email + ' '"></span><span data-bind="text: email"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Zipcode + ' '"></span><span data-bind="text: zipCode"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Phone + ' '"></span><span data-bind="text: phone, maskedPhone: phone"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Country + ' '"></span><span data-bind="text: country"></span></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.DeliveryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.DeliveryInformation.FullName + ' '"></span><span data-bind="text: deliveryAddress().name"></span></div><div><span data-bind="text: options.DeliveryInformation.Address + ' '"></span><span data-bind="text: deliveryAddress().address"></span><span data-bind="text: ', ' + deliveryAddress().aptUnit"></span></div><div><span data-bind="text: options.DeliveryInformation.CityStateZipcode + ' '"></span><span data-bind="text: deliveryAddress().city + ', '"></span><span data-bind="text: deliveryAddress().state + ' '"></span><span data-bind="text: deliveryAddress().zipCode"></span></div><div class="editBtn delivery-btn_qa" data-bind="text: options.DeliveryInformation.Edit, click: clickEditDeliveryAddress, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.BillingInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.BillingInformation.FullName + ' '"></span><span data-bind="text: billingAddress().name"></span></div><div><span data-bind="text: options.BillingInformation.Address + ' '"></span><span data-bind="text: billingAddress().address"></span><span data-bind="text: ', ' + billingAddress().aptUnit"></span></div><div><span data-bind="text: options.BillingInformation.CityStateZipcode + ' '"></span><span data-bind="text: billingAddress().city + ', '"></span><span data-bind="text: billingAddress().state + ' '"></span><span data-bind="text: billingAddress().zipCode"></span></div><div class="editBtn billing-btn_qa" data-bind="text: options.BillingInformation.Edit, click: clickEditBillingAddress, clickBubble: false"></div></div></div></div><div data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Information, ComponentsNames.TermsAndConditions])"></div></div></script><script type="text/html" id="sp-c-previousSunday"><div class="previousSunday"><label class="checkbox"><input type="checkbox" data-bind="checked: allowPreviousSunday"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.CheckboxText"></span></label></div></script><script type="text/html" id="sp-c-promotion-default"><div class="promotion promotion_default" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_default-rounded': ($parent.options.SubtypeName === 'Rounded'), 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible(), 'promotion__banner_rounded': ($parent.options.SubtypeName === 'Rounded') }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'default') }, css: { 'promotion__wrapper_rounded': ($parent.options.SubtypeName === 'Rounded') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width}, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__content" data-bind="html: options.Body"></div></div></div></script><script type="text/html" id="sp-c-promotion-collapsed"><div class="promotion promotion_default" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'collapsed') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width}, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded}"></button></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div></script><script type="text/html" id="sp-c-promotion-horizontal"><div class="promotion promotion_horizontal" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'horizontal') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-promotion-noImage"><div class="promotion promotion_noimage" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }"><div class="promotion__wrapper" data-bind="template: { name: getTemplateName($data, $context, 'noImage') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index()),"></button></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div></div></script><script type="text/html" id="sp-c-promotion-accordion"><div class="promotion promotion_accordion" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive}"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="css: { 'promotion__wrapper_active': isPromotionAccordionItemOpen }, style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'accordion') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div></script><script type="text/html" id="sp-c-rssFeed"><div class="rss-feed"><div class="rss-feed__header component-header"><div class="rss-feed__title" data-bind="html: options.Title"></div><div class="rss-feed__subtitle" data-bind="html: options.Subtitle"></div></div><div class="rss-feed__body" data-bind="foreach: newsList"><div class="rss-item" data-bind="click: function() { Utils.clickLink(link,'_blank'); }"><div class="rss-item__pub-date" data-bind="text: pubDate"></div><div class="rss-item__image-container"><img data-bind="attr: { src: $data['media:thumbnail']['$'].url, alt: 'RSS image'}"></div><div class="rss-item__title" data-bind="html: title"></div></div></div></div></script><script type="text/html" id="sp-c-scheduledStart"><div class="scheduledStart"><label class="checkbox"><input type="checkbox" data-bind="checked: isStartImmediately"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.StartImmediatelyText"></span></label><div class="infoRow"><input class="flatpickr" type="text" maxlength="35" data-bind=" placeholder: options.Placeholder, validationTextInput: startDate, disable: isStartImmediately"></div></div></script><script type="text/html" id="sp-c-slideShow"><div class="slide-show"><div class="slide-show__head"><div class="slide-show__title" data-bind="html: options.Headtitle"></div></div><div class="slide-show__body"><div class="slide-show__slides" data-bind="foreach: slidesArray"><div class="slide" data-bind="visible: isActive"><div class="slide__link slide-btn_qa" data-bind="click: function(){ if (slide.RedirectUrl) { Utils.clickLink(slide.RedirectUrl, '_self') } }"><div class="slide__background" data-bind=" style: { 'background': 'url(' + slide.ImageUrl + ')' , 'backgroundSize': 'cover' , 'backgroundPosition' : 'center' } "><div class="slide__contaner" data-bind="style: { 'verticalAlign' : slide.BodyVertical }"><div class="slide__content" data-bind="style: { 'background-color': slide.Background.Color }, visible: slide.Title || slide.Body"><div class="slide__title" data-bind="html: slide.Title"></div><div class="slide__text" data-bind="html: slide.Body"></div></div></div></div></div></div></div><div class="slide-show__dots" data-bind="foreach: slidesArray"><div class="slide-show__dot" data-bind="click: function() {$parent.moveToSlide($index())}, css: { 'slide-show__dot_active': isActive }"></div></div><div class="slide-show__control slide-show__control_left prev-btn_qa" data-bind="if: showControls, click: prev"><div class="slide-show__control-icon slide-show__control-icon_left"></div></div><div class="slide-show__control slide-show__control_right next-btn_qa" data-bind="if: showControls, click: next"><div class="slide-show__control-icon slide-show__control-icon_right"></div></div></div></div></script><script type="text/html" id="sp-c-step"><div class="step" data-bind="css: { 'active': isActive(), 'completed' : isCompleted(), 'disabled': showDisableOverlay }, visible: isDisplayed"><div class="overlay" data-bind="visible: isBusy()"><div class="loader-container loader-container_visible"><div class="loader"></div><div class="loader-placeholder">Loading...</div></div></div><div class="disable-overlay" data-bind="visible: showDisableOverlay"></div><div><div class="step__header component-header" data-bind="click: function () {$parent.activateComponent($data);return true;}, style: { backgroundColor: customization.MainColor }"><div class="step__complete-sign"><svg class="completed-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 15" style="enable-background:new 0 0 17 15;" xml:space="preserve"><polygon class="completed-svg-sign__path" points="5,14.4 0.3,9.7 1.7,8.3 5,11.6 15.3,0.3 16.7,1.7 "></polygon></svg></div><div class="step__edit-sign"><svg class="edit-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 17" style="enable-background:new 0 0 17 17;" xml:space="preserve"><path class="edit-svg-sign__path" d="M12.606,0.293L2.005,10.894l-1.75,5.851l5.85-1.748L16.707,4.394L12.606,0.293z M15.293,4.394l-1.144,1.144l-2.687-2.687l1.144-1.144L15.293,4.394z M5.577,14.109L2.39,15.063l-0.46-0.427l0.961-3.213l7.865-7.865l2.687,2.687L5.577,14.109z"></path></svg></div><div class="step__enumer step-enumer" data-bind="text: viewModel.presentation.steps().filter(function(item){ return item.state() !== ComponentStates.Disabled; }).indexOf($data)+1, style: { background: customization.AccentColor, color: customization.TextAccentColor }"></div><div class="step__title" data-bind="html: stepTitle, style: { color: customization.TextColor }"></div><div class="step__subtitle" data-bind="html: stepSubtitle, style: { color: customization.TextColor }"></div></div><div class="step__body" data-bind="visible: showBody"><div class="general-errors general-errors_step"><div class="general-errors__title" data-bind="text: $root.presentation.options.PresentationProperties.options.Erorrs.GeneralErrors.Title"></div><ul class="general-errors__list" data-bind="foreach: $root.presentation.errors"><li data-bind="html: $data.message"></li></ul></div><div class="step__content component-body" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.Landing, ComponentsNames.OfferSelector, ComponentsNames.OfferDetails, ComponentsNames.BillingInformation, ComponentsNames.DeliveryInformation, ComponentsNames.Payment, ComponentsNames.UserInformation, ComponentsNames.PlaceOrder, ComponentsNames.EzPay, ComponentsNames.TermsAndConditions, ComponentsNames.Information, ComponentsNames.ScheduledStart, ComponentsNames.Input, ComponentsNames.Upsell, ComponentsNames.Military, ComponentsNames.College, ComponentsNames.EmailPreferences, ComponentsNames.PreviousSunday, ComponentsNames.GiftRecipient, ComponentsNames.UserInformationNoAccount, ComponentsNames.InputGiftCode, ComponentsNames.GiftDetails, ComponentsNames.Checkbox, ComponentsNames.CheckboxTermsConsent, ComponentsNames.MarketingEmailOptIn, ComponentsNames.IndependentAddress, ComponentsNames.OneTimeUseCodes, ComponentsNames.SheerIdVerification, ComponentsNames.LiteForm]) }"></div><div class="prices"><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Quantity.Title"></div><div class="price-row__value" data-bind="text: $root.presentation.offer().Quantity()"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Amount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().Amount(), currency().ISOCode, currency().Culture) + (options.Pricing.Amount.ShowPeriod ? ' ' + $root.presentation.offer().PriceSuffix : '')"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.TaxAmount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().TaxAmount(), currency().ISOCode, currency().Culture) + (options.Pricing.TaxAmount.ShowPeriod ? ' ' + $root.presentation.offer().PriceSuffix : '')"></div></div><ul class="tax-details"><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CityTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().CityTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.StateTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().StateTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CountyTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().CountyTax(), currency().ISOCode, currency().Culture)"></div></li></ul><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.ActivationFee.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().ActivationFee(), currency().ISOCode, currency().Culture)"></div></div><div class="price-row price-row_total"><div class="price-row__title price-row__title_total" data-bind="text: options.Pricing.TotalPrice.Title"></div><div class="price-row__value price-row__value_total" data-bind="text: Utils.getCurrencyString($root.presentation.offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div><div class="step__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() && options.Button.Spinner.Show }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn step__button step__button_submit step-submit_qa" data-bind="click: click, enable: buttonEnabled, text: buttonText, css: { 'busy' : $data.isBusy() && options.Button.Spinner.Show, 'step__button_hidden': options.Button.HideWhileDisabled && !buttonEnabled(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }, domCallback: getButtonWidth"></button><div class="step__button-message" data-bind="text: options.Button.Disabled.HoverMessage.Text, style: {'width': buttonWidth() + 'px'}"></div></div></div></div></div></script><script type="text/html" id="sp-c-stepIndicator"><div class="step-indicator" data-bind="css: { 'step-indicator_sticky': options.StickyMode.Enable }, style: { 'background-color': customization.BackgroundColor }"><div class="step-indicator__summary" data-bind="with: activeStep"><div class="step-indicator__columns"><div class="step-indicator__column step-indicator__column_half"><div class="step-indicator__summary-title" data-bind="html: options.StepIndicator.Title ? options.StepIndicator.Title : options.Title"></div></div><div class="step-indicator__column step-indicator__column_half"><div class="step-indicator__summary-enum" data-bind="text: 'Step ' + ($parent.stepIndicatorIndex($data) + 1) + ' of ' + $parent.filteredSteps().length"></div></div></div></div><div class="step-indicator__items" data-bind="foreach: filteredSteps"><div class="step-indicator__item step-btn_qa" data-bind="click: $parent.indicatorClickHandler.bind($parent), css: {'active': isActive, 'previous': $parent.isFinished($data)}"><div class="step-indicator__item-title" data-bind="html: options.StepIndicator.Title ? options.StepIndicator.Title : options.Title"></div><svg class="step-indicator__item-active-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12 16" style="enable-background:new 0 0 12 16;" xml:space="preserve"><path d="M6,1c2.485246,0,4.5,1.950629,4.5,4.356824S6,14,6,14S1.5,7.763019,1.5,5.356824S3.514754,1,6,1z "></path></svg></div></div></div></script><script type="text/html" id="sp-c-stickyNote"><div class="sticky-note-overlay" data-bind="css: {'sticky-note-overlay_opened': !isCollapsed()}, click: collapse"></div><div class="sticky-note" data-bind="css: {'sticky-note_collapsed': isCollapsed}"><div class="sticky-note__desktop-panel"><div class="sticky-note__minifier" data-bind="click: collapse"><svg class="sticky-note__minifier-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 476.213 476.213" xml:space="preserve" data-bind="css: {'sticky-note__minifier-icon_invisible': isCollapsed()}"><polygon points="345.606,107.5 324.394,128.713 418.787,223.107 0,223.107 0,253.107 418.787,253.107 324.394,347.5 345.606,368.713 476.213,238.106 "></polygon></svg><svg class="sticky-note__cart-icon sticky-note__cart-icon_minifier" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4 3 20 18" xml:space="preserve" data-bind="css: {'sticky-note__cart-icon_visible': isCollapsed()}"><polyline points="-2,5 1.4,5 4,14 12.3,14 14,8 6,8 "></polyline><circle cx="5.1" cy="18.1" r="1.5"></circle><circle cx="11.1" cy="18.1" r="1.5"></circle></svg></div><div class="sticky-note__header"><h3 class="sticky-note__title" data-bind="html: options.Title"></h3><div class="sticky-note__cart"><svg class="sticky-note__cart-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4 3 20 18" xml:space="preserve"><polyline points="-2,5 1.4,5 4,14 12.3,14 14,8 6,8 "></polyline><circle cx="5.1" cy="18.1" r="1.5"></circle><circle cx="11.1" cy="18.1" r="1.5"></circle></svg></div></div><div class="sticky-note__body"><h3 class="sticky-note__offer-name" data-bind="html: offer().Marketing.Title"></h3><div class="sticky-note__img-container"><img class="sticky-note__img" data-bind="attr: { src: offer().Marketing.ImagePath, alt: offer().Marketing.ImageAltText }"></div><div class="sticky-note__offer-text" data-bind="html: offer().Marketing.Price"></div><div class="sticky-note__offer-text" data-bind="html: offer().Marketing.Body"></div><div class="sticky-note__premiumTitle" data-bind="html: options.Premium.Title"></div><div class="sticky-note__offer-text" data-bind="html: premium().name"></div><div class="prices"><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Quantity.Title"></div><div class="price-row__value" data-bind="text: offer().Quantity()"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Amount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().Amount(), currency().ISOCode, currency().Culture) + (options.Pricing.Amount.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.TaxAmount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().TaxAmount(), currency().ISOCode, currency().Culture) + (options.Pricing.TaxAmount.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><ul class="tax-details"><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CityTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().CityTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.StateTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().StateTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CountyTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().CountyTax(), currency().ISOCode, currency().Culture)"></div></li></ul><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.ActivationFee.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().ActivationFee(), currency().ISOCode, currency().Culture)"></div></div><div class="price-row"><div class="price-row__title price-row__title_total" data-bind="text: options.Pricing.TotalPrice.Title"></div><div class="price-row__value price-row__value_total" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div></div></div><div class="sticky-note__mobile-panel"><div class="sticky-note__mobile-offer-details"><h3 class="sticky-note__offer-name sticky-note__offer-name_mobile" data-bind="html: Utils.getTextSegmentByIndex(offer().OfferText, 0)"></h3><div class="sticky-note__mobile-button" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div><div class="webchat"><div id="webchat-button"><img src="https://bloximages.chicago2.vip.townnews.com/certification66.bloxcms.com/content/tncms/assets/v3/editorial/3/30/330ad932-a4e5-11e9-863f-f316fdf5f72a/5d28f031899f8.image.png" width="120" alt="Webchat button"></div><div id="floating-chat-form"><form id="chatForm"><div id="chat-form-head"><h3>Chat with us</h3><div id="chat-form-exit">X</div></div><div class="webchat-config"><div class="chat-error-warning hidden">There was an error connecting to chat. Please try again.</div><div class="webchat-input-container"><input class="place-holder-text" type="hidden" name="webchat_user_name_place_holder" value="*Name"><input class="place-holder" id="webchat-user-name" type="text" name="webchat_user_name" value="*Name"><div class="required-field-warning hidden">Name is required</div></div><div class="webchat-input-container"><input class="place-holder-text" type="hidden" name="webchat_user_email_place_holder" value="Email"><input class="place-holder" id="webchat-user-email" type="text" name="webchat_user_email" value="Email"></div><div class="webchat-input-container"><label for="webchat_user_subscription">*Do you have a subscription?</label><select id="webchat-user-subscription" name="webchat_user_subscription"><option value=""></option><option value="no">No</option><option value="yes">Yes</option></select><div class="required-field-warning hidden">Indicate if you have a subscription</div></div><div class="webchat-input-container"><label for="webchat_user_help_type">*How can we help?</label><select id="webchat-user-help-type" name="webchat_user_help_type"><option value=""></option><option value="Need help with online signup">Need help with online signup</option><option value="Other">Other</option></select><div class="required-field-warning hidden">Select how we can help</div></div></div><div class="webchat-button-container"><button id="chat-button" type="button">Start Chat</button></div></form></div><div id="chat-container"></div></div></div></script><script type="text/html" id="sp-c-termsAndConditions"><div class="termsAndConditions" data-bind="css: { 'termsAndConditions_step': $parent.name === ComponentsNames.Step, 'termsAndConditions_page': $parent.name === ComponentsNames.Page }"><div class="termsAndConditions__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isAccepted"><div class="checkbox-switch"></div><span class="checkbox-text termsAndConditions__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="termsAndConditions__content" data-bind="html: termsConditions"></div></div></script><script type="text/html" id="sp-c-upsell"><div class="modal fade upsell-modal upsell-modal_qa" data-bind="modal: isVisibleUpsellModal" data-backdrop="static" data-keyboard="false"><div class="modal-dialog modal-dialog_upsell" role="document"><div class="modal-content modal-content_upsell"><div class="upsell-offer upsell-offer_modal upsell-offer_qa"><h3 class="upsell-offer__marketing-title subtitle" data-bind="html: $parent.options.Offer.MarketingTitle.Text"></h3><h2 class="upsell-offer__title upsell-offer__title_modal" data-bind="html: $data.Marketing.Title"></h2><img class="upsell-offer__img upsell-offer__img_modal" data-bind="attr: { 'src': $data.Marketing.ImagePath, 'alt': $data.Marketing.ImageAltText }"><button class="btn" data-bind="click: $parent.acceptUpsell, text: $data.Marketing.Title"></button><p class="upsell-offer__text upsell-offer__text_modal" data-bind="html: $data.Marketing.Body"></p><div class="upsell-offer__refuse-container"><a class="upsell-offer__refuse-link" data-bind="click: $parent.refuseUpsell, text: $parent.options.Offer.RefuseLink.Text"></a></div></div></div></div></div><div class="upsell-inline"><div class="upsell-inline__title" data-bind="html: options.InlineTitle"></div><div class="upsell-offer upsell-offer-inline_qa" data-bind="css: {'upsell-offer_selected': $parent.isCurrentOfferSelected($data)}"><div class="upsell-offer__rows"><div class="upsell-offer__body"><div class="upsell-offer__rows"><div class="upsell-offer__img"><img data-bind="attr: { 'src': $data.Marketing.ImagePath, 'alt': $data.Marketing.ImageAltText }"></div><div class="upsell-offer__content"><h2 class="upsell-offer__title" data-bind="html: $data.Marketing.Title"></h2><p class="upsell-offer__text" data-bind="html: $data.Marketing.Body"></p></div></div></div><div class="upsell-offer__controls"><div class="upsell-offer__add-button" data-bind="click: $parent.acceptUpsell, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': $parent.buttonCustomization.BackgroundColor }"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14 14" xml:space="preserve"><line data-bind="style: {'stroke': $parent.buttonCustomization.TextColor }" x1="7" y1="0" x2="7" y2="14"></line><line data-bind="style: {'stroke': $parent.buttonCustomization.TextColor }" x1="14" y1="7" x2="0" y2="7"></line></svg></div><div class="upsell-offer__remove-button" data-bind="click: $parent.refuseUpsell"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 20" xml:space="preserve"><g><rect x="5" y="7" width="2" height="9"></rect><rect x="9" y="7" width="2" height="9"></rect><path d="M16,3h-1h-4.000977V0.000977H5V3H1H0v2h1v15h14V5h1V3z M7,2h2v1H7V2z M13,18H3V5h2h5.999023H13V18z"></path></g></svg></div></div></div></div></div></script><script type="text/html" id="sp-c-userInformation"><div class="user-information"><div class="user-information__title" data-bind="html: options.Title"></div><form class="user-information__body"><div class="general-errors general-errors_userinfo"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: userProvider.firstName" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: userProvider.lastName" aria-label="Last Name"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showEmailTooltip"><span data-bind="text: options.Email.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.Email.Help.Text"></div><img data-bind="attr: { src: options.Email.Help.ImageUrl, alt: options.Email.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container" data-bind="css: { 'valid': userProvider.email.isValid() && !userProvider.emailIsBusy() }"><div class="user-information__email-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 20" style="enable-background:new 0 0 30 20;" xml:space="preserve"><rect x="1" y="0.5" width="28" height="19"></rect><polyline points="26,5 15,12 4,5 "></polyline></svg></div><input class="user-information__email-input email_qa" type="email" autocomplete="on" name="userEmail" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: userProvider.email, css:{loading: userProvider.emailIsBusy()}" aria-label="Email"></div></div><div class="user-information__message"><h4 class="user-information__message-title" data-bind="text: options.Email.EmailExistsTitle"></h4><div class="user-information__message-body" data-bind="html: options.Email.EmailExistsBody"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help"><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="user-information__message"><h4 class="user-information__message-title" data-bind="text: options.Verification.UnverifiedMessage.Title"></h4><div class="user-information__message-body" data-bind="html: options.Verification.UnverifiedMessage.Body"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmEmail.Title, options.ConfirmEmail.OptionalNextToTitle, !options.ConfirmEmail.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-email_qa" type="email" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmEmail.Placeholder, options.ConfirmEmail.OptionalNextToPlaceholder, !options.ConfirmEmail.Validation.Required.Apply), validationTextInput: userProvider.confirmEmail" aria-label="Confirm Email"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help"><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmPassword.Title, options.ConfirmPassword.OptionalNextToTitle, !options.ConfirmPassword.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-password_qa" type="password" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmPassword.Placeholder, options.ConfirmPassword.OptionalNextToPlaceholder, !options.ConfirmPassword.Validation.Required.Apply), validationTextInput: userProvider.confirmPassword, attr: { type: showPasswordCharacters() ? 'text': 'password' }, hasFocus: confirmPasswordHasFocus" aria-label="Confirm Password" autocomplete="off"></div><div class="passwords-still-same" data-bind="html: options.ConfirmPassword.StillSame.Message"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.DisplayName.Title, options.DisplayName.OptionalNextToTitle, !options.DisplayName.Validation.Required.Apply)"></label><div class="input-container"><input class="displayName_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.DisplayName.Placeholder, options.DisplayName.OptionalNextToPlaceholder, !options.DisplayName.Validation.Required.Apply), validationTextInput: userProvider.displayName, css: { 'user-information__input_help': options.DisplayName.Help.Show }" aria-label="Display Name"><div class="help help_inside-input" data-bind="tooltip: showDisplayNameTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.DisplayName.Help.Text"></div></div></div></div></div><div class="infoRow"><div><label data-bind="text: options.Birth.Title"></label></div><div class="info-row-3"><div class="input-container"><select class="select birth-month_qa" data-bind="options: userProvider.monthsList, optionsText: 'text', optionsValue: 'value', optionsCaption: Utils.concatStringsByCondition(options.Birth.Month.Placeholder, options.Birth.Month.OptionalNextToPlaceholder, !options.Birth.Month.Validation.Required.Apply), validationTextInput: userProvider.birthMonth, css: { 'select_placeholder': !userProvider.birthMonth() }" aria-label="Birth Month"></select></div></div><div class="info-row-3"><div class="input-container"><select class="select birth-date_qa" data-bind="options: userProvider.datesList, optionsCaption: Utils.concatStringsByCondition(options.Birth.Date.Placeholder, options.Birth.Date.OptionalNextToPlaceholder, !options.Birth.Date.Validation.Required.Apply), validationTextInput: userProvider.birthDate, css: { 'select_placeholder': !userProvider.birthDate() }" aria-label="Birth Date"></select></div></div><div class="info-row-3"><div class="input-container"><select class="select birth-year_qa" data-bind="options: userProvider.yearsList, optionsCaption: Utils.concatStringsByCondition(options.Birth.Year.Placeholder, options.Birth.Year.OptionalNextToPlaceholder, !options.Birth.Year.Validation.Required.Apply), validationTextInput: userProvider.birthYear, css: { 'select_placeholder': !userProvider.birthYear() }" aria-label="Birth Year"></select></div></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Gender.Title, options.Gender.OptionalNextToTitle, !options.Gender.Validation.Required.Apply)"></label><div class="input-container"><select class="select gender_qa" data-bind="options: userProvider.genderList, optionsText: 'text', optionsValue: 'value', optionsCaption: Utils.concatStringsByCondition(options.Gender.Placeholder, options.Gender.OptionalNextToPlaceholder, !options.Gender.Validation.Required.Apply), validationTextInput: userProvider.gender, css: { 'select_placeholder': !userProvider.gender() }" aria-label="Gender"></select></div></div><div class="infoRow opt-out-marketing"><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: userProvider.optOutMarketing"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.OptOutMarketing.CheckBox.Text"></span></label></div><div class="infoRow"><label>or</label><div class="social-login-container"><div class="social-login-btn social-login-btn_apple" data-bind="click: userProvider.appleLoginHanlder.bind(userProvider), text: options.Apple.LoginButtonText"></div><div class="social-login-btn social-login-btn_facebook" data-bind="click: userProvider.facebookLoginHanlder.bind(userProvider), text: options.Facebook.LoginButtonText"></div><div class="social-login-btn social-login-btn_google" data-bind="click: userProvider.googleLoginHanlder.bind(userProvider), text: options.Google.LoginButtonText"></div><div class="social-login-btn social-login-btn_twitter" data-bind="click: userProvider.twitterLoginHanlder.bind(userProvider), text: options.Twitter.LoginButtonText"></div><div class="social-login-btn social-login-btn_amazon" data-bind="click: userProvider.amazonLoginHanlder.bind(userProvider), text: options.Amazon.LoginButtonText"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Email.Title"></div><div class="summaryRow__content" data-bind="text: userProvider.displayName()"></div><div class="editBtn" data-bind="click: edit"></div></div><div class="summaryRow"><div class="login-info"><div class="summaryRowFull" data-bind="text: userProvider.displayName()"></div><div class="logout" data-bind="click: userProvider.logOut.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-3 3 18 18" xml:space="preserve"><line x1="2" y1="12" x2="8" y2="12"></line><polyline points="5,5 13,5 13,19 5,19 "></polyline><polygon points="2.5,16 -2.5,12 2.5,8 "></polygon></svg></div></div></div></form></div></script><script type="text/html" id="sp-c-userInformationNoAccount"><div class="user-information-no-account"><div class="user-information-no-account__header component-header"><div class="user-information-no-account__title" data-bind="html: options.Title"></div><div class="user-information-no-account__subtitle" data-bind="html: options.Subtitle"></div></div><form class="user-information-no-account__body"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-email_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email"></div></div></form></div></script><script type="text/html" id="sp-c-abandonmentPopover"><div class="modal fade" data-bind="modal: showModal" tabindex="-1" role="dialog"><div class="abandonment-popover modal-dialog" data-bind="style: { 'max-width': options.MaxWidth && options.MaxWidth + 'px' }" role="document"><div class="abandonment-popover__content" data-bind="style: { 'background-color': options.BackgroundColor, backgroundImage: options.BackgroundImage? 'url('+ options.BackgroundImage +')': 'none', 'border-color': options.BorderColor, 'border-width': options.BorderWidth ? options.BorderWidth + 'px' : null, 'border-style': options.BorderWidth > 0 && 'solid'}"><div class="abandonment-popover__close" data-dismiss="modal" aria-label="Close"><svg data-bind="style: {'fill': options.CloseButtonColor}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><path d="M 2.75 2.042969 L 2.042969 2.75 L 2.398438 3.101563 L 7.292969 8 L 2.042969 13.25 L 2.75 13.957031 L 8 8.707031 L 12.894531 13.605469 L 13.25 13.957031 L 13.957031 13.25 L 13.605469 12.894531 L 8.707031 8 L 13.957031 2.75 L 13.25 2.042969 L 8 7.292969 L 3.101563 2.398438 Z "></path></svg></div><div class="abandonment-popover__title" data-bind="html: options.Title"></div><div class="abandonment-popover__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn abandonment-popover__button pick-btn_qa" data-bind="click: tryDigitalClickHandler, text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="abandonment-popover__errors"><span class="error-message" data-bind="html: options.NotRoutable.NoOffersErrorMessage"></span></div></div><div class="abandonment-popover__body" data-bind="html: options.Body"></div></div></div></div></script><script type="text/html" id="sp-c-idlePopover"><div class="modal fade" data-bind="modal: showModal" tabindex="-1" role="dialog"><div class="idle-popover modal-dialog" role="document"><div class="idle-popover__content" data-bind="style: { 'background-color': options.BackgroundColor, backgroundImage: options.BackgroundImage? 'url('+ options.BackgroundImage +')': 'none', 'border-color': options.BorderColor, 'border-width': options.BorderWidth ? options.BorderWidth + 'px' : null, 'border-style': options.BorderWidth > 0 && 'solid'}"><div class="idle-popover__close" data-dismiss="modal" aria-label="Close">×</div><div class="idle-popover__title" data-bind="html: options.Title"></div><div class="idle-popover__body" data-bind="html: options.Body"></div></div></div></div></script><script type="text/html" id="sp-c-newsletterBenefit"><div class="newsletter-benefit" data-bind="style: { 'backgroundColor': options.Styling.BackgroundColor}"><div class="newsletter-benefit__title" data-bind="html: options.Title"></div><div class="newsletter-benefit__options" data-bind="template: { name: getTemplateName, foreach: getFirstThreeOptions($data)}, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterOption)}, css: {'options-single': getCountOptions($data) === 1, 'options-double': getCountOptions($data) === 2, 'options-triple': getCountOptions($data) > 2}"></div></div></script><script type="text/html" id="sp-c-newsletterOption"><div class="newsletter-option__separator newsletter-option__separator_horizontal"></div><div class="newsletter-option" data-bind="style: { 'backgroundColor': options.Styling.BackgroundColor}, css: {'first': $parent.getOptionIndex($parent, $data) === 0,'last': $parent.getCountOptions($parent) > 2 && $parent.getOptionIndex($parent, $data) === 2 || $parent.getCountOptions($parent) === 1 || $parent.getCountOptions($parent) === 2 && $parent.getOptionIndex($parent, $data) === 1, 'option-single': $parent.getCountOptions($parent) === 1, 'option-double': $parent.getCountOptions($parent) === 2, 'option-triple': $parent.getCountOptions($parent) > 2}"><div class="newsletter-option__data"><div class="newsletter-option__image-container"><img class="newsletter-option__image" data-bind="attr: {'src': options.Image, 'alt': options.ImageAlt}"></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="newsletter-option__text" data-bind="text: options.Text, style: { 'color': options.Styling.TextColor }"></div></div><div class="newsletter-option__controls"><div class="newsletter-option__buttons"><button class="btn newsletter-option-btn_qa" data-bind="click: newsletterSignUpClick, text: options.Button.Text, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><button class="btn newsletter-option-btn_qa" data-bind="click: newsletterSignUpClick, text: options.Unsubscribe.Button.Text, style: { 'background': unsubscribeButtonCustomization.BackgroundColor, 'color': unsubscribeButtonCustomization.TextColor, 'borderColor':unsubscribeButtonCustomization.BorderColor, 'width': buttonCustomization.Width}, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="general-errors"><li data-bind="text: error error"></li><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div></div></div><div class="newsletter-option__separator newsletter-option__separator_vertical"></div></script><script type="text/html" id="sp-c-appDownloads"><a class="app-downloads__item" data-bind="click: mobileAppClick"><img class="app-downloads__item_apple-app-store" src="/img/app-store-badge.png" alt="Apple App Store"></a><a class="app-downloads__item" data-bind="click: mobileAppClick"><img class="app-downloads__item_google-play" src="/img/google-pl-badge.png" alt="Google Play Store"></a></script><script type="text/html" id="sp-c-socialMedia"><a class="social-media__item social-media__item_facebook" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_twitter" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_instagram" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_youtube" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_reddit" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_linkedin" data-bind="click: socialMediaClick"></a><a class="social-media__item" data-bind="click: socialMediaClick"><svg class="social-media__item_email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .02c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.99 6.98l-6.99 5.666-6.991-5.666h13.981zm.01 10h-14v-8.505l7 5.673 7-5.672v8.504z"></path></svg></a></script><script type="text/html" id="sp-c-socialMedia"><a class="social-media__item social-media__item_facebook" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_twitter" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_instagram" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_youtube" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_reddit" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_linkedin" data-bind="click: socialMediaClick"></a><a class="social-media__item" data-bind="click: socialMediaClick"><svg class="social-media__item_email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .02c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.99 6.98l-6.99 5.666-6.991-5.666h13.981zm.01 10h-14v-8.505l7 5.673 7-5.672v8.504z"></path></svg></a></script><script type="text/html" id="sp-c-cookieNotice"><div data-bind="if: showModal"><div class="cookie-notice-popover"><div class="cookie-notice-popover__content" data-bind="style: { 'background-color': options.Styling.BackgroundColor,'color': options.Styling.TextColor}"><div class="cookie-notice-popover__close" data-bind="click: closeClick" aria-label="Close"><svg data-bind="style: {'fill': options.Styling.TextColor}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><path d="M 2.75 2.042969 L 2.042969 2.75 L 2.398438 3.101563 L 7.292969 8 L 2.042969 13.25 L 2.75 13.957031 L 8 8.707031 L 12.894531 13.605469 L 13.25 13.957031 L 13.957031 13.25 L 13.605469 12.894531 L 8.707031 8 L 13.957031 2.75 L 13.25 2.042969 L 8 7.292969 L 3.101563 2.398438 Z "></path></svg></div><div class="cookie-notice-popover__text" data-bind="text: options.CookieText"></div><div class="cookie-notice-popover__link" data-bind="text: options.CookieLinkText, click: linkClick"></div></div></div></div></script><script type="text/html" id="sp-c-registrationOnConfirmation"><div class="registration"><div class="registration__title" data-bind="html: options.Title"></div><form class="registration__body"><div class="general-errors general-errors_userinfo"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="registration__form"><div class="registration__info-fields"><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmPassword.Title, options.ConfirmPassword.OptionalNextToTitle, !options.ConfirmPassword.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-password_qa" type="password" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmPassword.Placeholder, options.ConfirmPassword.OptionalNextToPlaceholder, !options.ConfirmPassword.Validation.Required.Apply), validationTextInput: userProvider.confirmPassword, attr: { type: showPasswordCharacters() ? 'text': 'password' }, hasFocus: confirmPasswordHasFocus" aria-label="Confirm Password" autocomplete="off"></div><div class="passwords-still-same" data-bind="html: options.ConfirmPassword.StillSame.Message"></div></div></div><div class="registration__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn registration__button registration__button_submit" data-bind="click: complete, enable: userProvider.isValid(), text: options.Button.Text, css: { 'busy' : $data.isBusy(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }"></button></div></div><div class="registration__message" data-bind="html: options.SuccessMessage"></div></form></div></script><script type="text/html" id="sp-c-marketingEmailOptIn"><div class="marketingEmailOptIn" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Сonfirmation }"><div class="marketingEmailOptIn__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><div class="checkbox-component__content" data-bind="html: options.CheckBox.Body"></div></label></div></script><script type="text/html" id="sp-c-independentAddress"><div class="independent-address"><div class="general-errors general-errors_address"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode, domCallback: onZipCodeInputMounted" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div></div></script><script type="text/html" id="sp-c-creditCardAuthorizeNet"><div class="credit-card authorize-net payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="authorize-net__block" data-bind="visible: !loading()"><form data-bind="domCallback: onHTMLMounted, attr: { action: generateFrameUrl}" method="post" target="authorizeNet-iframe" visibility="hidden"><input data-bind="value: token" type="hidden" name="token"><input data-bind="value: customerPaymentProfileId" type="hidden" name="paymentProfileId"></form><iframe data-bind="visible: iframeVisible, attr: { height: iframeHeight }" id="authorizeNet-iframe" name="authorizeNet-iframe" frameborder="0" scrolling="no" width="100%" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe><div class="authorize-net__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa authorize-net__editBtn" data-bind="click: editClick"></div></div></div></div></script><script type="text/html" id="sp-c-oneTimeUseCodes"><div class="one-time-use-codes"><div class="one-time-use-codes__open-button"><a class="open-button" data-bind="text: isOneTimeUseCodesVisible() ? options.HideButtonText : options.ShowButtonText, click: showButtonClicked"></a></div><div class="one-time-use-codes__main"><div class="one-time-use-codes__form one-time-form"><div class="one-time-form__left-block"><div class="infoRow"><label class="one-time-form__title" data-bind="text: options.Label.Text"></label><div class="input-container"><input class="couponcode_qa" data-bind="placeholder: options.InputPlaceholder, validationTextInput: oneTimeCode"></div></div></div><div class="one-time-form__right-block"><button class="btn" data-bind="click: getOffers, text: options.Button.Text, css: { 'busy' : $data.isBusy() && options.Button.Spinner.Show, 'step__button_hidden': options.Button.HideWhileDisabled && !buttonEnabled(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor}"></button></div></div><div class="one-time-use-codes__error"><div class="general-errors general-errors_payment"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div></div><div class="one-time-use-codes__success"><div class="one-time-use-codes__success-message" data-bind="html: options.SuccessMessage"></div><div class="one-time-use-offers offers offers_tiles" data-bind="foreach: offers"><div class="offer offer_tile" data-bind="css:{'active': $data === $parent.chosenOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer, style: { 'background-color': $parent.offerCustomization.BackgroundColor, 'color': $parent.offerCustomization.TextColor, 'border-color': $parent.offerCustomization.BorderColor, 'border-width': $parent.offerCustomization.BorderSize ? $parent.offerCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerCustomization.BorderSize > 0 && 'solid' }"><div class="active-sign"><div class="active-sign__container"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__text" data-bind="html: Marketing.Price"></div><div class="offer__text2" data-bind="html: Marketing.Body"></div></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.Offer.Button.Text, style: { 'background': $parent.offerButtonCustomization.BackgroundColor, 'color': $parent.offerButtonCustomization.TextColor, 'borderColor': $parent.offerButtonCustomization.BorderColor, 'width': $parent.offerButtonCustomization.Width }, css: { 'btn_square': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div><div class="one-time-use-codes__keep-current-button"><a class="keep-current-button" data-bind="text: options.KeepCurrentButtonText, click: keepCurrentOffer"></a></div></div></div></div></script><script type="text/html" id="sp-c-sheerIdVerification"><div class="sheerId-Verification"><div class="sheerId-Verification__title" data-bind="html:options.Title"></div><div class="sheerId-Verification__container"><div class="general-errors general-errors_payment"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="sheerId-Verification__disclaimer" data-bind="text: options.Success.Disclaimer"></div><div class="sheerId-Verification__role-blocks"><div class="sheerId-Verification__role-block"><div class="sheerId-Verification__disclaimer" data-bind="text: options.Student.Continue.Disclaimer"></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: continueClickStudent, text: options.Student.Continue.Button.Text, css: { 'btn_square': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': continueStudentButtonCustomization.BackgroundColor, 'color': continueStudentButtonCustomization.TextColor, 'borderColor': continueStudentButtonCustomization.BorderColor, 'width': continueStudentButtonCustomization.Width }"></button></div><div class="sheerId-Verification__role-block"><div class="sheerId-Verification__disclaimer" data-bind="text: options.Teacher.Continue.Disclaimer"></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: continueClickTeacher, text: options.Teacher.Continue.Button.Text, css: { 'btn_square': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': continueTeacherButtonCustomization.BackgroundColor, 'color': continueTeacherButtonCustomization.TextColor, 'borderColor': continueTeacherButtonCustomization.BorderColor, 'width': continueTeacherButtonCustomization.Width }"></button></div></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: loginClick, text: options.Login.Button.Text, css: { 'btn_square': loginButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': loginButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': loginButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': loginButtonCustomization.BackgroundColor, 'color': loginButtonCustomization.TextColor, 'borderColor': loginButtonCustomization.BorderColor, 'width': loginButtonCustomization.Width }"></button></div></div></script><script type="text/html" id="sp-c-applePay"><div class="apple-pay payment-method__body" data-bind="visible: isDisplayed"><div class="apple-pay-button"><div class="apple-pay-set-up-button apple-pay-setup-button-black-with-text"></div><button class="apple-pay-checkout-button" data-bind="click: checkoutWithApplePay, clickBubble: false" style="background-color: Transparent; border-style: solid; border-width: 0px;"><div class="apple-pay-button-with-text apple-pay-button-black-with-text"><span class="logo"></span></div></button></div></div></script><script type="text/html" id="sp-c-googlePay"><div class="google-pay payment-method__body" data-bind="visible: isDisplayed"><div id="google-pay-button"></div></div></script><script type="text/html" id="sp-c-liteForm"><div class="lite-form"><form><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="FirstName"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="LastName"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Position.Title, options.Position.OptionalNextToTitle, !options.Position.Validation.Required.Apply)"></label><div class="input-container"><input class="position_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Position.Placeholder, options.Position.OptionalNextToPlaceholder, !options.Position.Validation.Required.Apply), validationTextInput: position" aria-label="Position"></div></div><div class="info-row-2"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: country, css: { 'select_placeholder': !country() }" aria-label="Country"></select></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.CompanyName.Title, options.CompanyName.OptionalNextToTitle, !options.CompanyName.Validation.Required.Apply)"></label><div class="input-container"><input class="company-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.CompanyName.Placeholder, options.CompanyName.OptionalNextToPlaceholder, !options.CompanyName.Validation.Required.Apply), validationTextInput: companyName" aria-label="CompanyName"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.CompanyType.Title, options.CompanyType.OptionalNextToTitle, !options.CompanyType.Validation.Required.Apply)"></label><div class="input-container"><input class="company-type_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.CompanyType.Placeholder, options.CompanyType.OptionalNextToPlaceholder, !options.CompanyType.Validation.Required.Apply), validationTextInput: companyType" aria-label="Company Type"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"> <span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="text" maxlength="200" data-bind=" placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" aria-label="email"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Price.Title, options.Price.OptionalNextToTitle, !options.Price.Validation.Required.Apply)"></label><div class="input-container"><input class="price_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Price.Placeholder, options.Price.OptionalNextToPlaceholder, !options.Price.Validation.Required.Apply), validationTextInput: price" aria-label="Price"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.RegistrationAmount.Title, options.RegistrationAmount.OptionalNextToTitle, !options.RegistrationAmount.Validation.Required.Apply)"></label><div class="input-container"><input class="registration-amount_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.RegistrationAmount.Placeholder, options.RegistrationAmount.OptionalNextToPlaceholder, !options.RegistrationAmount.Validation.Required.Apply), validationTextInput: registrationAmount" aria-label="Registration Amount"></div></div></div><div class="infoRow"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationDate.Title, options.ExpirationDate.OptionalNextToTitle, !options.ExpirationDate.Validation.Required.Apply)"></label><div class="input-container"><input class="expiration-date_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.ExpirationDate.Placeholder, options.ExpirationDate.OptionalNextToPlaceholder, !options.ExpirationDate.Validation.Required.Apply), validationTextInput: expirationDate, domCallback: initCalendar" aria-label="expiration Date"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardPeach"><div class="credit-card peach payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow" hidden="hidden"><label></label><div class="input-container"><input type="text"></div></div><iframe class="peachIframe" src="/peachIframe.htm" name="peachIframe"></iframe><div class="peach-summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa edgil__editBtn" data-bind="click: edgilEditClick"></div></div></div></script><div class="buildInformation"><span data-bind="text: 'Application version: ' + $root.buildInformation.Version() + ' | ' + 'Build Date: ' + $root.buildInformation.BuildDate() + ' | Build Number: ' + $root.buildInformation.BuildNumber()"></span></div><script type="text/javascript" src="https://cdn.auth0.com/js/auth0/9.11/auth0.min.js"></script><script type="text/javascript" src="https://cdn.auth0.com/js/lock/11.25/lock.min.js"></script><script type="text/javascript"></script><link rel="stylesheet"><script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNpxa8blbMfPsPDHzdYoFYyKVyYxWbjI8&libraries=places"></script><script type="text/javascript" src="/build/build.js?dateStamp=1716904245000"></script><script>var configSiteCode = config.System.SiteCode ? config.System.SiteCode : ''; var plugins = []; if (config.MG2Loader.MG2Insights.Enabled) { if (config.MG2Loader.MG2Insights.SiteCode) { configSiteCode = config.MG2Loader.MG2Insights.SiteCode; } plugins.push({ name: 'DL', initOptions: { collectors: ["SP"], tagManager: "GTM", containerId: config.MG2Loader.MG2Insights.ContainerId, version: config.MG2Loader.MG2Insights.Version, siteCode: configSiteCode } }); }; if (config.MG2Loader.FingerPrint.Enabled) { plugins.push({ name: 'FP', initOptions: { version: config.MG2Loader.FingerPrint.Version, } }); }; if (config && config.MG2Loader && config.MG2Loader.Enabled) { var head = document.getElementsByTagName('head')[0]; var loaderScript = document.createElement('script'); loaderScript.type = "text/javascript"; loaderScript.onload = () => { if (typeof MG2Loader !== 'undefined') { MG2Loader.init({plugins: plugins}); }; }; loaderScript.src = config.MG2Loader.Url; loaderScript.defer = true; loaderScript.id = 'Mg2LoaderJS'; head.appendChild(loaderScript); };</script><script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=991210386" async></script></body></html>