CINXE.COM

<!DOCTYPE html> <html id="ctl00_html" ng-cloak="" lang="en"> <head id="ctl00_Head"><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://tickets.gallery.ca/webstore/shop/viewItems.aspx?cg=286&c=302","20211023233937","https://web.archive.org/","web","/_static/", "1635032377"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <link href="https://web.archive.org/web/20211023233937cs_/https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800" rel="stylesheet" type="text/css"/><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/><title> National Gallery of Canada :: Ticket Selection </title> <link href="https://web.archive.org/web/20211023233937cs_/https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <link href="/web/20211023233937cs_/https://tickets.gallery.ca/WebStore/FrontEnd/ngc/fonts/typicons.min.css" rel="stylesheet" type="text/css"/> <link href="/web/20211023233937cs_/https://tickets.gallery.ca/WebStore/FrontEnd/ngc/ngc-core.min.css?v=FrontEnd_7.8.0.11005.2.themebuild756921793" rel="stylesheet" type="text/css"/> <link href="/web/20211023233937cs_/https://tickets.gallery.ca/WebStore/FrontEnd/ngc/ngc-customer.min.css?v=FrontEnd_7.8.0.11005.2.themebuild756921793" rel="stylesheet" type="text/css"/> <link rel="icon" type="image/png" href="/web/20211023233937im_/https://tickets.gallery.ca/WebStore/images/favicon.png">    <script src="https://web.archive.org/web/20211023233937js_/https://code.jquery.com/jquery-3.5.1.min.js" integrity="" crossorigin="anonymous"></script> <script src="https://web.archive.org/web/20211023233937js_/https://ajax.googleapis.com/ajax/libs/angularjs/1.8.0/angular.min.js"></script> <script src="https://web.archive.org/web/20211023233937js_/https://cdnjs.cloudflare.com/ajax/libs/danialfarid-angular-file-upload/12.2.13/ng-file-upload-all.min.js" integrity="" crossorigin="anonymous"></script> <script src="https://web.archive.org/web/20211023233937js_/https://cdnjs.cloudflare.com/ajax/libs/angular-input-masks/4.3.0/angular-input-masks-standalone.min.js"></script>   <script type="text/javascript"> if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent)){ $.getScript('https://web.archive.org/web/20211023233937/https://cdn.polyfill.io/v2/polyfill.min.js'); } </script> <script src="/web/20211023233937js_/https://tickets.gallery.ca/WebStore/frontend/ngc/ngc-core.min.js?v=FrontEnd_7.8.0.11005.2.themebuild756921793"></script> <script src="/web/20211023233937js_/https://tickets.gallery.ca/WebStore/frontend/ngc/ngc-customer.min.js?v=FrontEnd_7.8.0.11005.2.themebuild756921793"></script> <style id="antiClickjack">body { display: none !important; }</style> <script type="text/javascript"> if (self === top) { var antiClickjack = document.getElementById("antiClickjack"); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; } </script> <link rel="icon" type="image/png" href="https://web.archive.org/web/20211023233937im_/https://www.gallery.ca/sites/all/themes/bootstrap_ngc/favicon-32x32.png" sizes="32x32"></head> <body id="ctl00_HtmlBodyControl" style="display: none;" dir="ltr" class=" dir-ltr"> <form method="post" action="./viewItems.aspx?cg=286&c=302" id="aspnetForm"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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"/> </div> <script src="/web/20211023233937js_/https://tickets.gallery.ca/webstore/scripts/common.js" type="text/javascript"></script> <script src="/web/20211023233937js_/https://tickets.gallery.ca/WebStore/ScriptResource.axd?d=aqyMylauDUzH5qc8pq1WZgpnVrkj0zIZlyqfz0CoC3Ca3GDtVlSy52xI5gS4AQ-zFK7M770q10Om6bnekXi6h1EwcD2nvIgiBks316NZ4Mf__cGzSc1abl-BxrUcnOBcu8GEPh6gce5hMiEgEnHJfftKhY01&t=4f7d5f1" type="text/javascript"></script> <div id="page" data-replace="Page"> <div id="MasterLayout"> <div id="Header"> <div class="language-selection"> <div class="current-language-wrapper"> </div> <div class="language-options"> </div> </div> <div class="LogInInfo"> <div id="LogInInformation"> </div> <div id="LogOff"> </div> </div> <div data-replace="Header" data-parser="wshtml"> <div id="header" ng-controller="headerCustomer"> <div class="header"> <div class="logo_wrap"><a class="logo" rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/"><img ng-src="{{root}}FrontEnd/ngc/img/newlogo.png"/></a> </div> <div class="nav_wrap"> <div class="top_nav"> <ul> <li><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/membership-giving">Membership & Giving</a></li> <li><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/magazine">Magazine</a></li> <li><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/http://www.shopngc.ca/">Shop</a></li> </ul> <div class="language-selector" data-component="languageSelector" ng-controller="languageSelectorCustomer"> <div class="languages" ng-repeat="language in viewModel.languages" ng-if="language.Id != viewModel.selectedLanguage.Id"> <button class="ui-control button lang_button_txt" type="button" ng-click="selectLanguage(language)" ng-keypress="onEnterOrSpaceKey($event, selectLanguage, language)"><span class="ng-binding">{{language.Name}}</span></button> </div> </div> <div class="navbar-toggle" type="button" ng-click="toggleNavbar()"><span class="icon-cross"></span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></div> </div> <div class="main_nav" ng-class="{'hide-nav': !state.showNav, 'show-nav': state.showNav}"> <ul> <li><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/visit/hours">Visit</a></li> <li><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/whats-on/exhibitions-and-galleries">What's On</a></li> <li><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/learn/for-kids-and-families">Learn</a></li> <li><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/collection/search-the-collection">Collection</a></li> <li><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/research/library-archives">Research</a></li> <li class="m_nav"><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/membership-giving">Membership & Giving</a></li> <li class="m_nav"><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/magazine">Magazine</a></li> <li class="m_nav"><a rel="noreferrer" target="_blank" href="https://web.archive.org/web/20211023233937/http://www.shopngc.ca/">Shop</a></li> </ul> </div> </div> </div> </div> </div> </div> <div id="container"> <div id="sub-header"> <div class="logo"></div> <span class="title"></span> <div class="view-cart"> <a id="ctl00_ViewCartHyperLink" href="ViewCart.aspx">View Cart</a> </div> </div> <div id="info-block"> <div class="info-block-text"></div> </div> <div> <div class="ContentCell"> <div id="ContentWrapper"> <div data-replace="PageData"> <div data-replace="SubHeader" data-parser="wshtml">  <div class="subheader_wshtml" style="visibility: hidden;height: 0px; "> </div> </div> <div id="ContentHeading"> <span data-html="page-title"> <span id="ctl00_ContentHeadingLabel">Donations</span> </span> </div> <div id="MessageNotification"> <span data-text="status-message"> </span> <span data-text="error-message"> </span> </div> <span data-el="isStoreOpen"> <input type="hidden" name="ctl00$IsStoreOpenValue" id="ctl00_IsStoreOpenValue" value="True"/> </span> <span data-el="merchantLogo"><input type="hidden" name="ctl00$MerchantLogo" id="ctl00_MerchantLogo"/></span> <span data-el="merchantLogoAlt"><input type="hidden" name="ctl00$MerchantLogoAlt" id="ctl00_MerchantLogoAlt"/></span> </div> <div id="ViewItems"> <div id="ctl00_ContentPlaceHolder_UpdatePanel"> <span data-replace="CategoryType"> <span data-el="categoryType"> <input type="hidden" name="ctl00$ContentPlaceHolder$PageCategoryType" id="ctl00_ContentPlaceHolder_PageCategoryType" value="Default"/> </span> </span> <div data-replace="ViewItemsError"> <span data-html="error"> </span> </div> <span data-replace="GiftAid"> <span data-el="giftAidCheckbox"> </span> <span data-el="giftAidGuestOptedIn"> </span> </span> <span data-replace="StoreChangedErrorMessage"> <span data-el="storeChangedErrorMessage"><input type="hidden" name="ctl00$ContentPlaceHolder$StoreChangedErrorMessage" id="ctl00_ContentPlaceHolder_StoreChangedErrorMessage" value="The product list for your session has changed. Please refresh the page to get the updated products."/></span> </span> <span data-replace="CollectVisitDate"> <span data-el="collectVisitDate"><input type="hidden" name="ctl00$ContentPlaceHolder$CollectVisitDate" id="ctl00_ContentPlaceHolder_CollectVisitDate" value="False"/></span> <span data-el="visitDateSelectedText"><input type="hidden" name="ctl00$ContentPlaceHolder$VisitDateSelectedText" id="ctl00_ContentPlaceHolder_VisitDateSelectedText"/></span> <span data-el="visitDateSelectedShort"><input type="hidden" name="ctl00$ContentPlaceHolder$VisitDateSelectedShort" id="ctl00_ContentPlaceHolder_VisitDateSelectedShort"/></span> </span> <div data-replace="LoyaltyLogin"> </div> <table width="100%"> <tr> <td> <div id="PaymentPlanSelector" data-replace="PaymentPlans" data-parser="PaymentPlanParser"> </div> <div data-replace="ViewItems"> <div class="categoryDescription" data-html="categoryDescription"> <br> Your donation helps the Gallery present outstanding exhibitions, add to our collection, restore important artworks, offer exciting and fun educational programs, and so much more. <br><br> For information on making a monthly gift or a donation in a different amount please contact the membership office at 613-990-1298 or <a href="https://web.archive.org/web/20211023233937/mailto:members@gallery.ca">members@gallery.ca</a> <br><br> A tax receipt is issued for 100% of your donation. Gifts of all levels are welcome. </div> <div id="SalesChannelDetailRepeater"> <span></span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl00$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl00_SCDID" value="302"/> <span></span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_SCDID" value="303"/> <div class="SalesChannelDetailPLURepeater" data-object-key="sub-category"> <div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_PLUPanel"> <div class="pluWrapper"> <div class="parentSCDheader"> <div class="parentSCDImage" data-el="parentSCDImage"></div> <div class="parentSCDName" data-html="parentSCDName">General Donation</div> <div class="parentSCDDescription" data-html="parentSCDDescription">Please use my/our donation to immediately help where it's needed most.</div> <div class="parentSCDID" data-el="parentSCDID"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$parentSCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_parentSCDID" value="303"/></div> <div class="parentAutoSelectEvents" data-text="parentSCDAutoSelectEvents">False</div> </div> <div data-el="moreInfoLink"> <a onclick="window.open('ItemDetailPopUp.aspx?SalesChannelDetailID=303', 'ItemDetail', 'menubar=yes,scrollbars=yes,resizable=yes,width=480,height=560,top=0,left=0');return false;" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_CompleteDetailsLinkButton" class="completeDetails" href="javascript:__doPostBack('ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$CompleteDetailsLinkButton','')">Complete Ticket Details</a> </div> <div class="pluHeader"></div> <table class="pluTable" cellpadding="2" cellspacing="0" border="0"> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl00_pluHeaderRow" class="pluHeaderRow"> <th class="pluInfoHeader" data-text="pluInfoHeader"> Description </th> <th class="pluSelectionControlsHeader"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="pluPointsHeader"></span> <span data-text="pluPriceHeader">Price</span> </div> <div class="pluQuantity" data-text="plu-quantity-header">Qty</div> </div> </th> </tr> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_pluRow" class="pluRow" data-object-key="items" data-plu="DNMBGEN100001" data-parentexternalid="302"> <td class="pluInfo"> <span data-el="plu-image"></span> <div class="pluNameShortName"> <div class="pluName" data-html="pluName">General Donation $100</div> <div class="pluShortName" data-html="pluShortName"></div>  </div> <div class="pluDescription" data-html="plu-desc"></div> <span da><div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_PaymentPlanPanel"> </div></span> <span data-list="error-list"> <span data-list="error-list"></span> </span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl01$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_SCDID" value="304"/> <span data-el="ItemPLU"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl01$ItemPLU" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_ItemPLU" value="DNMBGEN100001"/></span> <span data-el="PassKindId"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl01$PassKindId" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_PassKindId" value="0"/></span> <span data-el="IsJointMembership"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl01$IsJointMembership" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_IsJointMembership" value="False"/></span> <span data-el="pluNotAvailableHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl01$PluNotAvailableHidden" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_PluNotAvailableHidden" value="False"/></span> </td> <td class="pluSelectionControls"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="price">$100.00</span> <span data-el="priceHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceHiddenField" value="100.00"/></span> <span data-el="editablePrice"></span> <span data-text="plusGiftAid"></span> <span data-el="giftAidType"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl01$PriceControl$GiftAidTypeHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_PriceControl_GiftAidTypeHiddenField" value="0"/></span></div> <div class="pluQuantity"> <span data-el="quantityInput"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl01$PLUQuantityTextBox" type="text" maxlength="4" size="1" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl01_PLUQuantityTextBox" class="PLUQtyTextBox" saleschanneldetailid="304" plu="DNMBGEN100001" onblur="ExtractNumber(this, 0, false);" onkeyup="ExtractNumber(this, 0, false);" onkeypress="return BlockNonNumbers(this, event, false, false);"/></span> <span data-el="quantitySpinners"></span></span> </div> <div></div> </div> <span class="MissingDateTimeButtonLocatorLiteral" data-html="missingDateTimeButton"></span> <div class="pluErrorLiteral" data-html="priceError"></div> </td> <td> </div> </td> </tr> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_pluRow" class="pluRow" data-object-key="items" data-plu="DNMBGEN050001" data-parentexternalid="302"> <td class="pluInfo"> <span data-el="plu-image"></span> <div class="pluNameShortName"> <div class="pluName" data-html="pluName">General Donation $50</div> <div class="pluShortName" data-html="pluShortName"></div>  </div> <div class="pluDescription" data-html="plu-desc"></div> <span da><div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_PaymentPlanPanel"> </div></span> <span data-list="error-list"> <span data-list="error-list"></span> </span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl02$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_SCDID" value="305"/> <span data-el="ItemPLU"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl02$ItemPLU" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_ItemPLU" value="DNMBGEN050001"/></span> <span data-el="PassKindId"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl02$PassKindId" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_PassKindId" value="0"/></span> <span data-el="IsJointMembership"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl02$IsJointMembership" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_IsJointMembership" value="False"/></span> <span data-el="pluNotAvailableHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl02$PluNotAvailableHidden" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_PluNotAvailableHidden" value="False"/></span> </td> <td class="pluSelectionControls"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="price">$50.00</span> <span data-el="priceHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl02$PriceControl$PLUPriceHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_PriceControl_PLUPriceHiddenField" value="50.00"/></span> <span data-el="editablePrice"></span> <span data-text="plusGiftAid"></span> <span data-el="giftAidType"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl02$PriceControl$GiftAidTypeHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_PriceControl_GiftAidTypeHiddenField" value="0"/></span></div> <div class="pluQuantity"> <span data-el="quantityInput"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl02$PLUQuantityTextBox" type="text" maxlength="4" size="1" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl02_PLUQuantityTextBox" class="PLUQtyTextBox" saleschanneldetailid="305" plu="DNMBGEN050001" onblur="ExtractNumber(this, 0, false);" onkeyup="ExtractNumber(this, 0, false);" onkeypress="return BlockNonNumbers(this, event, false, false);"/></span> <span data-el="quantitySpinners"></span></span> </div> <div></div> </div> <span class="MissingDateTimeButtonLocatorLiteral" data-html="missingDateTimeButton"></span> <div class="pluErrorLiteral" data-html="priceError"></div> </td> <td> </div> </td> </tr> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_pluRow" class="pluRow" data-object-key="items" data-plu="DNMBGEN025001" data-parentexternalid="302"> <td class="pluInfo"> <span data-el="plu-image"></span> <div class="pluNameShortName"> <div class="pluName" data-html="pluName">General Donation $25</div> <div class="pluShortName" data-html="pluShortName"></div>  </div> <div class="pluDescription" data-html="plu-desc"></div> <span da><div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_PaymentPlanPanel"> </div></span> <span data-list="error-list"> <span data-list="error-list"></span> </span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl03$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_SCDID" value="306"/> <span data-el="ItemPLU"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl03$ItemPLU" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_ItemPLU" value="DNMBGEN025001"/></span> <span data-el="PassKindId"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl03$PassKindId" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_PassKindId" value="0"/></span> <span data-el="IsJointMembership"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl03$IsJointMembership" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_IsJointMembership" value="False"/></span> <span data-el="pluNotAvailableHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl03$PluNotAvailableHidden" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_PluNotAvailableHidden" value="False"/></span> </td> <td class="pluSelectionControls"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="price">$25.00</span> <span data-el="priceHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl03$PriceControl$PLUPriceHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_PriceControl_PLUPriceHiddenField" value="25.00"/></span> <span data-el="editablePrice"></span> <span data-text="plusGiftAid"></span> <span data-el="giftAidType"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl03$PriceControl$GiftAidTypeHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_PriceControl_GiftAidTypeHiddenField" value="0"/></span></div> <div class="pluQuantity"> <span data-el="quantityInput"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl03$PLUQuantityTextBox" type="text" maxlength="4" size="1" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl03_PLUQuantityTextBox" class="PLUQtyTextBox" saleschanneldetailid="306" plu="DNMBGEN025001" onblur="ExtractNumber(this, 0, false);" onkeyup="ExtractNumber(this, 0, false);" onkeypress="return BlockNonNumbers(this, event, false, false);"/></span> <span data-el="quantitySpinners"></span></span> </div> <div></div> </div> <span class="MissingDateTimeButtonLocatorLiteral" data-html="missingDateTimeButton"></span> <div class="pluErrorLiteral" data-html="priceError"></div> </td> <td> </div> </td> </tr> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_pluRow" class="pluRow" data-object-key="items" data-plu="DNMBGENFLX001" data-parentexternalid="302"> <td class="pluInfo"> <span data-el="plu-image"></span> <div class="pluNameShortName"> <div class="pluName" data-html="pluName">General Donation</div> <div class="pluShortName" data-html="pluShortName"></div>  </div> <div class="pluDescription" data-html="plu-desc">Enter your own amount.</div> <span da><div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_PaymentPlanPanel"> </div></span> <span data-list="error-list"> <span data-list="error-list"></span> </span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_SCDID" value="307"/> <span data-el="ItemPLU"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$ItemPLU" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_ItemPLU" value="DNMBGENFLX001"/></span> <span data-el="PassKindId"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$PassKindId" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_PassKindId" value="0"/></span> <span data-el="IsJointMembership"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$IsJointMembership" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_IsJointMembership" value="False"/></span> <span data-el="pluNotAvailableHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$PluNotAvailableHidden" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_PluNotAvailableHidden" value="False"/></span> </td> <td class="pluSelectionControls"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="price"></span> <span data-el="priceHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$PriceControl$PLUPriceHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_PriceControl_PLUPriceHiddenField"/></span> <span data-el="editablePrice"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$PriceControl$PLUPriceTextBox" type="text" value="5.00" size="4" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_PriceControl_PLUPriceTextBox" class="pluPriceTextBox" onblur="ExtractNumber(this, 2, false);" onkeyup="ExtractNumber(this, 2, false);" onkeypress="return BlockNonNumbers(this, event, true, false);"/></span> <span data-text="plusGiftAid"></span> <span data-el="giftAidType"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$PriceControl$GiftAidTypeHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_PriceControl_GiftAidTypeHiddenField" value="0"/></span></div> <div class="pluQuantity"> <span data-el="quantityInput"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$SalesChannelDetailPLURepeater$ctl04$PLUQuantityTextBox" type="text" maxlength="4" size="1" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_SalesChannelDetailPLURepeater_ctl04_PLUQuantityTextBox" class="PLUQtyTextBox" saleschanneldetailid="307" plu="DNMBGENFLX001" onblur="ExtractNumber(this, 0, false);" onkeyup="ExtractNumber(this, 0, false);" onkeypress="return BlockNonNumbers(this, event, false, false);"/></span> <span data-el="quantitySpinners"></span></span> </div> <div></div> </div> <span class="MissingDateTimeButtonLocatorLiteral" data-html="missingDateTimeButton"></span> <div class="pluErrorLiteral" data-html="priceError"></div> </td> <td> </div> </td> </tr> </table> <span data-el="add-to-cart"><input type="submit" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl01$303$AddToCartButton" value="Add To Cart" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl01_303_AddToCartButton" class="addToCart"/></span> </div> </div> </div> <span></span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_SCDID" value="308"/> <div class="SalesChannelDetailPLURepeater" data-object-key="sub-category"> <div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_PLUPanel"> <div class="pluWrapper"> <div class="parentSCDheader"> <div class="parentSCDImage" data-el="parentSCDImage"></div> <div class="parentSCDName" data-html="parentSCDName">Education Projects</div> <div class="parentSCDDescription" data-html="parentSCDDescription">Please use my/our donation to immediately help Education Projects.</div> <div class="parentSCDID" data-el="parentSCDID"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$parentSCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_parentSCDID" value="308"/></div> <div class="parentAutoSelectEvents" data-text="parentSCDAutoSelectEvents">False</div> </div> <div data-el="moreInfoLink"> <a onclick="window.open('ItemDetailPopUp.aspx?SalesChannelDetailID=308', 'ItemDetail', 'menubar=yes,scrollbars=yes,resizable=yes,width=480,height=560,top=0,left=0');return false;" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_CompleteDetailsLinkButton" class="completeDetails" href="javascript:__doPostBack('ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$CompleteDetailsLinkButton','')">Complete Ticket Details</a> </div> <div class="pluHeader"></div> <table class="pluTable" cellpadding="2" cellspacing="0" border="0"> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl00_pluHeaderRow" class="pluHeaderRow"> <th class="pluInfoHeader" data-text="pluInfoHeader"> Description </th> <th class="pluSelectionControlsHeader"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="pluPointsHeader"></span> <span data-text="pluPriceHeader">Price</span> </div> <div class="pluQuantity" data-text="plu-quantity-header">Qty</div> </div> </th> </tr> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_pluRow" class="pluRow" data-object-key="items" data-plu="DNMBEDUFLX001" data-parentexternalid="302"> <td class="pluInfo"> <span data-el="plu-image"></span> <div class="pluNameShortName"> <div class="pluName" data-html="pluName">Education Projects Donation</div> <div class="pluShortName" data-html="pluShortName"></div>  </div> <div class="pluDescription" data-html="plu-desc">Enter your own amount.</div> <span da><div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_PaymentPlanPanel"> </div></span> <span data-list="error-list"> <span data-list="error-list"></span> </span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_SCDID" value="309"/> <span data-el="ItemPLU"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$ItemPLU" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_ItemPLU" value="DNMBEDUFLX001"/></span> <span data-el="PassKindId"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$PassKindId" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_PassKindId" value="0"/></span> <span data-el="IsJointMembership"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$IsJointMembership" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_IsJointMembership" value="False"/></span> <span data-el="pluNotAvailableHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$PluNotAvailableHidden" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_PluNotAvailableHidden" value="False"/></span> </td> <td class="pluSelectionControls"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="price"></span> <span data-el="priceHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceHiddenField"/></span> <span data-el="editablePrice"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceTextBox" type="text" value="5.00" size="4" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceTextBox" class="pluPriceTextBox" onblur="ExtractNumber(this, 2, false);" onkeyup="ExtractNumber(this, 2, false);" onkeypress="return BlockNonNumbers(this, event, true, false);"/></span> <span data-text="plusGiftAid"></span> <span data-el="giftAidType"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$PriceControl$GiftAidTypeHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_PriceControl_GiftAidTypeHiddenField" value="0"/></span></div> <div class="pluQuantity"> <span data-el="quantityInput"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$SalesChannelDetailPLURepeater$ctl01$PLUQuantityTextBox" type="text" maxlength="4" size="1" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_SalesChannelDetailPLURepeater_ctl01_PLUQuantityTextBox" class="PLUQtyTextBox" saleschanneldetailid="309" plu="DNMBEDUFLX001" onblur="ExtractNumber(this, 0, false);" onkeyup="ExtractNumber(this, 0, false);" onkeypress="return BlockNonNumbers(this, event, false, false);"/></span> <span data-el="quantitySpinners"></span></span> </div> <div></div> </div> <span class="MissingDateTimeButtonLocatorLiteral" data-html="missingDateTimeButton"></span> <div class="pluErrorLiteral" data-html="priceError"></div> </td> <td> </div> </td> </tr> </table> <span data-el="add-to-cart"><input type="submit" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl02$308$AddToCartButton" value="Add To Cart" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl02_308_AddToCartButton" class="addToCart"/></span> </div> </div> </div> <span></span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_SCDID" value="310"/> <div class="SalesChannelDetailPLURepeater" data-object-key="sub-category"> <div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_PLUPanel"> <div class="pluWrapper"> <div class="parentSCDheader"> <div class="parentSCDImage" data-el="parentSCDImage"></div> <div class="parentSCDName" data-html="parentSCDName">Acquisition Projects</div> <div class="parentSCDDescription" data-html="parentSCDDescription">Please use my/our donation to immediately help Acquisition Projects.</div> <div class="parentSCDID" data-el="parentSCDID"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$parentSCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_parentSCDID" value="310"/></div> <div class="parentAutoSelectEvents" data-text="parentSCDAutoSelectEvents">False</div> </div> <div data-el="moreInfoLink"> <a onclick="window.open('ItemDetailPopUp.aspx?SalesChannelDetailID=310', 'ItemDetail', 'menubar=yes,scrollbars=yes,resizable=yes,width=480,height=560,top=0,left=0');return false;" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_CompleteDetailsLinkButton" class="completeDetails" href="javascript:__doPostBack('ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$CompleteDetailsLinkButton','')">Complete Ticket Details</a> </div> <div class="pluHeader"></div> <table class="pluTable" cellpadding="2" cellspacing="0" border="0"> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl00_pluHeaderRow" class="pluHeaderRow"> <th class="pluInfoHeader" data-text="pluInfoHeader"> Description </th> <th class="pluSelectionControlsHeader"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="pluPointsHeader"></span> <span data-text="pluPriceHeader">Price</span> </div> <div class="pluQuantity" data-text="plu-quantity-header">Qty</div> </div> </th> </tr> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_pluRow" class="pluRow" data-object-key="items" data-plu="DNMBACQFLX001" data-parentexternalid="302"> <td class="pluInfo"> <span data-el="plu-image"></span> <div class="pluNameShortName"> <div class="pluName" data-html="pluName">Acquisition Projects Donation</div> <div class="pluShortName" data-html="pluShortName"></div>  </div> <div class="pluDescription" data-html="plu-desc">Enter your own amount.</div> <span da><div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_PaymentPlanPanel"> </div></span> <span data-list="error-list"> <span data-list="error-list"></span> </span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_SCDID" value="311"/> <span data-el="ItemPLU"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$ItemPLU" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_ItemPLU" value="DNMBACQFLX001"/></span> <span data-el="PassKindId"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$PassKindId" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_PassKindId" value="0"/></span> <span data-el="IsJointMembership"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$IsJointMembership" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_IsJointMembership" value="False"/></span> <span data-el="pluNotAvailableHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$PluNotAvailableHidden" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_PluNotAvailableHidden" value="False"/></span> </td> <td class="pluSelectionControls"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="price"></span> <span data-el="priceHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceHiddenField"/></span> <span data-el="editablePrice"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceTextBox" type="text" value="5.00" size="4" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceTextBox" class="pluPriceTextBox" onblur="ExtractNumber(this, 2, false);" onkeyup="ExtractNumber(this, 2, false);" onkeypress="return BlockNonNumbers(this, event, true, false);"/></span> <span data-text="plusGiftAid"></span> <span data-el="giftAidType"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$PriceControl$GiftAidTypeHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_PriceControl_GiftAidTypeHiddenField" value="0"/></span></div> <div class="pluQuantity"> <span data-el="quantityInput"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$SalesChannelDetailPLURepeater$ctl01$PLUQuantityTextBox" type="text" maxlength="4" size="1" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_SalesChannelDetailPLURepeater_ctl01_PLUQuantityTextBox" class="PLUQtyTextBox" saleschanneldetailid="311" plu="DNMBACQFLX001" onblur="ExtractNumber(this, 0, false);" onkeyup="ExtractNumber(this, 0, false);" onkeypress="return BlockNonNumbers(this, event, false, false);"/></span> <span data-el="quantitySpinners"></span></span> </div> <div></div> </div> <span class="MissingDateTimeButtonLocatorLiteral" data-html="missingDateTimeButton"></span> <div class="pluErrorLiteral" data-html="priceError"></div> </td> <td> </div> </td> </tr> </table> <span data-el="add-to-cart"><input type="submit" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl03$310$AddToCartButton" value="Add To Cart" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl03_310_AddToCartButton" class="addToCart"/></span> </div> </div> </div> <span></span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_SCDID" value="312"/> <div class="SalesChannelDetailPLURepeater" data-object-key="sub-category"> <div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_PLUPanel"> <div class="pluWrapper"> <div class="parentSCDheader"> <div class="parentSCDImage" data-el="parentSCDImage"></div> <div class="parentSCDName" data-html="parentSCDName">Restoration Projects</div> <div class="parentSCDDescription" data-html="parentSCDDescription">Please use my/our donation to immediately help Restoration Projects.</div> <div class="parentSCDID" data-el="parentSCDID"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$parentSCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_parentSCDID" value="312"/></div> <div class="parentAutoSelectEvents" data-text="parentSCDAutoSelectEvents">False</div> </div> <div data-el="moreInfoLink"> <a onclick="window.open('ItemDetailPopUp.aspx?SalesChannelDetailID=312', 'ItemDetail', 'menubar=yes,scrollbars=yes,resizable=yes,width=480,height=560,top=0,left=0');return false;" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_CompleteDetailsLinkButton" class="completeDetails" href="javascript:__doPostBack('ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$CompleteDetailsLinkButton','')">Complete Ticket Details</a> </div> <div class="pluHeader"></div> <table class="pluTable" cellpadding="2" cellspacing="0" border="0"> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl00_pluHeaderRow" class="pluHeaderRow"> <th class="pluInfoHeader" data-text="pluInfoHeader"> Description </th> <th class="pluSelectionControlsHeader"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="pluPointsHeader"></span> <span data-text="pluPriceHeader">Price</span> </div> <div class="pluQuantity" data-text="plu-quantity-header">Qty</div> </div> </th> </tr> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_pluRow" class="pluRow" data-object-key="items" data-plu="DNMBRESFLX001" data-parentexternalid="302"> <td class="pluInfo"> <span data-el="plu-image"></span> <div class="pluNameShortName"> <div class="pluName" data-html="pluName">Restoration Projects Donation</div> <div class="pluShortName" data-html="pluShortName"></div>  </div> <div class="pluDescription" data-html="plu-desc">Enter your own amount.</div> <span da><div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_PaymentPlanPanel"> </div></span> <span data-list="error-list"> <span data-list="error-list"></span> </span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_SCDID" value="313"/> <span data-el="ItemPLU"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$ItemPLU" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_ItemPLU" value="DNMBRESFLX001"/></span> <span data-el="PassKindId"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$PassKindId" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_PassKindId" value="0"/></span> <span data-el="IsJointMembership"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$IsJointMembership" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_IsJointMembership" value="False"/></span> <span data-el="pluNotAvailableHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$PluNotAvailableHidden" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_PluNotAvailableHidden" value="False"/></span> </td> <td class="pluSelectionControls"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="price"></span> <span data-el="priceHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceHiddenField"/></span> <span data-el="editablePrice"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceTextBox" type="text" value="5.00" size="4" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceTextBox" class="pluPriceTextBox" onblur="ExtractNumber(this, 2, false);" onkeyup="ExtractNumber(this, 2, false);" onkeypress="return BlockNonNumbers(this, event, true, false);"/></span> <span data-text="plusGiftAid"></span> <span data-el="giftAidType"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$PriceControl$GiftAidTypeHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_PriceControl_GiftAidTypeHiddenField" value="0"/></span></div> <div class="pluQuantity"> <span data-el="quantityInput"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$SalesChannelDetailPLURepeater$ctl01$PLUQuantityTextBox" type="text" maxlength="4" size="1" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_SalesChannelDetailPLURepeater_ctl01_PLUQuantityTextBox" class="PLUQtyTextBox" saleschanneldetailid="313" plu="DNMBRESFLX001" onblur="ExtractNumber(this, 0, false);" onkeyup="ExtractNumber(this, 0, false);" onkeypress="return BlockNonNumbers(this, event, false, false);"/></span> <span data-el="quantitySpinners"></span></span> </div> <div></div> </div> <span class="MissingDateTimeButtonLocatorLiteral" data-html="missingDateTimeButton"></span> <div class="pluErrorLiteral" data-html="priceError"></div> </td> <td> </div> </td> </tr> </table> <span data-el="add-to-cart"><input type="submit" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl04$312$AddToCartButton" value="Add To Cart" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl04_312_AddToCartButton" class="addToCart"/></span> </div> </div> </div> <span></span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_SCDID" value="314"/> <div class="SalesChannelDetailPLURepeater" data-object-key="sub-category"> <div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_PLUPanel"> <div class="pluWrapper"> <div class="parentSCDheader"> <div class="parentSCDImage" data-el="parentSCDImage"></div> <div class="parentSCDName" data-html="parentSCDName">Research Projects</div> <div class="parentSCDDescription" data-html="parentSCDDescription">Please use my/our donation to immediately help Research Projects.</div> <div class="parentSCDID" data-el="parentSCDID"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$parentSCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_parentSCDID" value="314"/></div> <div class="parentAutoSelectEvents" data-text="parentSCDAutoSelectEvents">False</div> </div> <div data-el="moreInfoLink"> <a onclick="window.open('ItemDetailPopUp.aspx?SalesChannelDetailID=314', 'ItemDetail', 'menubar=yes,scrollbars=yes,resizable=yes,width=480,height=560,top=0,left=0');return false;" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_CompleteDetailsLinkButton" class="completeDetails" href="javascript:__doPostBack('ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$CompleteDetailsLinkButton','')">Complete Ticket Details</a> </div> <div class="pluHeader"></div> <table class="pluTable" cellpadding="2" cellspacing="0" border="0"> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl00_pluHeaderRow" class="pluHeaderRow"> <th class="pluInfoHeader" data-text="pluInfoHeader"> Description </th> <th class="pluSelectionControlsHeader"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="pluPointsHeader"></span> <span data-text="pluPriceHeader">Price</span> </div> <div class="pluQuantity" data-text="plu-quantity-header">Qty</div> </div> </th> </tr> <tr id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_pluRow" class="pluRow" data-object-key="items" data-plu="DNMBRSHFLX001" data-parentexternalid="302"> <td class="pluInfo"> <span data-el="plu-image"></span> <div class="pluNameShortName"> <div class="pluName" data-html="pluName">Research Projects Donation</div> <div class="pluShortName" data-html="pluShortName"></div>  </div> <div class="pluDescription" data-html="plu-desc">Enter your own amount.</div> <span da><div id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_PaymentPlanPanel"> </div></span> <span data-list="error-list"> <span data-list="error-list"></span> </span> <input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$SCDID" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_SCDID" value="315"/> <span data-el="ItemPLU"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$ItemPLU" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_ItemPLU" value="DNMBRSHFLX001"/></span> <span data-el="PassKindId"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$PassKindId" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_PassKindId" value="0"/></span> <span data-el="IsJointMembership"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$IsJointMembership" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_IsJointMembership" value="False"/></span> <span data-el="pluNotAvailableHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$PluNotAvailableHidden" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_PluNotAvailableHidden" value="False"/></span> </td> <td class="pluSelectionControls"> <div class="pluPriceQuantity"> <div class="pluPrice"> <span data-text="price"></span> <span data-el="priceHidden"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceHiddenField"/></span> <span data-el="editablePrice"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$PriceControl$PLUPriceTextBox" type="text" value="5.00" size="4" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_PriceControl_PLUPriceTextBox" class="pluPriceTextBox" onblur="ExtractNumber(this, 2, false);" onkeyup="ExtractNumber(this, 2, false);" onkeypress="return BlockNonNumbers(this, event, true, false);"/></span> <span data-text="plusGiftAid"></span> <span data-el="giftAidType"><input type="hidden" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$PriceControl$GiftAidTypeHiddenField" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_PriceControl_GiftAidTypeHiddenField" value="0"/></span></div> <div class="pluQuantity"> <span data-el="quantityInput"><input name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$SalesChannelDetailPLURepeater$ctl01$PLUQuantityTextBox" type="text" maxlength="4" size="1" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_SalesChannelDetailPLURepeater_ctl01_PLUQuantityTextBox" class="PLUQtyTextBox" saleschanneldetailid="315" plu="DNMBRSHFLX001" onblur="ExtractNumber(this, 0, false);" onkeyup="ExtractNumber(this, 0, false);" onkeypress="return BlockNonNumbers(this, event, false, false);"/></span> <span data-el="quantitySpinners"></span></span> </div> <div></div> </div> <span class="MissingDateTimeButtonLocatorLiteral" data-html="missingDateTimeButton"></span> <div class="pluErrorLiteral" data-html="priceError"></div> </td> <td> </div> </td> </tr> </table> <span data-el="add-to-cart"><input type="submit" name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$SalesChannelDetailRepeater$ctl05$314$AddToCartButton" value="Add To Cart" id="ctl00_ContentPlaceHolder_SalesChannelDetailControl_SalesChannelDetailRepeater_ctl05_314_AddToCartButton" class="addToCart"/></span> </div> </div> </div> </div> <div id="UpsellOptions"> </div> <br/> <div id="AddToCart" class="text-right" data-el="add-to-cart"> </div> </div> </td> <td valign="top"> <div id="CartSmall" data-replace="CartSmall"> </div> </td> </tr> </table> </div>  </div> <div data-gts="web-form"></div><div id="page" data-module="Page" class="page replacement"><div role="heading" aria-level="1"><div class="wshtml" data-module="Header"></div></div><div class="subheader_wrap"><div class="wshtml" data-module="SubHeader"></div></div><div class="container main"><div role="complementary" aria-label="Language selector, small cart, and account access"><div data-component="controlBar" class="control-bar"><div class="row p-t-all"><div ng-controller="accountButtonCustomer" data-component="accountButton" class="accountButton c-r c-100-b c-100-c"><div ng-if="state.isVisible && state.isUserAuthenticated" class="row"><div class="m-b-b m-b-c m-t-b m-t-c"><div ng-if="viewModel.name && state.showUserName" class="c m-l-all nm-l-b nm-l-c c-100-b c-100-c"><a class="ui-control button" href="{{viewModel.accountButtonUrl}}" id="MyAccountButton"><span class="typcn typcn-user">{{viewModel.name | htmlToPlaintext}}</span></a></div><div ng-if="!viewModel.name" class="c m-l-all nm-l-b nm-l-c c-100-b c-100-c"><a class="ui-control button" href="{{viewModel.accountButtonUrl}}" id="MyAccountButton"><span class="typcn typcn-user">My Account</span></a></div><div ng-if="viewModel.name && state.displayLogOffLink" class="c-r m-l-all nm-l-b nm-l-c m-t-b m-t-c c-100-b c-100-c"><a class="ui-control button" href="{{viewModel.root}}account/logout.aspx" id="LogoffButton"><span class="typcn typcn-arrow-back">Logout</span></a></div></div></div><div ng-if="state.isVisible && !state.isUserAuthenticated && viewModel.hasCategoryGroup" class="row"><div class="m-b-b m-b-c m-t-b m-t-c"><div ng-if="!state.isGroupSales" class="c-r m-l-all nm-l-b nm-l-c c-100-b c-100-c"><a class="ui-control button" href="{{viewModel.root}}AccountProfile/Logon" id="LoginButton"><span class="typcn typcn-arrow-back">Sign in</span></a></div><div ng-if="state.isGroupSales" class="c-r m-l-all nm-l-b nm-l-c c-100-b c-100-c"><a class="ui-control button" href="{{viewModel.root}}Account/GroupSalesLogin.aspx" id="LoginButton"><span class="typcn typcn-arrow-back">Sign in</span></a></div></div></div></div><div class="c-r m-l-all c-100-b c-100-c"><div data-component="smallCart" ng-controller="smallCartCustomer" data-module="SmallCart" class="small-cart"><button class="ui-control button buttonCounter" ng-click="cartClick()" ng-if="viewModel.hasCategoryGroup" type="button"><span class="typcn typcn-shopping-cart">Cart</span><span ng-if="viewModel.count" class="count">{{viewModel.count}}</span></button><div ng-if="viewModel.showCart" class="cart-container"><div class="p-all-all"><div ng-if="viewModel.cartItems.length"><div class="cart-list"><div ng-repeat="item in viewModel.cartItems" class="cart-item row b-b-all"><div class="p-t-all p-b-all"><span class="m-r-all">{{item.Quantity}}</span><span ng-bind-html="item.Name"></span></div></div></div><div class="total row"><div class="p-t-all p-b-all"><div class="c c-50-all">Sub-Total</div><div ng-if="!viewModel.footer.redemptionMode" class="c c-50-all"><div class="m-l-all">{{viewModel.footer.total}}</div></div><div ng-if="viewModel.footer.redemptionMode" class="c c-50-all"><div class="m-l-all">{{viewModel.footer.redemptionPoints}} [LoyaltyRedmptionPointsLabel]</div></div></div></div></div><div ng-if="!viewModel.cartItems.length"><div class="p-t-all p-b-all">Your cart is empty.</div></div><div class="row m-t-all"><button class="ui-control button" type="button" ng-click="goToCart()"><span class="typcn typcn-shopping-cart">Go To Cart</span></button></div><div ng-if="viewModel.cartItems.length" class="row m-t-all"><button class="ui-control button go" type="button" ng-click="goToCheckout()"><span class="typcn typcn-credit-card">Checkout</span></button></div></div></div></div></div></div></div></div><div role="navigation"><div data-component="steps" ng-controller="stepsCustomer" ng-class="{iconsOnly : device.c}" class="steps row m-t-all"><div ng-if="!viewModel.isMemberPortalCategoryGroup && viewModel.hasCategoryGroup"><div ng-class="{active : (page.page === 'landingPage')}" ng-click="goLanding()" role="link" ng-data-active="{true : (page.page === 'landingPage')}" ng-keypress="onEnterOrSpaceKey($event, goLanding)" class="c step typcn typcn-th-menu"><span ng-hide="device.c">Menu</span><div class="arrow"></div><div class="arrow arrow-background"></div></div><div ng-class="{active : (page.page === 'viewItems')}" ng-click="goViewItems()" role="link" ng-data-active="{true : (page.page === 'viewItems')}" ng-keypress="onEnterOrSpaceKey($event, goViewItems)" class="c step typcn typcn-ticket"><span ng-hide="device.c">Item Selections</span><div class="arrow"></div><div class="arrow arrow-background"></div></div><div ng-class="{active : (page.page === 'cart')}" ng-click="goCart()" role="link" ng-data-active="{true : (page.page === 'cart')}" ng-keypress="onEnterOrSpaceKey($event, goCart)" class="c step typcn typcn-shopping-cart"><span ng-hide="device.c">Cart</span><div class="arrow"></div><div class="arrow arrow-background"></div></div><div ng-class="{active : (page.page === 'checkout')}" ng-click="goCheckout()" role="link" ng-data-active="{true : (page.page === 'checkout')}" ng-keypress="onEnterOrSpaceKey($event, goCheckout)" class="c step typcn typcn-credit-card"><span ng-hide="device.c">Checkout</span><div class="arrow"></div><div class="arrow arrow-background"></div></div><div ng-class="{active : (page.page === 'orderConfirmation')}" ng-data-active="{true : (page.page === 'orderConfirmation')}" class="c step typcn typcn-lock-closed no-cursor"><span ng-hide="device.c">Confirm</span><div class="arrow"></div><div class="arrow arrow-background"></div></div></div></div></div><div role="main"><div data-component="memberPortalNavBar" ng-controller="memberPortalNavBarCustomer" class="memberPortalNavBar"><div ng-if="viewModel.isMemberPortalCategoryGroup" class="row m-t-all m-b-all"><div class="c c-33-all c-100-c"><button class="ui-control button" ng-click="memberPortalHome()" type="button" data-memberportalhome="data-memberPortalHome"><span class="memberPortalButton typcn typcn-home-outline">Back to Portal Home</span></button></div></div></div><div data-component="paymentPlans" ng-controller="paymentPlanCustomer" class="module m-t-all payment-plans"><div ng-if="viewModel.plans.length"><div class="p-all-all"><div class="row"><h1>{{viewModel.title}}</h1></div><div role="radiogroup" aria-label="gdesc1" class="list-wrapper m-t-all"><div ng-click="clickOption(plan)" ng-keypress="onEnterOrSpaceKey($event, clickOpotion, plan)" ng-repeat="plan in viewModel.plans" class="list"><div class="row p-all-all"><div ng-if="plan.disabled" class="disabled"></div><div class="input-container c"><input ng-model="viewModel.selectedPlan" aria-checked="{{plan.selected}}" type="radio" name="{{plan.inputName}}" value="{{plan.inputVal}}" aria-label="{{plan.planName}}" role="radio"/><span class="checked"></span></div><div class="c m-l-all"><h2>{{plan.planName}}</h2><p>{{plan.desc}}</p></div></div></div></div></div></div></div><div data-component="loyaltyLogin" ng-controller="loyaltyLoginCustomer" data-module="LoyaltyLogin" class="loyalty-login replacement"><div ng-if="state.enabled" class="module m-t-all"><div class="p-all-all"><div class="row"><h1>Loyalty</h1><p>{{data.desc}}</p></div><div ng-if="viewModel.error" class="row m-t-all"><div class="error"><span ng-if="viewModel.error === 'notFound'" class="typcn typcn-warning">Your loyalty account could not be found</span><span ng-if="viewModel.error === 'noNumber'" class="typcn typcn-warning">Please enter loyalty account number.</span></div></div><div ng-if="viewModel.isLogin" class="row m-t-all list"><div class="p-all-all"><div class="row"><div class="c c-100-all"><label for="{{viewModel.accountNumberInputEl.id}}">{{viewModel.accountNumberLabel}}</label></div><div class="c c-100-all"><input type="text" id="{{viewModel.accountNumberInputEl.id}}" name="{{viewModel.accountNumberInputEl.name}}" ng-model="viewModel.accountNumberInputEl.value"/></div></div><div class="row m-t-all"><div class="c c-100-c"><div class="m-r-a m-r-b"><button class="ui-control button lookup" ng-click="lookup($event)" id="{{viewModel.submitEl.id}}" name="{{viewModel.submitEl.name}}" type="button"><span class="typcn typcn-zoom">{{viewModel.submitEl.value | htmlToPlaintext}}</span></button></div></div><div class="c c-100-c m-t-c"><a class="ui-control button signup" href="{{viewModel.enrollLinkEl.href}}"><span class="typcn typcn-user">{{viewModel.enrollLinkEl.text | htmlToPlaintext}}</span></a></div></div></div><div class="loading-mask" ng-class="{hide : !state.loading}"><div class="shift"><div class="img-shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading, Please Wait"/></div></div></div></div><div ng-if="viewModel.isAccount" class="row m-t-all"><div class="list row"><div class="c c-100-all c-50-a"><div class="b-r-a b-b-b b-b-c"><div class="p-all-all"><span class="heavy">{{viewModel.programNameLabel}}</span><span>{{viewModel.programNameValue}}</span></div></div></div><div class="c c-100-all c-50-a"><div class="p-all-all"><span class="heavy">{{viewModel.accountNumberLabel}}</span><span>{{viewModel.accountNumberValue}}</span></div></div></div><div class="list row"><div class="c c-100-all c-50-a"><div class="b-r-a b-b-b b-b-c"><div class="p-all-all"><span class="heavy">{{viewModel.balanceLabel}}</span><span>{{viewModel.balanceValue}}</span></div></div></div><div class="c c-100-all c-50-a"><div class="p-all-all"><span class="heavy">{{viewModel.joinDateLabel}}</span><span>{{viewModel.joinDateValue}}</span></div></div></div><div class="list"><div class="p-all-all"><div class="row"><div class="c c-100-c"><a class="ui-control button logout" ng-click="logout()"><span class="typcn typcn-arrow-back">Loyalty Logout</span></a></div><div class="c"><div role="radiogroup" aria-label="fdsafdsa" class="row m-t-c"><div class="input-container c m-l-a m-l-b"><input type="radio" ng-change="change()" name="{{viewModel.earnRadioEl.name}}" ng-model="viewModel.earnRedeem" aria-checked="{{viewModel.earnRedeem == viewModel.earnRadioEl.value}}" value="{{viewModel.earnRadioEl.value}}" aria-label="{{viewModel.earnRadioEl.value}}" role="radio" onkeypress="javascript: return true;"/><span class="checked"></span></div><div class="c m-l-all"><p>Earn</p></div><div class="input-container c m-l-all"><input type="radio" ng-change="change()" name="{{viewModel.redeemRadioEl.name}}" ng-model="viewModel.earnRedeem" aria-checked="{{viewModel.earnRedeem == viewModel.redeemRadioEl.value}}" value="{{viewModel.redeemRadioEl.value}}" aria-label="{{viewModel.redeemRadioEl.value}}" role="radio" onkeypress="javascript: return true;"/><span class="checked"></span></div><div class="c m-l-all"><p>Redeem</p></div></div></div></div></div></div></div></div></div></div><div data-component="viewItems" ng-controller="viewItemsCustomer" ng-class="{loading: (usePlaceholderLoading && viewModel.loadingSubcategories.length > 0)}" class="viewItems replacement"><div ng-if="!viewModel.isStoreOpen" class="module m-t-all"><div><div class="row p-b-all b-b-all"><div class="viewItemsError m-t-all error"><span class="typcn typcn-warning">This store is not currently online.</span></div></div></div></div><div ng-if="viewModel.isStoreOpen" class="module m-t-all"><div role="tablist" multiselectable="true" ng-keypress="onEnterOrSpaceKey($event, null)"><div class="row p-b-all b-b-all"><div ng-if="!viewModel.noSubcategoryConfig" class="row"><h1 ng-bind-html="viewModel.pageTitle"></h1><div ng-if="viewModel.categoryDescription" class="row"><p ng-bind-html="viewModel.categoryDescription"></p></div></div><div ng-if="viewModel.isMemberBenefitPage && viewModel.memberBenefitsIdRequired" class="viewItemsError m-t-all error"><span class="typcn typcn-warning">A membership id is required to see available benefits. Please log out and try again.</span></div><div ng-if="viewModel.isMemberBenefitPage && viewModel.memberBenefitsRequestError" class="viewItemsError m-t-all error"><span class="typcn typcn-warning">An error has occured getting benefits to display.</span></div><div ng-if="viewModel.giftAid.id" ng-hide="viewModel.giftAid.hidden" class="row m-t-all"><div class="c"><input type="checkbox" aria-label="" class="input-checkbox" id="{{viewModel.giftAid.id}}" name="{{viewModel.giftAid.name}}" ng-checked="viewModel.giftAid.checked" ng-click="giftAidClick(true)" data-gift-aid="gift-aid"/><span class="checked"><svg version="1.1" baseprofile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 24 24" xml:space="preserve"><polygon fill="#0A0505" points="18.9,4.3 9.1,14.1 5.1,10.2 2,13.3 5.9,17.3 9.1,20.4 12.2,17.3 22,7.4 "></polygon></svg></span></div><label for="{{viewModel.giftAid.id}}" class="c m-l-all giftAidLabel"><span>I would like to participate in Gift Aid.</span></label></div><div ng-if="viewModel.error" class="viewItemsError m-t-all error"><span ng-bind-html="viewModel.error" class="typcn typcn-warning"></span></div><div ng-if="viewModel.connectionError" class="viewItemsError m-t-all error"><span class="typcn typcn-warning">There was a connection error.</span></div><div ng-if="viewModel.collectVisitDate && (!viewModel.isMemberBenefitPage || (viewModel.isMemberBenefitPage && !viewModel.memberBenefitsNoAvailableBenefit && !viewModel.memberBenefitsLoading))" class="row m-t-all"><div ng-controller="visitDateCalendarCustomer" ng-class="{ 'collapsed': collapsed }" class="c-50-a c-75-b c-100-c visitDateCalendar"><div ng-click="collapseExpand()" role="button" class="header row m-b-all"><span><h2 ng-if="!viewModel.selected">Please select the date of your visit:</h2><h2 ng-if="viewModel.selected" ng-bind="selectedDateText"></h2><div class="c-r c-3-all c-5-b c-7-c"></div><div class="forward-wrapper c-r c-3-all c-5-b c-7-c"><div class="forward"><div class="icon"><i aria-hidden="true" class="icon fa fa-angle-down"></i><i aria-hidden="true" class="icon fa fa-angle-up"></i></div></div></div></span></div><div class="row visitDateCalendarCalendar"><div data-component="calendar" class="calendar"><div class="calendar-header"><div class="row month-name"><div class="c c-10-all"><span ng-if="viewModel.calendar.prev" ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" class="arrow typcn typcn-chevron-left"></span></div><div class="c c-40-all month"><span ng-if="viewModel.calendar.monthSelect && viewModel.calendar.month"><select ng-model="viewModel.calendar.month" ng-change="changeMonth()" name="{{viewModel.calendar.monthSelect.name}}" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month.value" ng-selected="month.selected">{{month.text}}</option></select></span></div><div class="c c-40-all year"><span ng-if="viewModel.calendar.yearSelect && viewModel.calendar.year" class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear()" name="{{viewModel.calendar.yearSelect.name}}" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year.value" ng-selected="year.selected">{{year.text}}</option></select></span></div><div class="c c-10-all"><span ng-if="viewModel.calendar.next" ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div ng-class="{hasPriceCalendar: viewModel.calendar.hasPriceCalendar, showPricesOnCalendar: viewModel.calendar.showPricesOnCalendar}" class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" aria-selected="{{day.selected}}" aria-disabled="{{day.other || !day.available}}" ng-class="{empty : day.other, available : day.available || (day.selected), selected : day.selected, hasPrice: day.formattedPrice && viewModel.calendar.showPricesOnCalendar}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div ng-if="day.priceProgramColor" ng-class="['priceProgram-' + day.priceProgramId]" ng-style="{ 'background-color': day.priceProgramColor }" class="arc priceProgramColor"></div><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span><span ng-if="day.formattedPrice && viewModel.calendar.showPricesOnCalendar" class="date-price">{{day.formattedPrice}}</span></div></div></div></div></div><div ng-if="viewModel.calendar.priceLegend" class="row calendar-legend m-t-all"><div class="row legend-header"><p>Legend</p></div><div><div ng-repeat="legend in viewModel.calendar.priceLegend" ng-if="!legend.hidden" class="row legend-item priceProgram-{{legend.PriceProgramID}}"><span ng-style="{'background-color': legend.Color}" class="price-color priceProgram-{{legend.PriceProgramID}}"></span><span class="price-label">{{legend.Name}}</span><span ng-if="legend.hasPriceRange" class="price-range m-l-all"><span class="startingAt">{{legend.startingAtPriceFormatted}}</span><span ng-if="legend.startingAtPrice !== legend.highPointPrice" class="highPoint"> - {{legend.highPointPriceFormatted}}</span></span></div><div class="row legend-item basePrice"><span class="price-color available"></span><span class="price-label">Base Price</span><span ng-if="viewModel.item.basePrice" class="price-range m-l-all"><span class="basePrice">{{viewModel.item.basePriceFormatted}}</span></span></div><div class="row legend-item unavailable"><span class="price-color unavailable"></span><span class="price-label">Unavailable</span></div></div></div></div></div><div class="loading-mask" ng-class="{hide: !state.loading}"><div class="shift"><div class="img-shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading, Please Wait"/></div></div></div></div></div><div ng-if="viewModel.category" role="tab" aria-label="Promo List" class="promolist"><div ng-if="viewModel.category.promotions" ng-repeat="promoGroup in viewModel.category.promotions[0]" class="p-b-all"><div ng-if="promoGroup " ng-repeat="promo in promoGroup" class="p-b-all"><h2 ng-bind-html="promo.promotionTitleHtml"></h2><div ng-if="promo.PromotionOfferImageEl" class="row m-t-all"><img ng-src="{{promo.PromotionOfferImageEl.src}}" alt="{{promo.PromotionOfferImageEl.text}}"/></div><div class="row m-t-all"><p ng-bind-html="promo.promotionDescriptionHtml"></p></div><div class="row m-t-all promoLink"><a href="{{promo.promotionHyperlinkEl.href}}" class="link typcn typcn-info-large"><span ng-bind-html="promo.promotionHyperlinkEl.textHtml"></span></a></div></div></div></div></div><div ng-if="usePlaceholderLoading && viewModel.loadingSubcategories.length" ng-repeat="subCategory in viewModel.loadingSubcategories" ng-class="{open : viewModel.loadingSubcategories.length === 1}" class="sub-category placeholder b-b-all"><div class="title row p-t-all p-b-all p-r-all p-l-a p-l-b"><div class="c c-90-all"><h2 class="parentSCDName c-40-all c-100-c"></h2><div class="m-t-all"><div ng-if="subCategory.parentSCDDescription" class="parentSCDDescription c-60-all c-100-all"></div></div></div><div class="c-r c-3-all c-5-b c-7-c"></div><div class="forward-wrapper c-r c-3-all c-5-b c-7-c"><div class="forward"><div class="icon"><i aria-hidden="true" class="icon fa fa-angle-down"></i><i aria-hidden="true" class="icon fa fa-angle-up"></i></div></div></div></div><div class="list-container m-l-a m-l-b"><div class="p-b-all"><div ng-repeat="item in subCategory.items" class="list row"><div class="p-all-all"><div class="row"><div class="base-plu row"><div class="row"><div class="c c-40-all c-100-c"><div class="row"><div class="c m-r-all pluName c-50-all"></div><div class="c pluShortName c-40-all"></div></div></div></div><div ng-if="item.pluDesc" class="row"><div class="c c-60-all c-100-all pluDesc"></div></div></div></div></div></div></div></div></div><div ng-repeat="subCategory in viewModel.subCategories" ng-class="{open : subCategory.isExpanded, availableBenefits : viewModel.isMemberBenefitPage, fadeIn: state.ready}" ng-if="!viewModel.loadingSubcategories.length && !viewModel.isMemberBenefitPage || (viewModel.isMemberBenefitPage && !viewModel.memberBenefitsLoading && subCategory.hasBenefitItems)" id="{{subCategory.parentSCDIDEl.value}}" class="sub-category m-b-all"><div ng-click="expand(subCategory)" role="tab" class="title row"><div class="p-all-all"><div class="row"><div class="c c-90-all"><h2 ng-bind-html="subCategory.parentSCDName" class="parentSCDName"></h2></div><div class="c-r c-3-all c-5-b c-7-c"></div><div class="forward-wrapper c-r c-3-all c-5-b c-7-c"><div class="forward"><div class="icon"><i aria-hidden="true" class="icon fa fa-angle-down"></i><i aria-hidden="true" class="icon fa fa-angle-up"></i></div></div></div></div></div></div><div class="list-container"><div class="b-all-all"><div class="p-all-all"><div class="row"><div ng-if="subCategory.parentSCDImageEl" class="m-b-all"><img ng-src="{{subCategory.parentSCDImageEl.src}}" alt="{{subCategory.parentSCDImageEl.alt}}"/></div><p ng-if="subCategory.parentSCDDescription" ng-bind-html="subCategory.parentSCDDescription" class="m-t-all m-b-all parentSCDDescription"></p></div><div ng-if="subCategory.promotions" ng-repeat="promo in subCategory.promotions" class="p-b-all"><h4>{{promo.promotionTitle}}</h4><div ng-if="promo.PromotionOfferImageEl" class="row m-t-all"><img ng-src="{{promo.PromotionOfferImageEl.src}}" alt="{{promo.PromotionOfferImageEl.text}}"/></div><div class="row m-t-all">{{promo.promotionDescription}}</div><div class="row m-t-all promoLink"><a href="{{promo.promotionHyperlinkEl.href}}" class="link typcn typcn-info-large">{{promo.promotionHyperlinkEl.text}}</a></div></div><p ng-if="subCategory.moreInfoLinkEl && !viewModel.isMemberBenefitPage" class="m-b-all moreinfolink"><span class="typcn typcn-info-large"></span><a ng-click="getMoreInformation(subCategory.moreInfoLinkEl)" class="link">{{subCategory.moreInfoLinkEl.text}}</a></p><div ng-repeat="shared in subCategory.sharedCalendars" class="row m-b-all"><div class="c c-100-c"><div ng-if="!shared.selectedDateTime" class="row"><div class="c"><button class="ui-control button shared-calendar-button" type="button" ng-click="selectEvent(subCategory, shared, $index)" id="{{shared.selectDateTimeButtonEl.id}}"><span class="typcn typcn-calendar">{{shared.selectDateTimeText | htmlToPlaintext}} {{shared.eventTypeName | htmlToPlaintext}}</span></button></div></div><div ng-if="shared.selectedDateTime" class="row"><div class="row"><div class="c c-100-c"><button class="ui-control button shared-calendar-button feature" type="button" ng-click="selectEvent(subCategory, shared, $index)" id="{{shared.selectDateTimeButtonEl.id}}"><span class="typcn typcn-calendar">{{shared.eventTypeName | htmlToPlaintext}} {{shared.selectedDateTime | htmlToPlaintext}} </span></button></div><div class="c c c-100-c"><div ng-if="shared.clearDateTimeButtonEl && shared.clearDateTimeButtonEl.name" class="m-l-a m-l-b m-t-c"><button class="ui-control button" type="button" ng-click="clearEvent(subCategory, shared, $index)"><span class="typcn typcn-times">Clear Event</span></button></div></div></div></div></div></div><div ng-repeat="item in subCategory.items" ng-class="{loyaltyEnabled : viewModel.isLoyaltyEnabled, loyaltyRedeem : viewModel.isLoyaltyLoggedIn && !item.accrualPoints}" data-plu="{{item.plu}}" ng-if="!viewModel.isMemberBenefitPage || (viewModel.isMemberBenefitPage && item.isBenefit)" class="list row"><div ng-if="!(item.pluNotAvailableHiddenEl.value && item.pluNotAvailableHiddenEl.value === 'True')" class="p-all-all"><div ng-if="item.pluImageEl" class="row m-b-all"><img ng-src="{{item.pluImageEl.src}}" alt="{{item.pluImageEl.alt}}"/></div><div ng-if="item.quantityInputEl.disabled" class="disabled"></div><div ng-if="item.isMultiTime" class="row"><div data-component="multiTimeSelector" ng-controller="multiTimeSelectorCustomer" ng-init="data = item" class="multi-time-selector row"><div class="row"><div class="c pluName"><span ng-bind-html="viewModel.pluName"></span></div><div class="c pluShortName"><span ng-bind-html="viewModel.pluShortName"></span></div><div class="c c-100-all pluDesc"><p ng-bind-html="viewModel.pluDesc"></p></div></div><div ng-if="viewModel.selectedTimes.length" class="row"><div class="row header"><div class="m-l-all m-r-all m-t-all"><div class="row"><div class="c c-40-all productNameCol">Product Name</div><div class="c c-40-all dateTimeCol"><div class="m-l-all">Date/Time</div></div><div ng-class="{'c-20-all':!viewModel.priceCalendar, 'c-10-all':viewModel.priceCalendar}" class="c c-20-c quantityCol"><div class="m-l-all">Qty</div></div><div ng-if="viewModel.priceCalendar" class="c-r c-10-all c-0-c priceCol">Price</div></div></div></div><div class="row list-container m-t-all"><div ng-repeat="item in viewModel.selectedTimes" class="row list"><div class="p-all-all"><div class="row"><div class="c c-40-all productNameCol">{{item.pluName}}</div><div class="c c-40-all dateTimeCol"><div class="m-l-all">{{item.dateTime}}</div></div><div ng-class="{'c-20-all':!item.dateSelectedPrice, 'c-10-all':item.dateSelectedPrice}" class="c c-20-c quantityCol"><div class="m-l-all">{{item.quantityEl.value}}</div></div><div ng-if="item.dateSelectedPrice" class="c-r c-10-all m-t-c c-100-c priceCol"><span class="price">{{item.dateSelectedPrice}}</span></div></div></div></div></div></div><div class="row m-t-all"><div class="c c-100-c"><span ng-if="!viewModel.selectedTimes.length"><button class="ui-control button feature" ng-disabled="{{viewModel.disabled}}" type="button" ng-click="selectEvent()" id="{{viewModel.selectDateTimeButtonEl.id}}"><span class="typcn typcn-calendar">Select Date/Time</span></button></span><span ng-if="viewModel.selectedTimes.length"><button class="ui-control button" type="button" ng-click="selectEvent()" id="{{viewModel.selectDateTimeButtonEl.id}}"><span class="typcn typcn-calendar">Change Date/Time</span></button></span></div><div class="c-r m-t-c"><div ng-if="!item.editablePriceEl && viewModel.hasDynamicPriceData && !viewModel.selectedTimes.length" class="dynamicPrice"><span ng-if="!viewModel.dateSelectedPrice && (item.startingAtPrice !== item.highPointPrice)" class="label">Price Range</span><span ng-if="!viewModel.dateSelectedPrice" class="price m-l-all"><span class="startingAt">{{viewModel.startingAtPriceFormatted}}</span><span ng-if="item.startingAtPrice !== item.highPointPrice" class="highPoint"> - {{viewModel.highPointPriceFormatted}}</span></span></div><span ng-if="!item.editablePriceEl && !viewModel.hasDynamicPriceData" class="price">{{viewModel.price}}</span><span ng-if="item.editablePriceEl" class="editable"><label for="{{item.editablePriceEl.id}}">Price</label><input type="text" id="{{item.editablePriceEl.id}}" aria-label="Price" class="input-text" size="6" maxlength="6" ng-keydown="onKeydown($event, true)" ng-model="item.editablePriceEl.value" ng-disabled="{{item.disabled}}" name="{{item.editablePriceEl.name}}" placeholder=""/><br ng-if="item.plusGiftAid != ''"/><div ng-if="item.plusGiftAid != ''" class="c-r">{{ item.plusGiftAid }}</div></span><div ng-if="viewModel.quantityInCart" class="qtyInCart"><div class="m-t-all"><span class="label">Quantity already in cart:</span><span class="value">{{viewModel.quantityInCart}}</span></div></div></div></div><div ng-if="viewModel.incompatibleDeliveryMethodsError" class="error row m-t-all incompatibleDeliveryMethodsError"><span class="typcn typcn-warning">This product cannot be purchased in the same order as the products already in your cart.</span></div><div ng-if="viewModel.noDeliveryMethodsError" class="error row m-t-all noDeliveryMethodsError"><span class="typcn typcn-warning">This product cannot be purchased at this time.</span></div></div></div><div ng-if="!item.isMultiTime" class="row"><div ng-if="!item.isPackage && !item.isEvent" data-component="basePlu" class="base-plu row"><div class="row"><div class="c c-100-c"><div class="row"><div class="c m-r-all pluName"><span ng-bind-html="item.pluName"></span></div><div class="c pluShortName"><span ng-bind-html="item.pluShortName"></span></div></div></div><div class="c-r"><div class="row m-t-c"><div class="c m-r-all"><div ng-if="!item.editablePriceEl && item.hasDynamicPriceData" class="dynamicPrice"><span ng-if="!item.dateSelectedPrice && (item.startingAtPrice !== item.highPointPrice)" class="label m-r-all">Price Range</span><span ng-if="!item.dateSelectedPrice" class="price"><span class="startingAt">{{item.startingAtPriceFormatted}}</span><span ng-if="item.startingAtPrice !== item.highPointPrice" class="highPoint"> - {{item.highPointPriceFormatted}}</span></span><span ng-if="item.dateSelectedPrice" class="price">{{item.dateSelectedPrice}}</span></div><span ng-if="!item.editablePriceEl && !item.hasDynamicPriceData" class="price">{{item.price}}</span><span ng-if="item.editablePriceEl" class="editable"><label for="{{item.editablePriceEl.id}}">Price</label><input type="text" id="{{item.editablePriceEl.id}}" aria-label="Price" class="input-text" size="6" maxlength="6" ng-keydown="onKeydown($event, true)" ng-model="item.editablePriceEl.value" ng-disabled="{{item.disabled}}" name="{{item.editablePriceEl.name}}" placeholder=""/><br ng-if="item.plusGiftAid != ''"/><div ng-if="item.plusGiftAid != ''" class="c-r">{{ item.plusGiftAid }}</div></span></div><div ng-if="viewModel.isAddOne" class="c-r"><button class="ui-control button" ng-disabled="{{item.disabled}}" ng-click="addOneToCart(item, subCategory)" type="button"><span class="typcn typcn-shopping-cart">Add To Cart</span></button></div><div ng-if="!viewModel.isAddOne && !(viewModel.isMemberBenefitPage && item.quantityInputEl.maxValue == 0)" class="c-r"><div ng-class="{'ctrl-disabled' : !item.quantityInputEl || item.quantityInputEl.disabled}" class="quantity-control row"><button type="button" ng-click="inc(false, item)" aria-label="Item {{$index+1}}: {{'Decrease quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" class="prev typcn typcn-minus"></button><input type="text" ng-disabled="!item.quantityInputEl || item.quantityInputEl.disabled" aria-label="Item {{$index+1}}: {{'Enter a quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" ng-change="checkQty(item)" ng-blur="checkQty(item)" ng-model="item.quantityInputEl.value" name="{{item.quantityInputEl.name}}" id="{{item.quantityInputEl.id}}" ng-if="item.quantityInputEl"/><button type="button" ng-click="inc(true, item)" aria-label="Item {{$index+1}}: {{'Increase quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" class="next typcn typcn-plus"></button></div></div></div></div></div><div ng-if="item.quantityInputEl || item.quantityInCart" class="row"><div class="c-r"><div ng-if="item.quantityInputEl && viewModel.isMemberBenefitPage" class="row benefitAvailability"><div class="c-r m-t-sml-all"><span class="label">Available Amount:</span><span class="value">{{item.quantityInputEl.quantityRemaining}}</span></div></div><div ng-if="item.quantityInputEl && viewModel.isMemberBenefitPage && item.quantityInputEl.benefitQtyInCart" class="row benefitQtyInCart"><div class="c-r m-t-sml-all"><span class="label">Already in cart:</span><span class="value">{{item.quantityInputEl.benefitQtyInCart}}</span></div></div><div ng-if="item.quantityInCart && !viewModel.isMemberBenefitPage" class="row qtyInCart"><div class="c-r m-t-sml-all"><span class="label">Quantity already in cart:</span><span class="value">{{item.quantityInCart}}</span></div></div></div></div><div ng-if="item.pluDesc" class="row"><div class="c c-100-all pluDesc"><div ng-bind-html="item.pluDesc"></div></div></div><div ng-if="item.paymentPlanDesc" class="row"><div class="c c-100-all"><div ng-bind-html="item.paymentPlanDesc"></div></div></div><div ng-repeat="error in item.errorList track by $index" class="error row m-t-all"><span ng-bind-html="error" class="typcn typcn-warning"></span></div><div ng-if="item.incompatibleDeliveryMethodsError" class="error row m-t-all incompatibleDeliveryMethodsError"><span class="typcn typcn-warning">This product cannot be purchased in the same order as the products already in your cart.</span></div><div ng-if="item.noDeliveryMethodsError" class="error row m-t-all noDeliveryMethodsError"><span class="typcn typcn-warning">This product cannot be purchased at this time.</span></div></div><div ng-if="item.isEvent" data-component="eventPlu" class="event-plu"><div class="row"><div class="c c-100-c"><div class="row"><div class="c m-r-all pluName"><span ng-bind-html="item.pluName"></span></div><div class="c pluShortName"><span ng-bind-html="item.pluShortName"></span></div><div ng-if="item.pluDesc" class="c c-100-all pluDesc"><p ng-bind-html="item.pluDesc"></p></div></div></div><div class="c-r"><div class="row m-t-c"><div ng-if="viewModel.isLoyaltyEnabled && item.accrualPoints" class="c m-r-all"><span class="accrual">{{item.accrualPoints}} {{subCategory.pluAccrualPointsHeader}}</span></div><div class="c m-r-all"><div ng-if="!item.editablePriceEl && item.hasDynamicPriceData" class="dynamicPrice"><span ng-if="!item.dateSelectedPrice && (item.startingAtPrice !== item.highPointPrice)" class="label m-r-all">Price Range</span><span ng-if="!item.dateSelectedPrice" class="price"><span class="startingAt">{{item.startingAtPriceFormatted}}</span><span ng-if="item.startingAtPrice !== item.highPointPrice" class="highPoint"> - {{item.highPointPriceFormatted}}</span></span><span ng-if="item.dateSelectedPrice" class="price">{{item.dateSelectedPrice}}</span></div><span ng-if="!item.editablePriceEl && !item.hasDynamicPriceData" class="price">{{item.price}}</span><span ng-if="item.editablePriceEl"><label for="{{item.editablePriceEl.id}}">PRICE</label><input type="text" id="{{item.editablePriceEl.id}}" aria-label="PRICE" class="input-text" size="6" maxlength="6" ng-keydown="onKeydown($event, true)" ng-model="item.price" name="{{item.editablePriceEl.name}}" placeholder=""/><br ng-if="item.plusGiftAid != ''"/><div ng-if="item.plusGiftAid != ''" class="c-r">{{ item.plusGiftAid }}</div></span></div><div ng-if="viewModel.isAddOne" class="c-r"><button class="ui-control button" ng-click="addOneToCart(item, subCategory)" type="button"><span class="typcn typcn-shopping-cart">Add To Cart</span></button></div><div ng-if="!viewModel.isAddOne && !(viewModel.isMemberBenefitPage && item.quantityInputEl.maxValue == 0)" class="c-r"><div ng-class="{'ctrl-disabled' : !item.quantityInputEl || item.quantityInputEl.disabled}" class="quantity-control row"><button type="button" ng-click="inc(false, item)" aria-label="{{'Decrease quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" class="prev typcn typcn-minus"></button><input type="text" ng-disabled="!item.quantityInputEl || item.quantityInputEl.disabled" aria-label="{{'Enter a quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" ng-change="checkQty(item)" ng-blur="checkQty(item)" ng-model="item.quantityInputEl.value" name="{{item.quantityInputEl.name}}" id="{{item.quantityInputEl.id}}"/><button type="button" ng-click="inc(true, item)" aria-label="{{'Increase quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" class="next typcn typcn-plus"></button></div></div></div></div></div><div ng-if="item.quantityInputEl || item.quantityInCart" class="row"><div class="c-r"><div ng-if="item.quantityInputEl && viewModel.isMemberBenefitPage" class="row benefitAvailability"><div class="c-r m-t-sml-all"><span class="label">Available Amount:</span><span class="value">{{item.quantityInputEl.quantityRemaining}}</span></div></div><div ng-if="item.quantityInputEl && viewModel.isMemberBenefitPage && item.quantityInputEl.benefitQtyInCart" class="row benefitQtyInCart"><div class="c-r m-t-sml-all"><span class="label">Already in cart:</span><span class="value">{{item.quantityInputEl.benefitQtyInCart}}</span></div></div><div ng-if="item.quantityInCart && !viewModel.isMemberBenefitPage" class="row qtyInCart"><div class="c-r m-t-sml-all"><span class="label">Quantity already in cart:</span><span class="value">{{item.quantityInCart}}</span></div></div></div></div><div class="row m-t-all"><div class="row"><div class="c c-100-c m-r-a m-r-b"><span ng-if="!subCategory.sharedCalendars.length && !item.assignedEvent && !(viewModel.isMemberBenefitPage && item.quantityInputEl.maxValue == 0)"><button class="ui-control button select-date" ng-disabled="{{item.disabled}}" type="button" ng-click="selectEvent(subCategory, item)" name="{{item.selectDateTimeButtonEl.name}}" id="{{item.selectDateTimeButtonEl.id}}" data-selectevent="data-selectevent"><span class="typcn typcn-calendar">{{item.selectedDateEl.text | htmlToPlaintext}}</span></button></span><div ng-if="subCategory.sharedCalendars.length || item.assignedEvent"><div class="date-time-label"><span>{{item.selectedDateEl.text}}</span></div></div></div></div></div><div ng-if="item.dateError" class="error row m-t-all"><span class="typcn typcn-warning">[DateNotSelectedError]</span></div><div ng-repeat="error in item.errorList track by $index" class="error row m-t-all"><span ng-bind-html="error" class="typcn typcn-warning"></span></div><div ng-if="item.incompatibleDeliveryMethodsError" class="error row m-t-all incompatibleDeliveryMethodsError"><span class="typcn typcn-warning">This product cannot be purchased in the same order as the products already in your cart.</span></div><div ng-if="item.noDeliveryMethodsError" class="error row m-t-all noDeliveryMethodsError"><span class="typcn typcn-warning">This product cannot be purchased at this time.</span></div></div><div data-component="packagePlu" ng-if="item.isPackage" class="package-plu"><div ng-if="!state.hidePackageInput" class="row"><div class="c c-100-c"><div class="row"><div class="c m-r-all pluName"><span ng-bind-html="item.packageName"></span></div><div class="c pluShortName"><span ng-bind-html="item.pluShortName"></span></div></div></div><div class="c-r"><div class="row m-t-c"><div ng-if="viewModel.isLoyaltyEnabled && item.accrualPoints" class="c m-r-all"><span class="accrual">{{item.accrualPoints}} {{subCategory.pluAccrualPointsHeader}}</span></div><div ng-if="viewModel.isAddOne" class="c-r"><button class="ui-control button" ng-click="addOneToCart(item, subCategory)" type="button"><span class="typcn typcn-shopping-cart">Add To Cart</span></button></div><div ng-if="!viewModel.isAddOne" class="c-r"><div ng-class="{'ctrl-disabled' : !item.quantityInputEl || item.quantityInputEl.disabled}" class="quantity-control row"><button type="button" ng-click="inc(false, item)" aria-label="{{'Decrease quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" class="prev typcn typcn-minus"></button><input type="text" ng-disabled="!item.quantityInputEl || item.quantityInputEl.disabled" aria-label="{{'Enter a quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" ng-change="checkQty(item)" ng-blur="checkQty(item)" ng-model="item.quantityInputEl.value" name="{{item.quantityInputEl.name}}" id="{{item.quantityInputEl.id}}"/><button type="button" ng-click="inc(true, item)" aria-label="{{'Increase quantity for ' + item.packageNameNonHtml + ' ' + item.pluNameNonHtml + ' ' + item.pluShortNameNonHtml + ' ' + (item.linkEl ? item.linkEl.text : '') }}" class="next typcn typcn-plus"></button></div></div><div class="c-r m-r-all"><span class="price">{{item.price}}</span></div></div><div ng-if="item.quantityInCart" class="row"><div ng-if="item.quantityInCart && !viewModel.isMemberBenefitPage" class="row qtyInCart"><div class="c-r m-t-all"><span class="label">Quantity already in cart:</span><span class="value">{{item.quantityInCart}}</span></div></div></div></div></div><div ng-class="{'m-t-all': !state.hidePackageInput}" ng-if="item.showDetails" class="row"><div ng-if="item.pluDesc" class="c c-100-all pluDesc"><p ng-bind-html="item.pluDesc"></p></div><div ng-if="item.packageDescription" class="c c-100-all pluDesc package_description"><p ng-bind-html="item.packageDescription"></p></div><div ng-if="item.showDetails" class="row m-t-c"><div ng-class="{'m-t-all': item.hasPackageDescription}" class="c-100-all"><span ng-click="expandPackage(item)" role="button" aria-label="Item: {{$index + 1}} Package Contents {{item.packageNameNonHtml}}" ng-keypress="onEnterOrSpaceKey($event, expandPackage, item)" class="show-package">Package Contents<span class="typcn typcn-chevron-right"></span></span></div></div><div ng-class="{show : item.expandPackage}" ng-if="item.showDetails" class="list-container"><div><div ng-repeat="packageItem in item.packageItems" class="list"><div class="p-all-all"><div class="row"><div class="c c-60-all c-100-c"><p>({{packageItem.quantity}}) {{packageItem.itemName}}<a ng-if="packageItem.passInfoLinkEl" href="{{packageItem.passInfoLinkEl.href}}" class="m-l-all">{{packageItem.passInfoLinkEl.text}}</a></p></div><div ng-if="packageItem.isEvent && packageItem.isDateSpecificEl.value === 'False'" class="c-r c-100-c"><div ng-if="packageItem.eventDateTime && subCategory.sharedCalendars.length" class="selected-date">{{ packageItem.eventDateTime }}</div><div ng-if="!subCategory.sharedCalendars.length && packageItem.selectDateTimeButtonEl.id && packageItem.selectDateTimeButtonEl.id !== ''" class="m-t-c"><button class="ui-control button select-date" ng-disabled="{{item.disabled}}" type="button" ng-click="selectEvent(subCategory, packageItem)" ng-keypress="onEnterOrSpaceKey($event, selectEvent, subCategory, packageItem)" aria-label="{{packageItem.eventDateTime}} {{item.packageNameNonHtml}} {{packageItem.itemName}}" role="button" name="{{packageItem.selectDateTimeButtonEl.name}}" id="{{packageItem.selectDateTimeButtonEl.id}}" data-selectevent="data-selectevent"><span class="typcn typcn-calendar">{{packageItem.eventDateTime | htmlToPlaintext}}</span></button></div></div><div ng-if="packageItem.isEvent && packageItem.isDateSpecificEl.value === 'True'" class="c-r c-100-c"><div ng-if="packageItem.selectDateTimeButtonEl.id && packageItem.selectDateTimeButtonEl.id !== ''" class="m-t-c"><button class="ui-control button select-date" ng-disabled="{{item.disabled}}" type="button" ng-click="selectEvent(subCategory, packageItem)" ng-keypress="onEnterOrSpaceKey($event, selectEvent, subCategory, packageItem)" aria-label="{{packageItem.eventDateTime}} {{item.packageNameNonHtml}} {{packageItem.itemName}}" role="button" name="{{packageItem.selectDateTimeButtonEl.name}}" id="{{packageItem.selectDateTimeButtonEl.id}}" data-selectevent="data-selectevent"><span class="typcn typcn-calendar">{{packageItem.eventDateTime}}</span></button></div></div><div ng-if="packageItem.packageEventDate" class="c-r c-100-c"><span class="selected-date">{{packageItem.packageEventDate}}</span></div></div><div ng-if="packageItem.rosterLinks" ng-repeat="rosterLink in packageItem.rosterLinks" class="row item-name details"><a href="{{rosterLink.rosterLinkEl.href}}"><span>{{rosterLink.rosterLinkEl.text}}</span></a></div></div></div></div></div></div><div ng-if="item.packageError" class="error row m-t-all"><span class="typcn typcn-warning">[PackageDateMissingError]</span></div><div ng-repeat="error in item.errorList track by $index" class="error row m-t-all"><span ng-bind-html="error" class="typcn typcn-warning"></span></div></div></div><div ng-if="item.pluItemPaymentPlans" class="row m-t-all"><div ng-repeat="pluItemPaymentPlan in item.pluItemPaymentPlans" class="row payment-plan-label"><div class="c"><div class="{{pluItemPaymentPlan.pluItemPaymentPlanEl.class}}">{{pluItemPaymentPlan.pluItemPaymentPlanEl.text}}</div></div></div></div></div></div><div ng-if="viewModel.isLoyaltyEnabled" class="row loyaltyFooter"><div ng-if="item.accrualPoints && item.accrualPoints != 0" class="row"><div class="p-l-all p-r-all"><p>Earn<span class="strong">{{item.accrualPoints}} {{subCategory.pluAccrualPointsHeader}}</span><span class="earn-post-label">per ticket.</span></p></div></div><div ng-if="viewModel.isLoyaltyLoggedIn && !item.accrualPoints" class="row"><div class="p-l-all p-r-all"><p>Redeem<span class="strong">{{item.price}} {{subCategory.pluPointsHeader}}</span></p></div></div></div><div ng-if="subCategory.quantityError" class="error row m-t-all"><span class="typcn typcn-warning">You need to enter a quantity before adding to cart.</span></div><div ng-if="subCategory.sharedCalendarDateError" class="error row m-t-all"><span class="typcn typcn-warning">You must select a date for all items.</span></div><div ng-if="subCategory.addToCartEl && !viewModel.isAddOne" class="add-to-cart m-t-all m-b-all c-r c-100-c"><button class="ui-control button" ng-click="addToCart(subCategory, $index)" name="{{subCategory.addToCartEl.name}}" type="button" id="{{subCategory.addToCartEl.id}}" ng-disabled="viewModel.collectVisitDate && !viewModel.haveVisitDate"><span class="typcn typcn-shopping-cart">{{subCategory.addToCartEl.value | htmlToPlaintext}}</span></button></div></div></div></div></div><div ng-if="viewModel.isMemberBenefitPage && viewModel.memberBenefitsNoAvailableBenefit && !viewModel.memberBenefitsLoading" ng-class="{fadeIn: state.ready}" ,="," role="tab" class="sub-category b-b-all noAvailableBenefits"><div class="title row p-t-all p-b-all p-r-all p-l-a p-l-b"><div class="c c-90-all"><h2 class="parentSCDName">Available Benefits</h2><div class="m-t-all parentSCDDescription">The selected pass has no available benefits at this time.</div></div></div></div><div ng-class="{open : viewModel.memberBenefitsAvailable.isExpanded, fadeIn: state.ready}" ng-if="viewModel.isMemberBenefitPage && !viewModel.memberBenefitsLoading && viewModel.memberBenefitsHasUnmatchedAvailableBenefit" role="tab" class="sub-category b-b-all unmatchedAvailableBenefits"><div ng-click="expand(viewModel.memberBenefitsAvailable)" role="tab" class="title row p-t-all p-r-all p-l-a p-l-b"><div class="c c-90-all"><h2 class="parentSCDName">Other Benefits</h2><div class="m-t-all parentSCDDescription">These benefits are available on your membership but are not available for redemption online at this time</div></div><div class="c-r c-3-all c-5-b c-7-c"></div><div class="forward-wrapper c-r c-3-all c-5-b c-7-c"><div class="forward"><div class="icon"><i aria-hidden="true" class="icon fa fa-angle-down"></i><i aria-hidden="true" class="icon fa fa-angle-up"></i></div></div></div></div><div class="list-container m-t-all m-l-a m-l-b"><div class="horizontal-items m-b-all c-0-c"><div class="row listHeader"><div class="c c-40-all description">Name</div><div class="c c-20-all qty">Quantity</div><div class="c c-20-all itemPrice">Price</div></div><div class="row listBody"><div ng-repeat="benefit in viewModel.memberBenefitsAvailable" ng-if="benefit.value && !benefit.matched" class="item list"><div class="row"><div class="c c-40-all description">{{benefit.value.Description}}</div><div class="c c-20-all qty">{{benefit.value.Quantity}}</div><div class="c c-20-all itemPrice">{{benefit.value.PriceTxt}}</div></div></div></div></div><div class="vertical-items m-b-all c-0-a c-0-b c-100-c"><div class="row listBody"><div ng-repeat="benefit in viewModel.memberBenefitsAvailable" ng-if="benefit.value && !benefit.matched" class="item list"><div class="p-all-all description"><div class="row"><div class="c c-40-all"><span class="label">Name</span></div><div class="c c-60-all"><span>{{benefit.value.Description}}</span></div></div></div><div class="p-all-all qty"><div class="row"><div class="c c-40-all"><span class="label">Quantity</span></div><div class="c c-60-all"><span>{{benefit.value.Quantity}}</span></div></div></div><div class="p-all-all itemPrice"><div class="row"><div class="c c-40-all"><span class="label">Price</span></div><div class="c c-60-all"><span>{{benefit.value.PriceTxt}}</span></div></div></div></div></div></div></div></div><div ng-class="{open : viewModel.memberBenefitsIssued.isExpanded, fadeIn: state.ready}" ng-if="viewModel.isMemberBenefitPage && !viewModel.memberBenefitsLoading" role="tab" class="sub-category b-b-all issuedBenefits"><div ng-click="expand(viewModel.memberBenefitsIssued)" role="tab" class="title row p-t-all p-b-all p-r-all p-l-a p-l-b"><div class="c c-90-all"><h2 class="parentSCDName">Issued Benefits</h2><div ng-if="!viewModel.memberBenefitsIssued.items.length" class="m-t-all parentSCDDescription">There are no issued benefits to display at this time.</div></div><div class="c-r c-3-all c-5-b c-7-c"></div><div class="forward-wrapper c-r c-3-all c-5-b c-7-c"><div class="forward"><div class="icon"><i aria-hidden="true" class="icon fa fa-angle-down"></i><i aria-hidden="true" class="icon fa fa-angle-up"></i></div></div></div></div><div ng-if="viewModel.memberBenefitsIssued.items.length > 0" class="list-container m-t-all m-l-a m-l-b"><div class="horizontal-items c-0-c"><div class="row listHeader"><div class="c c-40-all description">Name</div><div class="c c-20-all qty">Quantity</div><div class="c c-20-all issuedPrice">Price</div><div class="c c-20-all redeemed">Redeemed</div></div><div class="row listBody"><div ng-repeat="benefit in viewModel.memberBenefitsIssued.items" class="item list"><div class="row buttonRow"><div class="c c-40-all description"><span>{{benefit.Description}}</span></div><div class="c c-20-all qty">{{benefit.Quantity}}</div><div class="c c-20-all issuedPrice">{{benefit.PriceTxt}}</div><div class="c c-20-all redeemed">{{benefit.DateRedeemed}}</div></div></div></div></div><div class="vertical-items c-0-a c-0-b c-100-c"><div class="row listBody"><div ng-repeat="benefit in viewModel.memberBenefitsIssued.items" class="item list"><div class="p-all-all description"><div class="row"><div class="c c-40-all"><span class="label">Name</span></div><div class="c c-60-all"><span>{{benefit.Description}}</span></div></div></div><div class="p-all-all qty"><div class="row"><div class="c c-40-all"><span class="label">Quantity</span></div><div class="c c-60-all"><span>{{benefit.Quantity}}</span></div></div></div><div class="p-all-all issuedPrice"><div class="row"><div class="c c-40-all"><span class="label">Price</span></div><div class="c c-60-all"><span>{{benefit.PriceTxt}}</span></div></div></div><div class="p-all-all redeemed"><div class="row"><div class="c c-40-all"><span class="label">Redeemed</span></div><div class="c c-60-all"><span>{{benefit.DateRedeemed}}</span></div></div></div></div></div></div></div></div></div><div class="loading-mask" ng-class="{hide: !state.loading}"><div class="shift"><div class="img-shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading, Please Wait"/></div></div></div></div></div></div></div><div class="wshtml" data-module="Footer"></div><div role="complementary" aria-label="Modal Dialog"><div data-component="infoModal" ng-controller="infoModalCustomer" class="infoModal"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div ng-class="{hide : state.loading}" class="row"><div class="row"><h2><span ng-bind-html="viewModel.category.parentSCDName"></span><span>  Information</span></h2></div><div class="row m-t-all"><p ng-bind-html="viewModel.category.parentSCDDescriptionHtml"></p></div><div class="infoItems"><div class="row m-t-all m-b-all"><div class="module"><div ng-repeat="item in viewModel.category.items" class="row m-t-all"><div ng-if="!item.isEvent && !item.isPackage" class="row"><div class="row"><div class="c m-r-all pluName"><span ng-bind-html="item.pluNameHtml"></span></div><div class="c pluShortName"><span ng-bind-html="item.pluShortNameHtml"></span></div><div class="c-r"><span ng-if="!item.editablePriceEl" class="price">{{item.price}}</span><span ng-if="item.editablePriceEl" class="price editable"><input type="text" value="{{item.editablePriceEl.value}}" readonly="readonly" class="input-text infoEditablePrice"/></span></div></div><div ng-if="item.pluDesc" class="row m-t-all"><p ng-bind-html="item.pluDescHtml"></p></div></div><div ng-if="item.isPackage" class="row"><div class="row"><div class="c m-r-all pluName"><span ng-bind-html="item.packageNameHtml"></span></div><div class="c-r"><span ng-if="!item.editablePriceEl" class="price">{{item.price}}</span></div></div><div class="row m-t-all"><div class="c-100-all"><span class="show-package">Package Contents</span></div></div><div ng-if="item.hasPackageDescription" class="row m-t-all"><div class="c-100-all"><p ng-bind-html="item.packageDescriptionHtml"></p></div></div><div ng-if="!item.hasPackageDescription" class="row m-t-all"><div ng-repeat="packageItem in item.packageItems" class="list"><div class="p-all-all"><div class="row"><div class="c">{{packageItem.itemName}}</div><div ng-if="packageItem.packageEventDate" class="c-r">{{packageItem.packageEventDate}}</div></div></div></div></div></div></div></div></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div ng-controller="CalendarModal_Customer" data-component="calendarModal" class="calendar-modal"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div class="row"><h2>Select A Date</h2></div><div ng-class="{hide : state.loading}" class="row"><div ng-if="state.hasDates" class="row"><div class="c c-50-all"><div data-component="calendar" class="calendar"><div class="calendar-header"><div class="row month-name"><div class="c c-10-all"><span ng-if="viewModel.calendar.prev" ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" class="arrow typcn typcn-chevron-left"></span></div><div class="c c-40-all month"><span ng-if="viewModel.calendar.monthSelect && viewModel.calendar.month"><select ng-model="viewModel.calendar.month" ng-change="changeMonth()" name="{{viewModel.calendar.monthSelect.name}}" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month.value" ng-selected="month.selected">{{month.text}}</option></select></span></div><div class="c c-40-all year"><span ng-if="viewModel.calendar.yearSelect && viewModel.calendar.year" class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear()" name="{{viewModel.calendar.yearSelect.name}}" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year.value" ng-selected="year.selected">{{year.text}}</option></select></span></div><div class="c c-10-all"><span ng-if="viewModel.calendar.next" ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div ng-class="{hasPriceCalendar: viewModel.calendar.hasPriceCalendar, showPricesOnCalendar: viewModel.calendar.showPricesOnCalendar}" class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" aria-selected="{{day.selected}}" aria-disabled="{{day.other || !day.available}}" ng-class="{empty : day.other, available : day.available || (day.selected), selected : day.selected, hasPrice: day.formattedPrice && viewModel.calendar.showPricesOnCalendar}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div ng-if="day.priceProgramColor" ng-class="['priceProgram-' + day.priceProgramId]" ng-style="{ 'background-color': day.priceProgramColor }" class="arc priceProgramColor"></div><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span><span ng-if="day.formattedPrice && viewModel.calendar.showPricesOnCalendar" class="date-price">{{day.formattedPrice}}</span></div></div></div></div></div><div ng-if="viewModel.calendar.priceLegend" class="row calendar-legend m-t-all"><div class="row legend-header"><p>Legend</p></div><div><div ng-repeat="legend in viewModel.calendar.priceLegend" ng-if="!legend.hidden" class="row legend-item priceProgram-{{legend.PriceProgramID}}"><span ng-style="{'background-color': legend.Color}" class="price-color priceProgram-{{legend.PriceProgramID}}"></span><span class="price-label">{{legend.Name}}</span><span ng-if="legend.hasPriceRange" class="price-range m-l-all"><span class="startingAt">{{legend.startingAtPriceFormatted}}</span><span ng-if="legend.startingAtPrice !== legend.highPointPrice" class="highPoint"> - {{legend.highPointPriceFormatted}}</span></span></div><div class="row legend-item basePrice"><span class="price-color available"></span><span class="price-label">Base Price</span><span ng-if="viewModel.item.basePrice" class="price-range m-l-all"><span class="basePrice">{{viewModel.item.basePriceFormatted}}</span></span></div><div class="row legend-item unavailable"><span class="price-color unavailable"></span><span class="price-label">Unavailable</span></div></div></div></div></div><div class="c c-50-all"><div class="m-l-all"><div data-component="timeSelector" class="time-selector"><div ng-if="viewModel.calendar.eventTimes.length" class="times"><div class="row selected-date">{{viewModel.calendar.selectedEventDate}}</div><div class="row header-row"><div class="c c-25-all"><div class="time">Event Time</div><div ng-if="viewModel.calendar.hasTimePrices" class="header-price">Price</div></div><div class="c availability c-25-all">Status</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">Available</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname">Event Name</div></div><div ng-repeat="event in viewModel.calendar.eventTimes" class="time row m-t-all"><div class="row"><div class="c c-25-all"><div class="time">{{event.time}}</div><div ng-if="viewModel.calendar.hasTimePrices" class="price">{{event.price}}</div></div><div class="c availability c-25-all">{{event.availability}}</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">{{event.capacity}}</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname"><button class="ui-control button select-time" type="button" ng-click="selectTime(event)" ng-class="{disabled : event.disabled}"><span class="typcn typcn-image">{{event.name | htmlToPlaintext }}</span></button></div></div><div ng-if="event.attrs.length" class="row"><ul class="eventAttrs"><li ng-repeat="attr in event.attrs">{{attr}}</li></ul></div></div></div><div ng-if="!viewModel.calendar.eventTimes.length" class="row empty">There are no events available for your current selection.</div></div></div></div></div><div ng-if="!state.hasDates"><p>There are no dates available for this event.</p></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div ng-controller="addOnModalCustomer" data-component="addOnModal" class="addon-modal"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div class="row"><h2>Member Add On</h2></div><div ng-class="{hide : state.loading}" class="row"><div class="row m-t-all"><p>Your current membership allows the following members:</p></div><div class="row m-t-all"><p class="bold">Adults: {{viewModel.maxAdults}}</p><p ng-if="viewModel.maxChildren >= 0" class="bold">Children: {{viewModel.maxChildren}}</p><p ng-if="viewModel.maxChildren < 0" class="bold">Children: Unlimited</p><p class="bold">Add-Ons: {{viewModel.currentAddOns}}</p></div><div class="row m-t-all"><p>Are you interested in adding another individual to the membership?</p></div><div ng-if="viewModel.error" class="error row m-t-all"><span class="typcn typcn-warning">System Error</span></div><div ng-if="this.viewModel.items.length && ((this.viewModel.added.length < this.viewModel.maxAddOns) || this.viewModel.maxAddOns < 0)" class="row m-t-all"><div ng-repeat="item in viewModel.items" class="list item row base-plu"><div class="p-all-all"><div class="row"><div class="c"><div class="row"><div class="c m-r-all"><h3>{{item.Name}}</h3></div></div></div><div class="c-r"><div class="row"><div class="c m-r-all"><h2>{{ item.Price | currency }}</h2></div><div class="c"><button class="ui-control button feature" ng-click="add(item)" type="button"><span class="typcn typcn-shopping-cart">Add</span></button></div></div></div></div></div></div></div><div class="add-on-total row m-t-all"><div ng-if="this.viewModel.canAddMore" class="row"><div ng-if="viewModel.maxAddOns === -1" class="row"><p>You can add an unlimited amount</p></div><div ng-if="viewModel.maxAddOns !== -1" class="row"><p><span>You can add </span><span class="bold">{{viewModel.remainingAddOns}} </span><span>more individual</span><span ng-if="viewModel.remainingAddOns > 1">s</span></p></div></div></div><div ng-if="state.added" class="cart-total-row row m-t-all"><div class="c c-100-c"><h3>Cart Total: {{viewModel.cartTotal}}</h3></div><div ng-if="!viewModel.justContinue" class="c-r c-100-c m-l-a m-l-b m-t-c"><button class="ui-control button go" type="button" ng-click="goToCart()"><span class="typcn typcn-arrow-right-thick">Continue to Cart</span></button></div><div ng-if="viewModel.justContinue" class="c-r c-100-c m-l-a m-l-b m-t-c"><button class="ui-control button go" type="button" ng-click="justContinue()"><span class="typcn typcn-arrow-right-thick">Continue</span></button></div></div><div ng-if="!state.added" class="row m-t-all"><div class="c-r c-100-c"><button class="ui-control button" ng-click="goToCart()" type="button"><span class="typcn typcn-close">No Thanks</span></button></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div data-component="upsellModal" ng-controller="upsellModalCustomer" class="upsellModal row"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div ng-class="{hide : state.loading}" class="row"><div ng-bind-html="viewModel.replacement.Replacements[0].ReplacementHeaderScriptHtml"></div><div ng-if="!viewModel.itemSelected" class="upsellitems"><div role="listbox" aria-label="Upsell Options" ng-class="evenCount ? 'odd' : 'even'" class="row cards m-t-all"><div ng-repeat="item in viewModel.replacement.Replacements" class="card list c-50-all c-100-c"><div class="inner p-all-all"><div ng-bind-html="item.scriptHtml" class="m-b-all"></div><div class="select-btn"><button class="ui-control button feature plu-{{item.PLU}}" type="button" data-item="data-item" data-plu="{{item.PLU}}" ng-click="showDetail(item)"><span>Select</span></button></div></div></div></div><div class="row m-t-all"><div class="c c-50-all c-100-c"><button class="ui-control button" type="button" ng-click="decline()"><span class="typcn typcn-delete">Decline</span></button></div></div></div><div ng-if="viewModel.itemSelected" class="upselldetail"><div class="module m-t-all"><div class="p-all-all"><div ng-if="viewModel.itemSelected && viewModel.itemSelected.scriptHtml" ng-bind-html="viewModel.itemSelected.scriptHtml" class="row"></div><div ng-hide="viewModel.packageExpanded && device.c" class="row m-t-all"></div><div ng-if="viewModel.errorMessage" class="row m-b-all"><span class="error">{{viewModel.errorMessage}}</span></div><div ng-if="viewModel.itemSelected.PackageModel" class="row package-plu m-t-all"><div ng-click="expandPackage(viewModel.itemSelected)" class="row show-package"><span ng-hide="viewModel.packageExpanded && device.c">Package Contents<span class="typcn typcn-chevron-right"></span></span><span ng-show="viewModel.packageExpanded && device.c"><span class="typcn typcn-chevron-left"></span>Back</span></div><div ng-class="{show : viewModel.itemSelected.expandPackage}" class="row list-container"><div class="m-t-all"><div ng-repeat="packageItem in viewModel.itemSelected.PackageModel.PackageDetails" class="list package-plu"><div class="p-all-all"><div class="row"><div class="c c-40-all"><p>({{packageItem.Quantity}}) {{packageItem.Name}}</p></div><div ng-if="packageItem.RequiresDateSelection && !packageItem.event" class="c-r c-60-all"><button class="ui-control button feature" type="button" ng-click="selectEvent(packageItem)" data-plu="{{packageItem.PLU}}" data-selectevent="data-selectevent"><span class="typcn typcn-calendar">Select Date/Time</span></button></div><div ng-if="packageItem.RequiresDateSelection && packageItem.event" class="c-r c-60-all"><button class="ui-control button feature" type="button" ng-click="selectEvent(packageItem)"><span class="typcn typcn-calendar">{{packageItem.event.formattedEventInfo | htmlToPlaintext}}</span></button></div></div></div></div></div></div></div><div ng-hide="viewModel.packageExpanded && device.c" class="row eventButtons"><div ng-if="viewModel.itemSelected.event" class="c c-100-c m-t-all"><button class="ui-control button feature" type="button" ng-click="selectEvent(viewModel.itemSelected)"><span class="typcn typcn-calendar">{{viewModel.itemSelected.event.formattedEventInfo | htmlToPlaintext}}</span></button></div><div ng-if="viewModel.itemSelected.Item.Event.RequiresDateTimeSelection && !viewModel.itemSelected.event" class="c c-100-c m-t-all"><button class="ui-control button feature" type="button" ng-click="selectEvent(viewModel.itemSelected)"><span class="typcn typcn-calendar">Select Date/Time</span></button></div><div class="c-r m-t-all"><div class="row"><div class="c upgrade-label">Upgrade {{viewModel.itemSelected.quantityInput.value}}/{{viewModel.itemSelected.Quantity}}</div><div data-plu="{{viewModel.itemSelected.PLU}}" class="c m-l-all"><div ng-class="{'ctrl-disabled' : viewModel.itemSelected.quantityInput.disabled}" class="quantity-control row"><button type="button" ng-click="viewModel.itemSelected.quantityInput.decrement()" aria-label="Decrease quantity for undefined" class="prev typcn typcn-minus"></button><input type="text" ng-model="viewModel.itemSelected.quantityInput.value" ng-disabled="viewModel.itemSelected.quantityInput.disabled" name="{{viewModel.itemSelected.quantityInput.name}}" ng-change="viewModel.itemSelected.quantityInput.onChange()" aria-label="Enter a quantity for undefined" ng-blur="viewModel.itemSelected.quantityInput.onChange()"/><button type="button" ng-click="viewModel.itemSelected.quantityInput.increment()" aria-label="Increase quantity for undefined" class="next typcn typcn-plus"></button></div></div></div></div></div><div ng-hide="viewModel.packageExpanded && device.c" class="row m-t-all"><div class="c-r c-100-c"><button class="ui-control button go" type="button" ng-click="add()" data-add="data-add"><span class="typcn typcn-plus">Replace</span></button></div></div></div></div><div class="row m-t-all"><div class="c c-50-all"><button class="ui-control button" type="button" ng-click="decline()"><span class="typcn typcn-delete">Decline</span></button></div><div class="c c-50-all"><div class="m-l-all"><button class="ui-control button" type="button" ng-click="back()"><span class="typcn typcn-arrow-back">Back</span></button></div></div></div></div><div class="loading-mask declining" ng-class="{hide: !state.declining}"><div class="shift"><div class="img-shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading, Please Wait"/></div></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div ng-controller="dateSpecificModalApiCustomer" data-component="dateSpecificModalApi" class="calendar-modal"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div class="row"><h2>Select A Date</h2></div><div ng-class="{hide : state.loading}" class="row"><div class="row m-t-all"><div class="c c-100-all"><div data-component="calendarApi" data-monthnames="January,February,March,April,May,June,July,August,September,October,November,December" class="calendar"><div class="calendar-header"><div class="row month-name p-t-all"><div class="c c-10-all"><span ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" ng-hide="viewModel.disabledPrev" class="arrow typcn typcn-chevron-left"></span></div><div ng-if="viewModel.calendar.month >= 0" class="c c-40-all month"><span class="monthSelect"><select ng-model="viewModel.calendar.month" ng-change="changeMonth('{{viewModel.calendar.month}}')" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month" ng-selected="viewModel.calendar.month === month">{{getMonthName(month)}}</option></select></span></div><div ng-if="viewModel.calendar.year" class="c c-40-all year"><span class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear('{{viewModel.calendar.year}}')" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year">{{year}}</option></select></span></div><div class="c c-10-all"><span ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" ng-hide="viewModel.disabledNext" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" ng-class="{empty : day.other, available : (day.available && !day.pre && !day.post), selected : day.selected}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span></div></div></div></div></div></div></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div data-component="eventTimeModalApi" ng-controller="eventTimeModalApiCustomer" ng-class="{wide : device.a}" ng-init="format='monthName date, year'" class="calendar-modal event-time"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div class="row"><h2>Select A Date</h2></div><div ng-class="{hide : state.loading}" class="row"><div ng-if="device.a" class="row m-t-all"><div class="c c-100-all c-50-a"><div data-component="calendarApi" data-monthnames="January,February,March,April,May,June,July,August,September,October,November,December" class="calendar"><div class="calendar-header"><div class="row month-name p-t-all"><div class="c c-10-all"><span ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" ng-hide="viewModel.disabledPrev" class="arrow typcn typcn-chevron-left"></span></div><div ng-if="viewModel.calendar.month >= 0" class="c c-40-all month"><span class="monthSelect"><select ng-model="viewModel.calendar.month" ng-change="changeMonth('{{viewModel.calendar.month}}')" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month" ng-selected="viewModel.calendar.month === month">{{getMonthName(month)}}</option></select></span></div><div ng-if="viewModel.calendar.year" class="c c-40-all year"><span class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear('{{viewModel.calendar.year}}')" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year">{{year}}</option></select></span></div><div class="c c-10-all"><span ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" ng-hide="viewModel.disabledNext" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" ng-class="{empty : day.other, available : (day.available && !day.pre && !day.post), selected : day.selected}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span></div></div></div></div></div></div></div><div class="c c-50-all"><div class="m-l-all"><div class="row selectedDate"><h3>{{viewModel.formattedDateString}}</h3></div><div class="row m-t-all"><div data-component="timeSelector" class="time-selector"><div ng-if="viewModel.calendar.eventTimes.length" class="times"><div class="row selected-date">{{viewModel.calendar.selectedEventDate}}</div><div class="row header-row"><div class="c c-25-all"><div class="time">Event Time</div><div ng-if="viewModel.calendar.hasTimePrices" class="header-price">Price</div></div><div class="c availability c-25-all">Status</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">Available</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname">Event Name</div></div><div ng-repeat="event in viewModel.calendar.eventTimes" class="time row m-t-all"><div class="row"><div class="c c-25-all"><div class="time">{{event.time}}</div><div ng-if="viewModel.calendar.hasTimePrices" class="price">{{event.price}}</div></div><div class="c availability c-25-all">{{event.availability}}</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">{{event.capacity}}</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname"><button class="ui-control button select-time" type="button" ng-click="selectTime(event)" ng-class="{disabled : event.disabled}"><span class="typcn typcn-image">{{event.name | htmlToPlaintext }}</span></button></div></div><div ng-if="event.attrs.length" class="row"><ul class="eventAttrs"><li ng-repeat="attr in event.attrs">{{attr}}</li></ul></div></div></div><div ng-if="!viewModel.calendar.eventTimes.length" class="row empty">There are no events available for your current selection.</div></div></div></div></div></div><div ng-if="!device.a" class="row m-t-all"><div ng-if="!state.dateSelected" class="row"><div data-component="calendarApi" data-monthnames="January,February,March,April,May,June,July,August,September,October,November,December" class="calendar"><div class="calendar-header"><div class="row month-name p-t-all"><div class="c c-10-all"><span ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" ng-hide="viewModel.disabledPrev" class="arrow typcn typcn-chevron-left"></span></div><div ng-if="viewModel.calendar.month >= 0" class="c c-40-all month"><span class="monthSelect"><select ng-model="viewModel.calendar.month" ng-change="changeMonth('{{viewModel.calendar.month}}')" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month" ng-selected="viewModel.calendar.month === month">{{getMonthName(month)}}</option></select></span></div><div ng-if="viewModel.calendar.year" class="c c-40-all year"><span class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear('{{viewModel.calendar.year}}')" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year">{{year}}</option></select></span></div><div class="c c-10-all"><span ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" ng-hide="viewModel.disabledNext" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" ng-class="{empty : day.other, available : (day.available && !day.pre && !day.post), selected : day.selected}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span></div></div></div></div></div></div></div><div ng-if="state.dateSelected" class="row"><div class="row change-date"><div ng-click="back()" class="span typcn typcn-arrow-back">Change Date</div></div><div class="row m-t-all"><div data-component="timeSelector" class="time-selector"><div ng-if="viewModel.calendar.eventTimes.length" class="times"><div class="row selected-date">{{viewModel.calendar.selectedEventDate}}</div><div class="row header-row"><div class="c c-25-all"><div class="time">Event Time</div><div ng-if="viewModel.calendar.hasTimePrices" class="header-price">Price</div></div><div class="c availability c-25-all">Status</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">Available</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname">Event Name</div></div><div ng-repeat="event in viewModel.calendar.eventTimes" class="time row m-t-all"><div class="row"><div class="c c-25-all"><div class="time">{{event.time}}</div><div ng-if="viewModel.calendar.hasTimePrices" class="price">{{event.price}}</div></div><div class="c availability c-25-all">{{event.availability}}</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">{{event.capacity}}</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname"><button class="ui-control button select-time" type="button" ng-click="selectTime(event)" ng-class="{disabled : event.disabled}"><span class="typcn typcn-image">{{event.name | htmlToPlaintext }}</span></button></div></div><div ng-if="event.attrs.length" class="row"><ul class="eventAttrs"><li ng-repeat="attr in event.attrs">{{attr}}</li></ul></div></div></div><div ng-if="!viewModel.calendar.eventTimes.length" class="row empty">There are no events available for your current selection.</div></div></div></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div ng-controller="dateSpecificModalCustomer" data-component="dateSpecificModal" class="calendar-modal"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div class="row"><h2>Select A Date</h2></div><div ng-class="{hide : state.loading}" class="row"><div ng-if="!viewModel.noEvents" class="row m-t-all"><div class="c c-100-all"><div data-component="calendar" class="calendar"><div class="calendar-header"><div class="row month-name"><div class="c c-10-all"><span ng-if="viewModel.calendar.prev" ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" class="arrow typcn typcn-chevron-left"></span></div><div class="c c-40-all month"><span ng-if="viewModel.calendar.monthSelect && viewModel.calendar.month"><select ng-model="viewModel.calendar.month" ng-change="changeMonth()" name="{{viewModel.calendar.monthSelect.name}}" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month.value" ng-selected="month.selected">{{month.text}}</option></select></span></div><div class="c c-40-all year"><span ng-if="viewModel.calendar.yearSelect && viewModel.calendar.year" class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear()" name="{{viewModel.calendar.yearSelect.name}}" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year.value" ng-selected="year.selected">{{year.text}}</option></select></span></div><div class="c c-10-all"><span ng-if="viewModel.calendar.next" ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div ng-class="{hasPriceCalendar: viewModel.calendar.hasPriceCalendar, showPricesOnCalendar: viewModel.calendar.showPricesOnCalendar}" class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" aria-selected="{{day.selected}}" aria-disabled="{{day.other || !day.available}}" ng-class="{empty : day.other, available : day.available || (day.selected), selected : day.selected, hasPrice: day.formattedPrice && viewModel.calendar.showPricesOnCalendar}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div ng-if="day.priceProgramColor" ng-class="['priceProgram-' + day.priceProgramId]" ng-style="{ 'background-color': day.priceProgramColor }" class="arc priceProgramColor"></div><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span><span ng-if="day.formattedPrice && viewModel.calendar.showPricesOnCalendar" class="date-price">{{day.formattedPrice}}</span></div></div></div></div></div><div ng-if="viewModel.calendar.priceLegend" class="row calendar-legend m-t-all"><div class="row legend-header"><p>Legend</p></div><div><div ng-repeat="legend in viewModel.calendar.priceLegend" ng-if="!legend.hidden" class="row legend-item priceProgram-{{legend.PriceProgramID}}"><span ng-style="{'background-color': legend.Color}" class="price-color priceProgram-{{legend.PriceProgramID}}"></span><span class="price-label">{{legend.Name}}</span><span ng-if="legend.hasPriceRange" class="price-range m-l-all"><span class="startingAt">{{legend.startingAtPriceFormatted}}</span><span ng-if="legend.startingAtPrice !== legend.highPointPrice" class="highPoint"> - {{legend.highPointPriceFormatted}}</span></span></div><div class="row legend-item basePrice"><span class="price-color available"></span><span class="price-label">Base Price</span><span ng-if="viewModel.item.basePrice" class="price-range m-l-all"><span class="basePrice">{{viewModel.item.basePriceFormatted}}</span></span></div><div class="row legend-item unavailable"><span class="price-color unavailable"></span><span class="price-label">Unavailable</span></div></div></div></div></div></div><div ng-if="viewModel.noEvents" class="row m-t-all"><h3>There are no events available for your current selection.</h3></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div ng-controller="eventTimeModalCustomer" ng-class="{wide : (device.a && !viewModel.noEvents && !viewModel.autoSelect)}" data-component="eventTimeModal" class="calendar-modal event-time"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div class="row"><h2>Select A Date</h2></div><div ng-class="{hide : state.loading}" class="row"><div ng-if="viewModel.noEvents" class="row"><p>There are no events available for your current selection.</p></div><div ng-if="!viewModel.noEvents" class="row"><div ng-if="device.a && !viewModel.autoSelect" class="row m-t-all"><div class="c c-100-all c-50-a"><div data-component="calendar" class="calendar"><div class="calendar-header"><div class="row month-name"><div class="c c-10-all"><span ng-if="viewModel.calendar.prev" ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" class="arrow typcn typcn-chevron-left"></span></div><div class="c c-40-all month"><span ng-if="viewModel.calendar.monthSelect && viewModel.calendar.month"><select ng-model="viewModel.calendar.month" ng-change="changeMonth()" name="{{viewModel.calendar.monthSelect.name}}" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month.value" ng-selected="month.selected">{{month.text}}</option></select></span></div><div class="c c-40-all year"><span ng-if="viewModel.calendar.yearSelect && viewModel.calendar.year" class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear()" name="{{viewModel.calendar.yearSelect.name}}" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year.value" ng-selected="year.selected">{{year.text}}</option></select></span></div><div class="c c-10-all"><span ng-if="viewModel.calendar.next" ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div ng-class="{hasPriceCalendar: viewModel.calendar.hasPriceCalendar, showPricesOnCalendar: viewModel.calendar.showPricesOnCalendar}" class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" aria-selected="{{day.selected}}" aria-disabled="{{day.other || !day.available}}" ng-class="{empty : day.other, available : day.available || (day.selected), selected : day.selected, hasPrice: day.formattedPrice && viewModel.calendar.showPricesOnCalendar}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div ng-if="day.priceProgramColor" ng-class="['priceProgram-' + day.priceProgramId]" ng-style="{ 'background-color': day.priceProgramColor }" class="arc priceProgramColor"></div><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span><span ng-if="day.formattedPrice && viewModel.calendar.showPricesOnCalendar" class="date-price">{{day.formattedPrice}}</span></div></div></div></div></div><div ng-if="viewModel.calendar.priceLegend" class="row calendar-legend m-t-all"><div class="row legend-header"><p>Legend</p></div><div><div ng-repeat="legend in viewModel.calendar.priceLegend" ng-if="!legend.hidden" class="row legend-item priceProgram-{{legend.PriceProgramID}}"><span ng-style="{'background-color': legend.Color}" class="price-color priceProgram-{{legend.PriceProgramID}}"></span><span class="price-label">{{legend.Name}}</span><span ng-if="legend.hasPriceRange" class="price-range m-l-all"><span class="startingAt">{{legend.startingAtPriceFormatted}}</span><span ng-if="legend.startingAtPrice !== legend.highPointPrice" class="highPoint"> - {{legend.highPointPriceFormatted}}</span></span></div><div class="row legend-item basePrice"><span class="price-color available"></span><span class="price-label">Base Price</span><span ng-if="viewModel.item.basePrice" class="price-range m-l-all"><span class="basePrice">{{viewModel.item.basePriceFormatted}}</span></span></div><div class="row legend-item unavailable"><span class="price-color unavailable"></span><span class="price-label">Unavailable</span></div></div></div></div></div><div class="c c-50-all"><div class="m-l-all"><div data-component="timeSelector" class="time-selector"><div ng-if="viewModel.calendar.eventTimes.length" class="times"><div class="row selected-date">{{viewModel.calendar.selectedEventDate}}</div><div class="row header-row"><div class="c c-25-all"><div class="time">Event Time</div><div ng-if="viewModel.calendar.hasTimePrices" class="header-price">Price</div></div><div class="c availability c-25-all">Status</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">Available</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname">Event Name</div></div><div ng-repeat="event in viewModel.calendar.eventTimes" class="time row m-t-all"><div class="row"><div class="c c-25-all"><div class="time">{{event.time}}</div><div ng-if="viewModel.calendar.hasTimePrices" class="price">{{event.price}}</div></div><div class="c availability c-25-all">{{event.availability}}</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">{{event.capacity}}</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname"><button class="ui-control button select-time" type="button" ng-click="selectTime(event)" ng-class="{disabled : event.disabled}"><span class="typcn typcn-image">{{event.name | htmlToPlaintext }}</span></button></div></div><div ng-if="event.attrs.length" class="row"><ul class="eventAttrs"><li ng-repeat="attr in event.attrs">{{attr}}</li></ul></div></div></div><div ng-if="!viewModel.calendar.eventTimes.length" class="row empty">There are no events available for your current selection.</div></div></div></div></div><div ng-if="!device.a || viewModel.autoSelect" class="row m-t-all"><div ng-if="!state.dateSelected" class="row"><div data-component="calendar" class="calendar"><div class="calendar-header"><div class="row month-name"><div class="c c-10-all"><span ng-if="viewModel.calendar.prev" ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" class="arrow typcn typcn-chevron-left"></span></div><div class="c c-40-all month"><span ng-if="viewModel.calendar.monthSelect && viewModel.calendar.month"><select ng-model="viewModel.calendar.month" ng-change="changeMonth()" name="{{viewModel.calendar.monthSelect.name}}" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month.value" ng-selected="month.selected">{{month.text}}</option></select></span></div><div class="c c-40-all year"><span ng-if="viewModel.calendar.yearSelect && viewModel.calendar.year" class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear()" name="{{viewModel.calendar.yearSelect.name}}" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year.value" ng-selected="year.selected">{{year.text}}</option></select></span></div><div class="c c-10-all"><span ng-if="viewModel.calendar.next" ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div ng-class="{hasPriceCalendar: viewModel.calendar.hasPriceCalendar, showPricesOnCalendar: viewModel.calendar.showPricesOnCalendar}" class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" aria-selected="{{day.selected}}" aria-disabled="{{day.other || !day.available}}" ng-class="{empty : day.other, available : day.available || (day.selected), selected : day.selected, hasPrice: day.formattedPrice && viewModel.calendar.showPricesOnCalendar}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div ng-if="day.priceProgramColor" ng-class="['priceProgram-' + day.priceProgramId]" ng-style="{ 'background-color': day.priceProgramColor }" class="arc priceProgramColor"></div><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span><span ng-if="day.formattedPrice && viewModel.calendar.showPricesOnCalendar" class="date-price">{{day.formattedPrice}}</span></div></div></div></div></div><div ng-if="viewModel.calendar.priceLegend" class="row calendar-legend m-t-all"><div class="row legend-header"><p>Legend</p></div><div><div ng-repeat="legend in viewModel.calendar.priceLegend" ng-if="!legend.hidden" class="row legend-item priceProgram-{{legend.PriceProgramID}}"><span ng-style="{'background-color': legend.Color}" class="price-color priceProgram-{{legend.PriceProgramID}}"></span><span class="price-label">{{legend.Name}}</span><span ng-if="legend.hasPriceRange" class="price-range m-l-all"><span class="startingAt">{{legend.startingAtPriceFormatted}}</span><span ng-if="legend.startingAtPrice !== legend.highPointPrice" class="highPoint"> - {{legend.highPointPriceFormatted}}</span></span></div><div class="row legend-item basePrice"><span class="price-color available"></span><span class="price-label">Base Price</span><span ng-if="viewModel.item.basePrice" class="price-range m-l-all"><span class="basePrice">{{viewModel.item.basePriceFormatted}}</span></span></div><div class="row legend-item unavailable"><span class="price-color unavailable"></span><span class="price-label">Unavailable</span></div></div></div></div></div><div ng-if="state.dateSelected" class="row"><div class="row change-date"><div class="c c-50-c"><button class="ui-control button" type="button" ng-click="back()"><span class="typcn typcn-arrow-back">Change Date</span></button></div></div><div class="row m-t-all"><div data-component="timeSelector" class="time-selector"><div ng-if="viewModel.calendar.eventTimes.length" class="times"><div class="row selected-date">{{viewModel.calendar.selectedEventDate}}</div><div class="row header-row"><div class="c c-25-all"><div class="time">Event Time</div><div ng-if="viewModel.calendar.hasTimePrices" class="header-price">Price</div></div><div class="c availability c-25-all">Status</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">Available</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname">Event Name</div></div><div ng-repeat="event in viewModel.calendar.eventTimes" class="time row m-t-all"><div class="row"><div class="c c-25-all"><div class="time">{{event.time}}</div><div ng-if="viewModel.calendar.hasTimePrices" class="price">{{event.price}}</div></div><div class="c availability c-25-all">{{event.availability}}</div><div ng-if="viewModel.showCapacity" class="c c-20-all capacity">{{event.capacity}}</div><div ng-class="{'c-30-all': viewModel.showCapacity, 'c-50-all': !viewModel.showCapacity}" class="c eventname"><button class="ui-control button select-time" type="button" ng-click="selectTime(event)" ng-class="{disabled : event.disabled}"><span class="typcn typcn-image">{{event.name | htmlToPlaintext }}</span></button></div></div><div ng-if="event.attrs.length" class="row"><ul class="eventAttrs"><li ng-repeat="attr in event.attrs">{{attr}}</li></ul></div></div></div><div ng-if="!viewModel.calendar.eventTimes.length" class="row empty">There are no events available for your current selection.</div></div></div></div></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div data-component="multiTimeSelectorModal" ng-controller="multiTimeSelectorModalCustomer" ng-class="{wide : device.a && !viewModel.noEvents}" class="multi-time-selector-modal calendar-modal event-time"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div class="row"><h2>Select Events</h2></div><div ng-class="{hide : state.loading}" class="row"><div ng-if="viewModel.noEvents" class="row"><p>There are no events available for your current selection.</p></div><div ng-if="!viewModel.noEvents" class="row"><div ng-if="device.a" class="row m-t-all"><div class="row"><div class="c c-100-all c-50-a"><div data-component="calendar" class="calendar"><div class="calendar-header"><div class="row month-name"><div class="c c-10-all"><span ng-if="viewModel.calendar.prev" ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" class="arrow typcn typcn-chevron-left"></span></div><div class="c c-40-all month"><span ng-if="viewModel.calendar.monthSelect && viewModel.calendar.month"><select ng-model="viewModel.calendar.month" ng-change="changeMonth()" name="{{viewModel.calendar.monthSelect.name}}" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month.value" ng-selected="month.selected">{{month.text}}</option></select></span></div><div class="c c-40-all year"><span ng-if="viewModel.calendar.yearSelect && viewModel.calendar.year" class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear()" name="{{viewModel.calendar.yearSelect.name}}" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year.value" ng-selected="year.selected">{{year.text}}</option></select></span></div><div class="c c-10-all"><span ng-if="viewModel.calendar.next" ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div ng-class="{hasPriceCalendar: viewModel.calendar.hasPriceCalendar, showPricesOnCalendar: viewModel.calendar.showPricesOnCalendar}" class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" aria-selected="{{day.selected}}" aria-disabled="{{day.other || !day.available}}" ng-class="{empty : day.other, available : day.available || (day.selected), selected : day.selected, hasPrice: day.formattedPrice && viewModel.calendar.showPricesOnCalendar}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div ng-if="day.priceProgramColor" ng-class="['priceProgram-' + day.priceProgramId]" ng-style="{ 'background-color': day.priceProgramColor }" class="arc priceProgramColor"></div><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span><span ng-if="day.formattedPrice && viewModel.calendar.showPricesOnCalendar" class="date-price">{{day.formattedPrice}}</span></div></div></div></div></div><div ng-if="viewModel.calendar.priceLegend" class="row calendar-legend m-t-all"><div class="row legend-header"><p>Legend</p></div><div><div ng-repeat="legend in viewModel.calendar.priceLegend" ng-if="!legend.hidden" class="row legend-item priceProgram-{{legend.PriceProgramID}}"><span ng-style="{'background-color': legend.Color}" class="price-color priceProgram-{{legend.PriceProgramID}}"></span><span class="price-label">{{legend.Name}}</span><span ng-if="legend.hasPriceRange" class="price-range m-l-all"><span class="startingAt">{{legend.startingAtPriceFormatted}}</span><span ng-if="legend.startingAtPrice !== legend.highPointPrice" class="highPoint"> - {{legend.highPointPriceFormatted}}</span></span></div><div class="row legend-item basePrice"><span class="price-color available"></span><span class="price-label">Base Price</span><span ng-if="viewModel.item.basePrice" class="price-range m-l-all"><span class="basePrice">{{viewModel.item.basePriceFormatted}}</span></span></div><div class="row legend-item unavailable"><span class="price-color unavailable"></span><span class="price-label">Unavailable</span></div></div></div></div></div><div class="c c-50-all"><div class="m-l-all"><div ng-if="viewModel.calendar.times.length" class="row"><div class="row"><h3>{{viewModel.calendar.timeHeader}}</h3></div><div ng-if="state.selectOneError" class="row"><div class="error">Please select at least one event.</div></div><div class="row m-t-all"><div data-component="timeSelectorMulti" class="time-selector multi row"><div class="row header header-row"><div ng-class="{'c-25-all': !viewModel.showCapacity, 'c-15-all': viewModel.showCapacity }" class="c status">Status</div><div class="c c-20-all name">Event Name</div><div class="c c-20-all"><div class="time">Event Time</div><div ng-if="viewModel.calendar.hasPriceCalendar && !viewModel.calendar.showPricesOnCalendar" class="header-price">Price</div></div><div ng-if="viewModel.showCapacity" class="c c-10-all availability">Available</div><div class="c c-35-all quantity">Qty</div></div><div ng-if="viewModel.calendar.times.length" class="times row m-t-all"><div ng-repeat="time in viewModel.calendar.times" ng-class="{'sold-out': time.quantity.disabled}" class="time m-t-all"><div class="row"><div ng-class="{'c-25-all': !viewModel.showCapacity, 'c-15-all': viewModel.showCapacity }" class="c status">{{time.status}}</div><div class="c c-20-all name">{{time.name}}</div><div class="c c-20-all"><div class="time">{{time.time}}</div><div ng-if="viewModel.calendar.hasPriceCalendar && !viewModel.calendar.showPricesOnCalendar" class="price">{{time.price}}</div></div><div ng-if="viewModel.showCapacity" class="c c-10-all availability">{{time.availability}}</div><div class="c c-35-all quantity"><div ng-class="{'ctrl-disabled' : time.quantity.disabled}" class="quantity-control row"><button type="button" ng-click="time.quantity.decrement()" aria-label="Decrease quantity for {{ time.name + " " + time.time }}" class="prev typcn typcn-minus"></button><input type="text" ng-model="time.quantity.value" ng-disabled="time.quantity.disabled" name="{{time.quantity.name}}" ng-change="time.quantity.onChange()" aria-label="Enter a quantity for {{ time.name + " " + time.time }}" ng-blur="time.quantity.onChange()"/><button type="button" ng-click="time.quantity.increment()" aria-label="Increase quantity for {{ time.name + " " + time.time }}" class="next typcn typcn-plus"></button></div></div></div></div></div></div></div><div class="row footer m-t-all"><div class="c c-70-all"> </div><div class="c c-30-all c-100-c"><button class="ui-control button feature" type="button" ng-click="select()" name="{{viewModel.calendar.continueButton.name}}"><span class="typcn typcn-arrow-right">Continue</span></button></div></div></div><div ng-if="!viewModel.calendar.times.length" class="row empty">There are no events available for your current selection.</div></div></div></div></div><div ng-if="!device.a" class="row m-t-all"><div ng-if="!state.dateSelected" class="row"><div data-component="calendar" class="calendar"><div class="calendar-header"><div class="row month-name"><div class="c c-10-all"><span ng-if="viewModel.calendar.prev" ng-click="prevMonth()" ng-keypress="onEnterOrSpaceKey($event, prevMonth)" role="button" aria-label="Go to previous month" name="{{viewModel.calendar.prev.name}}" class="arrow typcn typcn-chevron-left"></span></div><div class="c c-40-all month"><span ng-if="viewModel.calendar.monthSelect && viewModel.calendar.month"><select ng-model="viewModel.calendar.month" ng-change="changeMonth()" name="{{viewModel.calendar.monthSelect.name}}" aria-label="Select a month"><option ng-repeat="month in viewModel.calendar.months" ng-value="month.value" ng-selected="month.selected">{{month.text}}</option></select></span></div><div class="c c-40-all year"><span ng-if="viewModel.calendar.yearSelect && viewModel.calendar.year" class="typcn typcn-arrow-unsorted"><select ng-model="viewModel.calendar.year" ng-change="changeYear()" name="{{viewModel.calendar.yearSelect.name}}" aria-label="Select a year"><option ng-repeat="year in viewModel.calendar.years" ng-value="year.value" ng-selected="year.selected">{{year.text}}</option></select></span></div><div class="c c-10-all"><span ng-if="viewModel.calendar.next" ng-click="nextMonth()" ng-keypress="onEnterOrSpaceKey($event, nextMonth)" role="button" aria-label="Go to next month" name="{{viewModel.calendar.next.name}}" class="arrow typcn typcn-chevron-right right"></span></div></div><div class="row day-names m-t-a m-t-b"><div class="c c-14-all">{{viewModel.calendar.dayHeaders[0] || 'Su'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[1] || 'Mo'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[2] || 'Tu'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[3] || 'We'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[4] || 'Th'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[5] || 'Fr'}}</div><div class="c c-14-all">{{viewModel.calendar.dayHeaders[6] || 'Sa'}}</div></div></div><div ng-class="{hasPriceCalendar: viewModel.calendar.hasPriceCalendar, showPricesOnCalendar: viewModel.calendar.showPricesOnCalendar}" class="row calendar-body"><div class="row"><div ng-repeat="day in viewModel.calendar.days" ng-click="selectDay(day)" ng-keypress="onEnterOrSpaceKey($event, selectDay)" role="button" aria-label="{{day.ariaLabel}}" aria-selected="{{day.selected}}" aria-disabled="{{day.other || !day.available}}" ng-class="{empty : day.other, available : day.available || (day.selected), selected : day.selected, hasPrice: day.formattedPrice && viewModel.calendar.showPricesOnCalendar}" data-target="{{day.target}}" class="c c-14-all day"><div class="ar ar-70-all"><div ng-if="day.priceProgramColor" ng-class="['priceProgram-' + day.priceProgramId]" ng-style="{ 'background-color': day.priceProgramColor }" class="arc priceProgramColor"></div><div class="arc"><span class="spacer"></span><span class="date-text">{{day.date}}</span><span ng-if="day.formattedPrice && viewModel.calendar.showPricesOnCalendar" class="date-price">{{day.formattedPrice}}</span></div></div></div></div></div><div ng-if="viewModel.calendar.priceLegend" class="row calendar-legend m-t-all"><div class="row legend-header"><p>Legend</p></div><div><div ng-repeat="legend in viewModel.calendar.priceLegend" ng-if="!legend.hidden" class="row legend-item priceProgram-{{legend.PriceProgramID}}"><span ng-style="{'background-color': legend.Color}" class="price-color priceProgram-{{legend.PriceProgramID}}"></span><span class="price-label">{{legend.Name}}</span><span ng-if="legend.hasPriceRange" class="price-range m-l-all"><span class="startingAt">{{legend.startingAtPriceFormatted}}</span><span ng-if="legend.startingAtPrice !== legend.highPointPrice" class="highPoint"> - {{legend.highPointPriceFormatted}}</span></span></div><div class="row legend-item basePrice"><span class="price-color available"></span><span class="price-label">Base Price</span><span ng-if="viewModel.item.basePrice" class="price-range m-l-all"><span class="basePrice">{{viewModel.item.basePriceFormatted}}</span></span></div><div class="row legend-item unavailable"><span class="price-color unavailable"></span><span class="price-label">Unavailable</span></div></div></div></div></div><div ng-if="state.dateSelected" class="row"><div class="row"><h3>{{viewModel.calendar.timeHeader}}</h3></div><div ng-if="state.selectOneError" class="row m-t-all"><div class="error">Please select at least one event.</div></div><div class="row m-t-all"><div data-component="timeSelectorMulti" class="time-selector multi row"><div class="row header header-row"><div ng-class="{'c-25-all': !viewModel.showCapacity, 'c-15-all': viewModel.showCapacity }" class="c status">Status</div><div class="c c-20-all name">Event Name</div><div class="c c-20-all"><div class="time">Event Time</div><div ng-if="viewModel.calendar.hasPriceCalendar && !viewModel.calendar.showPricesOnCalendar" class="header-price">Price</div></div><div ng-if="viewModel.showCapacity" class="c c-10-all availability">Available</div><div class="c c-35-all quantity">Qty</div></div><div ng-if="viewModel.calendar.times.length" class="times row m-t-all"><div ng-repeat="time in viewModel.calendar.times" ng-class="{'sold-out': time.quantity.disabled}" class="time m-t-all"><div class="row"><div ng-class="{'c-25-all': !viewModel.showCapacity, 'c-15-all': viewModel.showCapacity }" class="c status">{{time.status}}</div><div class="c c-20-all name">{{time.name}}</div><div class="c c-20-all"><div class="time">{{time.time}}</div><div ng-if="viewModel.calendar.hasPriceCalendar && !viewModel.calendar.showPricesOnCalendar" class="price">{{time.price}}</div></div><div ng-if="viewModel.showCapacity" class="c c-10-all availability">{{time.availability}}</div><div class="c c-35-all quantity"><div ng-class="{'ctrl-disabled' : time.quantity.disabled}" class="quantity-control row"><button type="button" ng-click="time.quantity.decrement()" aria-label="Decrease quantity for {{ time.name + " " + time.time }}" class="prev typcn typcn-minus"></button><input type="text" ng-model="time.quantity.value" ng-disabled="time.quantity.disabled" name="{{time.quantity.name}}" ng-change="time.quantity.onChange()" aria-label="Enter a quantity for {{ time.name + " " + time.time }}" ng-blur="time.quantity.onChange()"/><button type="button" ng-click="time.quantity.increment()" aria-label="Increase quantity for {{ time.name + " " + time.time }}" class="next typcn typcn-plus"></button></div></div></div></div></div></div></div><div class="row footer m-t-all"><div class="c c-50-c"><div class="m-r-c"><button class="ui-control button" type="button" ng-click="back()"><span class="typcn typcn-arrow-back">Change Date</span></button></div></div><div class="c-r c-50-c"><button class="ui-control button feature" type="button" ng-click="select()" name="{{viewModel.calendar.continueButton.name}}"><span class="typcn typcn-arrow-right">{{viewModel.calendar.continueButton.text | htmlToPlaintext}}</span></button></div></div></div></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div></div><div ng-controller="ErrorModalCustomer" class="errorModal row"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div ng-class="{hide : state.loading}" class="row"><div class="row"><h2>Error/Erreur</h2></div><div class="row errorContent"><div ng-if="viewModel.genericError" class="m-t-all">An error occurred on this page that requires attention.</div><div ng-if="viewModel.errorList.length > 0" class="errorList"><div ng-repeat="err in viewModel.errorList" class="error m-t-all"><span ng-bind-html="err"></span></div></div></div><div class="row m-t-all"><div class="c c-100-all"><button class="ui-control button btn-close" type="button" ng-click="closeModal()"><span>Close</span></button></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div><div data-component="sessionHandleModal" ng-controller="SessionHandleModalCustomer" class="sessionHandleModal"><div ng-if="state.showModal" ng-click="closeModal()" role="button" ng-keypress="onEnterOrSpaceKey($event, closeModal)" aria-label="Click the background to close the dialog" class="modal-mask"></div><div ng-if="state.showModal" class="modal info-modal w-auto-c"><div class="p-all-all modal-content"><div ng-click="closeModal()" ng-keypress="onEnterOrSpaceKey($event, closeModal)" role="button" aria-label="Close the dialog" class="close"><span class="typcn typcn-delete"></span></div><div ng-class="{hide : state.loading}" class="row"><div class="module"><div class="row"><h2>Session Warning</h2></div><div ng-if="viewModel.sessionWarning" class="warning m-t-all"><div class="row">Your session is expiring soon.</div><div class="m-t-all"><button class="ui-control button extendSession" type="button" ng-click="extendSession()"><span class="typcn typcn-arrow-sync">Extend Session</span></button></div></div><div ng-if="viewModel.sessionExpired" class="expired m-t-all"><div class="row">Your session has expired.</div><div ng-if="viewModel.restartUrl" class="m-t-all"><button class="ui-control button restartSession" type="button" ng-click="restartSession()"><span class="typcn typcn-arrow-back">Start Over</span></button></div></div></div></div><div ng-class="{hide : !state.loading}" class="row loading-container ar ar-70-all"><div class="arc"><div class="loading"><div class="shift"><img ng-src="{{viewModel.root}}/FrontEnd/GTS/img/ajax-loader.gif" alt="Loading..."/></div></div></div></div></div></div></div></div> </div> </div> </div> </div> <div id="SubFooter" data-replace="subFooter" data-parser="wshtml"> </div> <div class="footer"> <div data-replace="Footer" data-parser="wshtml"> <div id="footer" ng-controller="footerCustomer"> <div class="pre_footer" style="border-top: 1px solid #C4C5C9; margin-top: 50px;"> <p class="footer-ankose"><span class="ankose-word-1">Ankosé</span><span> – </span><span class="ankose-word-2">Everything is connected</span><span> – </span><span class="ankose-word-3">Tout est relié</span></p> </div> <div class="top_footer"> <div class="container"> <div class="c c-33-all c-100-b c-100-c ta-c-all"> <ul class="footer_social"> <li class="m-r-all"><a class="facebook-item" href="https://web.archive.org/web/20211023233937/https://www.facebook.com/nationalgallerycanada" rel="noreferrer" target="_blank"><i class="fab fa-facebook"></i></a></li> <li class="m-r-all"><a class="twitter-item" href="https://web.archive.org/web/20211023233937/https://twitter.com/NatGalleryCan" rel="noreferrer" target="_blank"><i class="fab fa-twitter"></i></a></li> <li class="m-r-all"><a class="instagram-item" href="https://web.archive.org/web/20211023233937/https://www.instagram.com/NatGalleryCan/" rel="noreferrer" target="_blank"><i class="fab fa-instagram"></i></a></li> <li><a class="youtube-item" href="https://web.archive.org/web/20211023233937/https://www.youtube.com/user/ngcmedia" rel="noreferrer" target="_blank"><i class="fab fa-youtube"></i></a></li> </ul> </div> <div class="btm_footer"> <div class="c c-50-all c-100-c"> <div class="m-r-all"> <ul> <li><a href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/privacy-notice">Privacy Notice</a></li> <li><a href="https://web.archive.org/web/20211023233937/https://www.gallery.ca/terms-of-use">Terms of Use</a></li> </ul> </div> </div> <div class="c c-100-all c-100-c tr-c-all ta-l-c"> <p class="copyright">Copyright © 2021 National Gallery of Canada</p> <div class="footer_logo"><img ng-src="{{root}}FrontEnd/ngc/img/canada-logo.png"/></div> </div> </div> </div> </div> </div> </div> <div class="footerContainer"> <div id="footerLogo"> <p> Copyright ?2014 Gateway Ticketing Systems, Inc. </p> </div> </div> </div> </div> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="AD252383"/> </div></form> <script id="current-language-template" type="text/x-jsrender"> <div class="current-language" data-id={{>Id}}> <span class="more"></span> {{if HasImage}} <img class="flag" src="{{>imageRoot}}api/LanguageImage/{{>Id}}"/> {{/if}} <span class="language">{{>Name}}</span> </div> </script> <script id="language-options-template" type="text/x-jsrender"> <div class="language-option" data-id={{>Id}}> {{if HasImage}} <img class="flag" src="{{>imageRoot}}api/LanguageImage/{{>Id}}"/> {{/if}} <span class="language">{{>Name}}</span> </div> </script> </body> </html>