- ID scansione:
- d30a47b3-bba9-417d-a147-ac204b0c9892Fatto
- URL inviato:
- https://hudsongreenemarket.applova.menu/Reindirizzato
- Report terminato:
Link · 5 trovati
I link in uscita identificati dalla pagina
| Link | Testo |
|---|---|
| https://applova.io/ | Applova footer logo - Go to Applova website |
| https://policies.google.com/privacy | Privacy Policy |
| https://policies.google.com/terms | Terms of Service |
| https://play.google.com/store/apps/details?id=io.applova.standalone.pkgBIZ_2uq122636a6 | google appstore - links open in a new tab |
| https://apps.apple.com/app/hudson-greene-market/id1535886179 | apple appstore - links open in a new tab |
Variabili JavaScript · 315 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
| Nome | Tipo |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| 3 | object |
| 4 | object |
| 5 | object |
| 6 | object |
| 7 | object |
| 8 | object |
| onbeforetoggle | object |
Messaggi di log della console · 9 trovati
Messaggi registrati nella console Web
| Tipo | Categoria | Log |
|---|---|---|
| warning | other |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| warning | other |
|
HTML
Il corpo HTML non elaborato della pagina
<!DOCTYPE html><html lang="en" class=" js cssanimations" style="--main-theme-color: #80b601;"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="description" content="Order now from Hudson Greene Market">
<meta property="og:description" content="Order now from Hudson Greene Market">
<link rel="icon" type="image/png" href="https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/business/app-icon.jpg?time=1718432922179">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/css/jquery-ui.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/css/common.css?version=1.73.0.RELEASE">
<link rel="stylesheet" type="text/css" href="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/css/notification-fx.css">
<link rel="stylesheet" type="text/css" href="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/css/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<script src="https://apis.google.com/_/scs/abc-static/_/js/k=gapi.lb.en.N4A9eqvTwsI.O/m=auth2,client/rt=j/sv=1/d=1/ed=1/am=AACA/rs=AHpOoo_O6fwbR1aR8YHQkB3I0FTV0L0UIA/cb=gapi.loaded_0?le=scs" async=""></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><script src="https://connect.facebook.net/en_US/sdk.js?hash=199bf1712adbe292ad41daa8dd4b23b2" async="" crossorigin="anonymous"></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script id="facebook-jssdk" src="//connect.facebook.com/en_US/sdk.js"></script><script src="https://applova-resources.s3.amazonaws.com/webres/webv1/common/javascript/moment.js"></script>
<script src="https://applova-resources.s3.amazonaws.com/webres/webv1/common/javascript/moment-timezone-with-data.js"></script>
<script src="https://applova-resources.s3.amazonaws.com/webres/webv1/common/javascript/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://applova-resources.s3.amazonaws.com/webres/webv1/common/javascript/jquery-ui.min.js"></script>
<script src="https://applova-resources.s3.amazonaws.com/webres/webv1/common/javascript/modernizr.custom.js"></script>
<script src="https://apis.google.com/js/api.js" gapi_processed="true"></script>
<script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
<script src="https://apis.google.com/js/api.js" gapi_processed="true"></script>
<script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/json2.js"></script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/classie.js"></script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/notificationFx.js"></script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/jscript.js"></script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/cookie-policy-handler.js"></script>
<script>
var recaptchaOnload = function () {
initReCaptcha("6LduM1IpAAAAADIfFZSijT9tPW9vhLqecAQdSHuB", "BIZ_2uq122636a6");
}
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=recaptchaOnload&render=explicit" async="" defer=""></script>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/css/common-ie.css">
<![endif]-->
<title>Hudson Greene Market</title>
<style>
.location-popup__maximized.minimized .location-popup__maximized-icon {
font-size: 16px;
width: 40px;
height: 40px;
color: #ffffff;
background-color: #80b601;
padding: 9px 14px;
margin-top: -5px;
}
</style>
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
window.onload = function () {
if (document.getElementById('isFacebookPixelEnabled') != null && document.getElementById('isFacebookPixelEnabled').value === 'true') {
var facebookPixelId = document.getElementById("facebookPixelId").value;
fbq('init', facebookPixelId);
fbq('track', 'PageView');
}
}
</script>
<!-- End Facebook Pixel Code -->
<style type="text/css" data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0px;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0px;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0px;margin:0px;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0px 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0px -1px 0px;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0px -1px 0px}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}</style></head>
<body id="webstore-body" class=""><input type="hidden" id="userEventAnalyticsKey" value="">
<input type="hidden" value="">
<script>
const userEventAnalyticsAuthKey = document.getElementById('userEventAnalyticsKey').value;
let analyticsCriteria = userEventAnalyticsAuthKey !== '' && userEventAnalyticsAuthKey !== '???applova.user.event.analytics.auth.key???';
if (analyticsCriteria) {
EventLogger.init(userEventAnalyticsAuthKey, 'BIZ_2uq122636a6', 'America/New_York', true);
if (!sessionStorage.getItem("pageViewEventSent")) {
EventLogger.storehomeViewed();
sessionStorage.setItem("pageViewEventSent", true);
}
}
$(document).ready(function () {
if (false) {
if (analyticsCriteria) {
if (sessionStorage.getItem("loggedInUserName") && !sessionStorage.getItem("loginEventSent")) {
let userName = sessionStorage.getItem("loggedInUserName");
EventLogger.customerLogin(userName, null);
sessionStorage.setItem("loginEventSent", true);
console.log("applova user event analytics : customer login");
}
if (sessionStorage.getItem("signUpUserName") && !sessionStorage.getItem("loginEventSent")) {
let userName = sessionStorage.getItem("signUpUserName");
EventLogger.customerSignup(userName, null);
sessionStorage.setItem("loginEventSent", true);
console.log("applova user event analytics : customer signup");
}
}
}
document.documentElement.style.setProperty('--main-theme-color', '#80b601');
$('#user-profile-dropdown').on('click', function () {
if ($('.show-right-menu-1').hasClass('active')) {
hideRightMenu()
hideCheckoutMenu()
}
if ($('.show-right-menu-notification-inbox').hasClass('active')) {
toggleNotificationList()
}
});
});
</script>
<a href="#main-content-div" class="skip-to-content" aria-hidden="false" aria-label="Skip to main content">Skip to main
content</a>
<nav class="navbar navbar-default" style="background-color:#80b601;">
<div class="container">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1 style="margin-top: 0; margin-bottom: 0" data-ui-id="navbar-business_name">
<a href="/webstore/;jsessionid=BA88AB384D88327061D9E3A7ED193787?bid=BIZ_2uq122636a6" class="navbar-brand business-name" tabindex="0" aria-label="Business Name - Hudson Greene Market" style="color: #ffffff;">Hudson Greene Market</a>
</h1>
<div class="main pull-right">
<section>
<button class="menu-product-btn dropdown-toggle pull-right c-button" id="show-right-menu-0" aria-label="Get cart Items" onclick="getCartItems('/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','BIZ_2uq122636a6','','');"><i class="fa fa-shopping-cart fa-lg"></i><span class="menu-product-amount" id="navbar-cart-area-count-small-1">0</span>
</button>
</section>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" data-ui-id="navbar-links-container">
<ul class="nav navbar-nav navbar-right">
<li class="active;" data-ui-id="navbar-links-home">
<a aria-label="Go to home page" href="/webstore/;jsessionid=BA88AB384D88327061D9E3A7ED193787?bid=BIZ_2uq122636a6" style="color: #ffffff"><i class="fa fa-home"></i>Home</a>
</li>
<li data-ui-id="navbar-links-cart">
<button id="show-right-menu-1" aria-label="Get cart items" tabindex="0" role="button" onclick="getCartItems('/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','BIZ_2uq122636a6','','');" style="color: #ffffff"><i class="fa fa-shopping-cart"></i>My Cart<span class="menu-product-amount" id="navbar-cart-area-count-small-2">0</span></button>
</li>
<li data-ui-id="navbar-links-inbox">
<a onclick="toggleInbox('/webstore/notification-inbox.json;jsessionid=BA88AB384D88327061D9E3A7ED193787','BIZ_2uq122636a6', false, '');" aria-label="view inbox" role="button" tabindex="0" style="color: #ffffff"><i class="fa fa-inbox" role="presentation"></i>
Inbox
</a>
</li>
<li data-ui-id="navbar-links-contact">
<a data-toggle="modal" data-target="#contact-us" href="#!" aria-label="Contact us" style="color: #ffffff"><i class="fa fa-phone" role="presentation"></i>
Contact Us
</a>
</li>
<li data-ui-id="navbar-links-search">
<a data-toggle="modal" data-target="#search" href="#!" aria-label="Search products" style="color: #ffffff"><i class="fa fa-search" role="presentation"></i>
Search </a></li>
<li id="sign-in-option-button">
<a data-toggle="modal" href="#!" data-target="#sign-in-modal" aria-label="Sign in" style="color: #ffffff">
<i class="fa fa-lock" role="presentation"></i>
Sign In
</a>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</div>
</nav>
<noscript>
<style type="text/css">
.container {
display: none;
}
</style>
<div class="row">
<div class="content-block">
<div class="col-md-4 col-md-offset-4">
<div class="right-card with-footer">
<h6 class="sub-topic-border-bottom">JavaScript Required</h6>
<p>We're sorry, but doesn't work properly without JavaScript enabled.</p>
<a class="primary-btn common-btn pull-right"
role="button"
href="/webstore/;jsessionid=BA88AB384D88327061D9E3A7ED193787?bid=BIZ_2uq122636a6"
style="background-color:#80b601;border-color:#80b601">Reload</a>
</div>
</div>
</div>
</div>
</noscript>
<div class="right-menu-pane">
<div class="right-menu show-right-menu-1 " style="z-index: 1000; display: none">
<div id="right-menu-header-classic" class="right-menu-header" style="background-color:#80b601">
<h4><i class="fa fa-shopping-cart"></i> Cart
<button class="danger-btn pull-right prevent-select" data-toggle="modal" id="cart-clear-all-btn" data-target="#remove-from-cart">
<i class="fa fa-trash"></i> Clear All
</button>
</h4>
</div>
<div id="loading-cart-view" class="cart-loading-content">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw icon"></i>
<span style="">Please Wait...</span>
</div>
<div id="addShoppingCartItem"></div>
</div>
<div class="right-menu show-right-menu-2" style="z-index: 1000; display: none">
<div id="loading-purchases-view" class="cart-loading-content">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw icon"></i>
<span style="">Please Wait...</span>
</div>
<div id="addShoppingCartSummaryItem"></div>
</div>
<div class="right-menu show-right-menu-notification-inbox" style="z-index: 1000">
<div id="notification-inbox-content"></div>
<div class="col-sm-12 no-padding container loading-container hide" id="notifications-loading-area" style="display: flex;align-items: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);">
<div style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw" style="color: #9d9d9d;"></i>
<span style="color: #9d9d9d;">Please Wait...</span>
</div>
</div>
</div>
</div>
<main class="keep-height">
<script>
</script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/custom/index.js"></script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/custom/add-to-cart.js"></script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/custom/add-to-cart-v2.js"></script>
<script src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/javascript/custom/category-grid-view.js"></script>
<div class="container" onclick="hideRightMenu();" id="main-content-div">
<div class="row content-block" style="margin-top: 75px">
<h1 style="display: none" aria-hidden="false">Category page.</h1>
<script>
$(document).ready(function () {
var isOnlyDineInBusiness = $('#is-only-dine-in-business').val();
var dineInTableNumber = $('#dine-in-table-number').val();
if (isOnlyDineInBusiness === 'true' && (dineInTableNumber == null || dineInTableNumber === "")) {
$('#dine-in-start-new-order-warning-modal').modal('show');
}
var tableId = $('#table-ordering-table-id').val();
if (tableId != null && tableId.trim() !== "") {
$('#tableId-input').val(tableId.trim());
$('#table-ordering-passcode-modal').modal('show');
}
if (getQueryStringValue("isCartOpen") === 'true') {
getCartItems('/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787', 'BIZ_2uq122636a6', '', '');
}
if (getQueryStringValue("guestLogin") === 'true') {
$('#sign-in-or-guest-modal').modal("hide");
$('#guest-sign-up-modal').modal("show");
$('#guest-sign-up-invalid-msisdn-error').removeClass('hide');
}
if (getQueryStringValue("isCallWaiterSuccess") === 'true') {
$('#table-ordering-call-waiter-success-modal').modal('show');
}
});
function getQueryStringValue(key) {
return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURIComponent(key).replace(/[\.\+\*]/g, "\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));
}
// Would write the value of the QueryString-variable called name to the console
// console.log(getQueryStringValue("name"));
</script>
<style>
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
div#webstore-banner-logo {
text-align: center;
}
p#webstore-banner-title {
font-size: 16px !important;
text-align: center;
}
p#webstore-banner-text {
font-size: 10px !important;
text-align: center;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
div#webstore-banner-logo {
text-align: center;
}
p#webstore-banner-title {
font-size: 16px !important;
text-align: center;
}
p#webstore-banner-text {
font-size: 10px !important;
text-align: center;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
p#webstore-banner-title {
font-size: 16px !important;
}
p#webstore-banner-text {
font-size: 10px !important;
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
div#webstore-banner-logo {
text-align: center;
}
p#webstore-banner-title {
font-size: 16px !important;
}
p#webstore-banner-text {
font-size: 12px !important;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
div#webstore-banner-logo {
text-align: center;
}
p#webstore-banner-title {
font-size: 30px !important;
text-align: center;
}
p#webstore-banner-text {
font-size: 12px !important;
text-align: center;
}
}
</style>
<div class="col-md-12" style="margin: 0px;">
<p style="background: #fff; border-radius: 5px; box-shadow: 1px 1px 10px #00000047; padding: 10px; border: 1px solid #80b601;">
8 am-2 pm Monday through Friday except Federal Holidays.
</p>
</div>
<input type="hidden" id="table-ordering-table-id" value="">
<input type="hidden" id="is-only-dine-in-business" value="false">
<input type="hidden" id="dine-in-table-number" value="">
<style>
@media (max-width: 992px) {
.on-going-orders-banner .col-xs-2 {
display: none !important;
}
.on-going-orders-banner .col-xs-7 {
width: 75% !important;
}
}
</style>
</div>
<div class="row content-block" style="margin-top: 0" id="content" data-ui-id="home_page-categories-container">
<div class="row">
<div class="col-md-12 hide" id="error-view">
<div class="error-message input-group">
<span class="input-group-addon"><i class="fa fa-exclamation-triangle"></i></span>
<div class="error-message__text">Turn off <b>Private Browsing</b> to Use Order Ahead</div>
</div>
</div>
</div>
<style>
.overlay-noimage {
position: unset !important;
height: 100% !important;
display: flex !important;
align-items: center;
justify-content: center;
opacity: 0.85;
background-color: #80b601 !important;
}
.overlay-noimage .text {
font-size: 20px;
margin-bottom: 0px;
text-align: center;
position: unset !important;
text-shadow: 1px 1px 5px #000000b5;
}
</style>
<div class="col-md-4 col-sm-6" data-ui-id="home_page-single_category-container">
<input type="hidden" id="categoryName-CAT_eoxc7dbm6b2" value="Sandwiches">
<a aria-label="Go to Category Sandwiches." class="viewCategoryLink" id="CAT_eoxc7dbm6b2" href="/webstore/categories/CAT_eoxc7dbm6b2/products;jsessionid=BA88AB384D88327061D9E3A7ED193787?category=Sandwiches&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6" data-tooltip="tooltip" data-placement="bottom" title="Click to View Category">
<div class="home-products " role="img" aria-label="Category image for Sandwiches." data-ui-id="home_page-category-image" style="background-image: url('https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/products/PRD_201c89cy77b_1712759272892.jpg?time=1712759273984')">
<div id="home-product-category-CAT_eoxc7dbm6b2" class="overlay ">
<h2 id="home-product-category-name-Sandwiches" class="text" data-ui-id="home_page-category-name">Sandwiches</h2>
</div>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6" data-ui-id="home_page-single_category-container">
<input type="hidden" id="categoryName-CAT_14meabfj6b2" value="Salad Bar">
<a aria-label="Go to Category Salad Bar." class="viewCategoryLink" id="CAT_14meabfj6b2" href="/webstore/categories/CAT_14meabfj6b2/products;jsessionid=BA88AB384D88327061D9E3A7ED193787?category=Salad+Bar&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6" data-tooltip="tooltip" data-placement="bottom" title="Click to View Category">
<div class="home-products " role="img" aria-label="Category image for Salad Bar." data-ui-id="home_page-category-image" style="background-image: url('https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/products/PRD_abyeb06h6b2_1712758649108.jpg?time=1712758650500')">
<div id="home-product-category-CAT_14meabfj6b2" class="overlay ">
<h2 id="home-product-category-name-Salad Bar" class="text" data-ui-id="home_page-category-name">Salad Bar</h2>
</div>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6" data-ui-id="home_page-single_category-container">
<input type="hidden" id="categoryName-CAT_9tod9e9p6b1" value="Breakfast">
<a aria-label="Go to Category Breakfast." class="viewCategoryLink" id="CAT_9tod9e9p6b1" href="/webstore/categories/CAT_9tod9e9p6b1/products;jsessionid=BA88AB384D88327061D9E3A7ED193787?category=Breakfast&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6" data-tooltip="tooltip" data-placement="bottom" title="Click to View Category">
<div class="home-products " role="img" aria-label="Category image for Breakfast." data-ui-id="home_page-category-image" style="background-image: url('https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/products/PRD_30odedfv6b1_1712754093921.jpg?time=1712754095368')">
<div id="home-product-category-CAT_9tod9e9p6b1" class="overlay ">
<h2 id="home-product-category-name-Breakfast" class="text" data-ui-id="home_page-category-name">Breakfast</h2>
</div>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6" data-ui-id="home_page-single_category-container">
<input type="hidden" id="categoryName-CAT_dyhf297u6b1" value="Snacks">
<a aria-label="Go to Category Snacks." class="viewCategoryLink" id="CAT_dyhf297u6b1" href="/webstore/categories/CAT_dyhf297u6b1/products;jsessionid=BA88AB384D88327061D9E3A7ED193787?category=Snacks&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6" data-tooltip="tooltip" data-placement="bottom" title="Click to View Category">
<div class="home-products " role="img" aria-label="Category image for Snacks." data-ui-id="home_page-category-image" style="background-image: url('https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/categories/CAT_dyhf297u6b1.jpg?time=1720457531715')">
<div id="home-product-category-CAT_dyhf297u6b1" class="overlay ">
<h2 id="home-product-category-name-Snacks" class="text" data-ui-id="home_page-category-name">Snacks</h2>
</div>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6" data-ui-id="home_page-single_category-container">
<input type="hidden" id="categoryName-CAT_13le8b1y6b2" value="Desserts">
<a aria-label="Go to Category Desserts." class="viewCategoryLink" id="CAT_13le8b1y6b2" href="/webstore/categories/CAT_13le8b1y6b2/products;jsessionid=BA88AB384D88327061D9E3A7ED193787?category=Desserts&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6" data-tooltip="tooltip" data-placement="bottom" title="Click to View Category">
<div class="home-products " role="img" aria-label="Category image for Desserts." data-ui-id="home_page-category-image" style="background-image: url('https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/products/PRD_a5se98cz6b2_1712760862761.jpg?time=1712760863915')">
<div id="home-product-category-CAT_13le8b1y6b2" class="overlay ">
<h2 id="home-product-category-name-Desserts" class="text" data-ui-id="home_page-category-name">Desserts</h2>
</div>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6" data-ui-id="home_page-single_category-container">
<input type="hidden" id="categoryName-CAT_17qf55ep6b3" value="Coffee & Tea Menu">
<a aria-label="Go to Category Coffee & Tea Menu." class="viewCategoryLink" id="CAT_17qf55ep6b3" href="/webstore/categories/CAT_17qf55ep6b3/products;jsessionid=BA88AB384D88327061D9E3A7ED193787?category=Coffee+%26amp%3b+Tea+Menu&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6" data-tooltip="tooltip" data-placement="bottom" title="Click to View Category">
<div class="home-products " role="img" aria-label="Category image for Coffee & Tea Menu." data-ui-id="home_page-category-image" style="background-image: url('https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/categories/CAT_17qf55ep6b3.jpg?time=1720457508660')">
<div id="home-product-category-CAT_17qf55ep6b3" class="overlay ">
<h2 id="home-product-category-name-Coffee & Tea Menu" class="text" data-ui-id="home_page-category-name">Coffee & Tea Menu</h2>
</div>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6" data-ui-id="home_page-single_category-container">
<input type="hidden" id="categoryName-CAT_12te5aeq6b2" value="Juices">
<a aria-label="Go to Category Juices." class="viewCategoryLink" id="CAT_12te5aeq6b2" href="/webstore/categories/CAT_12te5aeq6b2/products;jsessionid=BA88AB384D88327061D9E3A7ED193787?category=Juices&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6" data-tooltip="tooltip" data-placement="bottom" title="Click to View Category">
<div class="home-products " role="img" aria-label="Category image for Juices." data-ui-id="home_page-category-image" style="background-image: url('https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/products/PRD_1ixe21dq75a_1712760511928.jpg?time=1712760512827')">
<div id="home-product-category-CAT_12te5aeq6b2" class="overlay ">
<h2 id="home-product-category-name-Juices" class="text" data-ui-id="home_page-category-name">Juices</h2>
</div>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6" data-ui-id="home_page-single_category-container">
<input type="hidden" id="categoryName-CAT_czge469i6b1" value=" Beverages">
<a aria-label="Go to Category Beverages." class="viewCategoryLink" id="CAT_czge469i6b1" href="/webstore/categories/CAT_czge469i6b1/products;jsessionid=BA88AB384D88327061D9E3A7ED193787?category=+Beverages&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6" data-tooltip="tooltip" data-placement="bottom" title="Click to View Category">
<div class="home-products " role="img" aria-label="Category image for Beverages." data-ui-id="home_page-category-image" style="background-image: url('https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/products/PRD_1f410ec470d_1712840086069.jpg?time=1712840087430')">
<div id="home-product-category-CAT_czge469i6b1" class="overlay ">
<h2 id="home-product-category-name- Beverages" class="text" data-ui-id="home_page-category-name"> Beverages</h2>
</div>
</div>
</a>
</div>
</div>
<!-- Add to Cart Modal -->
<div class="modal fade" id="add-to-cart" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="add-to-cart-modal-header-text" data-backdrop="static">
<div id="modal-template-content" class="modal-dialog" role="document">
</div>
</div>
<div class="modal fade error-modal-inventory" id="error-modal-inventory" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body text-center">
<div class="margin-top-20 margin-bottom-20">
<i class="fa fa-warning" aria-hidden="true" style="font-size:30px;"></i>
</div>
<p><b>Sorry, Currently the requested quantity of the product is not available</b><br> </p>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" type="button" data-dismiss="modal" aria-label="close">
Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="addon-selection-modal" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="add-to-cart-modal-header-text" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content" id="select-addon-template"></div>
</div>
</div>
<div class="modal fade" id="addon-subtype-selection-modal" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="add-to-cart-modal-header-text" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content" id="select-addon-subtypes-template">
</div>
</div>
</div>
<input type="hidden" id="isGoogleAnalyticsEnabled" value="false">
<input type="hidden" id="isFacebookPixelEnabled" value="false">
</div>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.17.2/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.17.2/firebase-analytics.js"></script>
<script>
$(document).ready(function () {
const userEventAnalyticsAuthKey = document.getElementById('userEventAnalyticsKey').value;
let analyticsCriteria = userEventAnalyticsAuthKey !== '' && userEventAnalyticsAuthKey !== '???applova.user.event.analytics.auth.key???';
if (analyticsCriteria) {
$('.viewCategoryLink').on('click', function () {
var id = 'categoryName-' + this.id
var categoryName = document.getElementById(id).value;
var customData = {}
customData["Name"] = categoryName;
EventLogger.categoryOpened(this.id, customData);
console.log("applova user event analytics : category opened");
})
}
var isGoogleAnalyticsEnabled = document.getElementById("isGoogleAnalyticsEnabled").value;
if (isGoogleAnalyticsEnabled === "true") {
var apiKey = document.getElementById("apiKey").value;
var authDomain = document.getElementById("authDomain").value;
var databaseURL = document.getElementById("databaseURL").value;
var projectId = document.getElementById("projectId").value;
var storageBucket = document.getElementById("storageBucket").value;
var messagingSenderId = document.getElementById("messagingSenderId").value;
var appId = document.getElementById("appId").value;
var measurementId = document.getElementById("measurementId").value;
let isAnalyticsCookieDisabled = document.getElementById("isAnalyticsCookieDisabled").value;
if (isAnalyticsCookieDisabled === "true") {
window['ga-disable-' + measurementId] = true;
}
var firebaseConfig = {
apiKey: apiKey,
authDomain: authDomain,
databaseURL: databaseURL,
projectId: projectId,
storageBucket: storageBucket,
messagingSenderId: messagingSenderId,
appId: appId,
measurementId: measurementId
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
}
setMerchantInsightAnimations(false);
});
// Your web app's Firebase configuration
</script>
</main>
<footer class="containerfluid footer">
<div class="container">
<div class="row center-all">
<div class="col-sm-12 text-center footer-text">
<div class="footer">
<div class="row">
<div class="footerContent">
<div class="footerSegmentShowing">
<div class="content-row-footer">
<span>Powered by </span>
<a href="https://applova.io/" aria-label="Applova footer logo - Go to Applova website">
<img src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/images/applova-logo-footer.svg" width="70">
</a>
</div>
</div>
<div class="footerSegmentHidden">
<div class="content-row-footer">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<style>
.socialMediaIcon {
margin-right: 10px;
margin-left: 10px;
}
.footerContent {
display: flex;
width: 100%;
height: 100%;
}
.footerSegmentHidden {
display: none;
}
.footerSegmentLeft {
width: 50%;
display: flex;
justify-content: left;
vertical-align: middle;
}
.footerSegmentRight {
width: 50%;
display: flex;
align-items: center;
justify-content: right;
}
.footerSegmentShowing {
width: 100%;
align-items: center;
}
.footer {
background: #DBDBDB;
height: 50px;
}
.footer > .row {
margin: 0;
height: 100%;
}
.content-row-footer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.content-row-footer span {
margin-right: 8px;
color: #777;
font-size: 12px;
}
.keep-height {
min-height: calc(100vh - 50px);
}
</style>
<div id="recaptcha-widget" style="display: none;"><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-66mqj6lw19k4" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LduM1IpAAAAADIfFZSijT9tPW9vhLqecAQdSHuB&co=aHR0cHM6Ly9odWRzb25ncmVlbmVtYXJrZXQuYXBwbG92YS5tZW51OjQ0Mw..&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&size=invisible&cb=mqcidu8lwn9y"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div>
<input type="hidden" id="business-closed-error" value="Business closed at this time">
<input type="hidden" id="incomplete-details-error" value="Incomplete Delivery Details.">
<script>
</script>
<div class="modal fade" id="confirm-store-change-modal" tabindex="-1" role="dialog" aria-labelledby="confirm-store-change-modal" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="modalHeader">Change Store</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12">Changing location will refresh your cart. Please re-add products to cart after you change the location.</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn primary-btn full-width" style="background: #80b601; border: 2px solid #80b601;" aria-label="Confirm" onclick="location.href='/webstore/stores;jsessionid=BA88AB384D88327061D9E3A7ED193787?bid=BIZ_2uq122636a6'">
Confirm
</button>
</div>
</div>
</div>
</div>
<!-- Forgot Password Modal -->
<!-- Forgot Password Modal -->
<script>
</script>
<div class="modal fade" id="fogot-password-modal" tabindex="-1" role="dialog" aria-labelledby="forgot-password-modal-label">
<div class="modal-dialog" role="document">
<input id="resetPasswordButtonText" type="hidden" value="Reset password">
<input id="resetPasswordEmailValidation" type="hidden" value="Password reset failed because : ">
<input id="consumerUserNotFound" type="hidden" value="Consumer user not found">
<input id="requestingNewPassword" type="hidden" value="Requesting for new password">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="forgot-password-modal-label">Recover Your Account</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center">
<div class="input-area form-group">
<div class="login-body__input-area form-group">
<label for="forget-password-email">Email Address</label>
<input id="forget-password-email" type="text" path="email" style="border: 1px solid #80b601" aria-required="true" onfocus="onTextInputFocus('forget-password-email-input-status')">
<span id="forget-password-email-input-status" class="input-group-addon input-status hide" role="alert">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<p id="forget-password-form-error" class="login-failed-text hide" role="alert">
<i class="fa fa-exclamation-circle fa-lg"></i> Required Fields are Empty</p>
<p id="forget-password-form-error-text" class="login-failed-text" role="alert"></p>
<div>
<input id="emailAddressNotValid" type="hidden" value="Email address is invalid">
<button id="forget-password-button" style="background-color:#80b601;border-color:#80b601" aria-label="Reset Password" class="common-btn primary-btn action-btn full-width" onclick="fogotPassword('/webstore/forgot-password.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?state=&businessId=BIZ_2uq122636a6','','BIZ_2uq122636a6');">
Reset password</button>
</div>
</div>
<div class="register-new-account">
Nevermind?
<a href="#!" data-toggle="modal" data-dismiss="modal" data-target="#sign-in-modal" aria-label="Sign in"><b>
Sign In to My Account</b></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sign In Or Guest Modal -->
<script>
</script>
<div class="modal fade" id="sign-in-or-guest-modal" tabindex="-1" role="dialog" aria-labelledby="sign-in-or-guest-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="sign-in-or-guest-modal-label">How do you want to continue? </h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center">
<button class="common-btn primary-btn full-width" style="background-color:#80b601;border-color:#80b601" aria-label="Sign in" onclick="onSignInSelectionClick()">
Sign In to your Account
</button>
</div>
</div>
<div class="row" style="margin-top: 2%; margin-bottom: 2%">
<div class="col-md-12 text-center">
<span>OR</span>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<button id="continue-as-guest-button" class="common-btn alternate-btn full-width" onclick="loginAsGuest()" aria-label="Continue as guest">
Continue As a Guest
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sign In Modal -->
<div class="modal fade" id="sign-in-modal" tabindex="-1" role="dialog" aria-labelledby="sign-in-modal-label">
<script>
var businessName = "Hudson Greene Market";
businessName = businessName.replace(/'/g, "\\'");
</script>
<input type="hidden" id="facebookError" value="Error occurred while Signing Up with Facebook!">
<input type="hidden" id="googleError" value="Error occurred while Signing Up with Google!">
<input type="hidden" id="appleError" value="Error occurred while Signing Up with Apple!">
<div class="modal-dialog" role="document">
<input id="consumerUserNotFound" type="hidden" value="Consumer user not found">
<input id="emailAddressNotValid" type="hidden" value="Email address is invalid">
<input id="signInButtonLabel" type="hidden" value="Sign In">
<input id="welcomeMessage" type="hidden" value="Hi {0}, Welcome to {1}! Please provide your Mobile Number and Email to continue. This is required in order to provide the best customer experience for you.">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearErrorMessages()"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="sign-in-modal-label">Sign In to Your Account </h4>
</div>
<div class="modal-body">
<input type="hidden" id="facebookAppId" value="1785433775056258">
<input type="hidden" id="googleApiKey" value="AIzaSyC9k92csfgj2vKQbxZy57U74A-4vZm1dRc">
<input type="hidden" id="googleClientId" value="831003892049-sugivdo4ighv5lb7u04tf16j6n3hbpvh.apps.googleusercontent.com">
<input type="hidden" id="appleClientId" value="">
<input type="hidden" id="appleRedirectUrl" value="">
<div class="row">
<div class="col-md-12 text-center" id="sign-in-form-content">
<div class="input-area form-group">
<div class="alert alert-warning hide" id="temporary-error-view">
We have sent a temporary password to your email. Please use the temporary password to sign in. Once you sign in please change your password
</div>
<div class="login-body__input-area ">
<label for="sign-in-username">Email Address </label>
<input id="sign-in-username" type="text" style="border: 1px solid #80b601" aria-required="true" onfocus="onTextInputFocus('sign-in-username-input-status')">
<span id="sign-in-username-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="login-body__input-area">
<label for="sign-in-password">Password</label>
<input id="sign-in-password" type="password" style="border: 1px solid #80b601" aria-required="true" aria-invalid="false" onfocus="onTextInputFocus('sign-in-password-input-status')">
<span id="sign-in-password-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
<p id="sign-in-form-error" class="login-failed-text hide" role="alert" aria-label="Required Fields are Empty">
<i class="fa fa-exclamation-circle fa-lg"></i> Required Fields are Empty
</p>
<p id="sign-in-form-error-text" class="login-failed-text" role="alert" aria-label=""></p>
</div>
<div>
<input id="signInFailed" type="hidden" value="Sign in Failed : ">
<input id="newTermsAndConditionLabel" type="hidden" value="New Terms & Conditions">
<input id="sign-in-url" type="hidden" value="/webstore/sign-in.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?state=&businessId=BIZ_2uq122636a6&cartId=">
<input id="sign-in-state" type="hidden" value="">
<input id="sign-in-businessId" type="hidden" value="BIZ_2uq122636a6">
<input id="sign-in-isTermChecked" type="hidden" value="false">
<input id="sign-in-captchaEnabled" type="hidden" value="false">
<input id="sign-in-captchaApiKey" type="hidden" value="MZCQX5WHsDxot5bQinIEa/xtaS/aKmqiBmJYbN6iwWRc0L1m6U9+/8bcpf/NzY5j2zYt0XNP0K/oJvTrYXJ+abNcM49c595NjbZqg7953fGADAS1QKTmDJngReE3KqPH+vCT65bzeqWiSy11KbiNUos7t0kAKY+bttxrz3+JaHohSdCw5oPXvQha+ETMw8ZI2EDZGAJnFr0u/s0XVh2aeOHwfPKI46r26xu7Cg7GJsdCuDT30QvRRB7NiWOsbbvNS3ryUEsls+3S4s+RwAIwy0VSvheK2d2oUSnP3LyLZcIwl9d4/nqhzeD8wOFmPjqwmnpeHgEi8EAJaewREQQwkKmc//nXVG6XfJBNaZxGLB1CsUr1AuEhG40OjyMVBXoB6SuaK8cKORETQmPORWjLSqrIEWAytSncIB/fsfJhRlpOhfYE8HhcNOp+3ho/gXTYJ6eGlPBtYQG8fbhP1ViWb1U5P7nSsCnb73p6h3UodISNFp06pmSUrLveaRKyuJFGxKe08QauCzhivzhpgVZZUmYl0r8FEr+3h2b+aE2sAI+nry85zFINz6HW4uw6CmIC7aT1qbo/D/0pKZzAjXL5RzTRqISf11GTrK0r8Yt5Jj3pNMwW3FngVzWViEvnvmcazSwYvmP1Noksm/KEsJ+eURYC6u/b7WLzA1cDl1GpzBw=_0_1">
<button id="sign-in-button" aria-label="sign in" class="common-btn primary-btn action-btn full-width prevent-select" style="background-color:#80b601;border-color:#80b601" onclick="renderReCaptcha('sign-in', 'BIZ_2uq122636a6');">
Sign In
</button>
<input type="hidden" value="Signing In" id="signingInLabelId">
</div>
<div class="row " style="display: inline-block; margin-top: 20px">
<div class="col-md-12">
<div class="login-body__forgot-password-link">
<a href="#!" aria-label="Forgot password" data-toggle="modal" data-dismiss="modal" data-target="#fogot-password-modal">
Forgot Password?
</a>
</div>
</div>
</div>
</div>
<div class="register-new-account">
Don't Have an Account?
<a id="register-new-account-link" href="#!" data-toggle="modal" data-dismiss="modal" data-target="#sign-up-modal">
<b>Register Now </b>
</a>
</div>
<div style="font-size: 10px;">This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
</div>
</div>
<div class="col-md-12 text-center hide" id="msisdn-form-content" data-token-value="">
<div class="input-area form-group">
<p id="msisdn-welcome-text"></p>
<div class="login-body__input-area ">
<label for="msisdn-mobile-number-input">Mobile Number</label>
<input id="msisdn-mobile-number-input" type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" style="border: 1px solid #80b601">
<span id="msisdn-mobile-number-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="login-body__input-area">
<label for="msisdn-email-address-input">Email Address</label>
<input id="msisdn-email-address-input" type="email" style="border: 1px solid #80b601">
<span id="msisdn-email-address-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
<p id="msisdn-form-error" class="login-failed-text hide"><i class="fa fa-exclamation-circle fa-lg"></i> Required Fields are Invalid</p>
<p id="msisdn-form-processing-error" class="login-failed-text hide"><i class="fa fa-exclamation-circle fa-lg"></i></p>
<p id="msisdn-form-error-text" class="login-failed-text"></p>
</div>
<div>
<button id="update-msisdn-button" class="common-btn primary-btn action-btn full-width" style="background-color:#80b601;border-color:#80b601" onclick="updateUserDetails('/webstore/update-user-details.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6&token={token}&email={email}&msisdn={msisdn}&cartId=', 'BIZ_2uq122636a6', 'SIGN_IN');">
Update Details
</button>
</div>
</div>
</div>
<div class="col-md-12 text-center hide" id="msisdn-processing-content">
<div class="input-area form-group">
<p><i class="fa fa-spinner fa-spin fa-fw"></i> Getting you on board...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sign Up Modal -->
<script>
</script>
<div class="modal overflow-modal fade" id="sign-up-modal" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="sign-up-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearErrorMessages()"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="sign-up-modal-label">Start Creating Your Account </h4>
</div>
<div class="modal-body">
<input type="hidden" id="facebookAppId" value="1785433775056258">
<input type="hidden" id="googleApiKey" value="AIzaSyC9k92csfgj2vKQbxZy57U74A-4vZm1dRc">
<input type="hidden" id="googleClientId" value="831003892049-sugivdo4ighv5lb7u04tf16j6n3hbpvh.apps.googleusercontent.com">
<input type="hidden" id="appleClientId" value="">
<input type="hidden" id="appleRedirectUrl" value="">
<input type="hidden" id="isThirdPartyCookiesEnabled" value="false">
<input type="hidden" id="isCookiePolicyEnabledForProfile" value="false">
<div class="row">
<div class="col-md-12 text-center" id="sign-up-form-content">
<div class="input-area">
<div class="login-body__input-area form-group">
<label for="sign-up-name">Name </label>
<input id="sign-up-name" type="text" style="border: 1px solid #80b601" aria-required="true" onfocus="onTextInputFocus('sign-up-name-input-status')">
<span id="sign-up-name-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="login-body__input-area form-group">
<label for="sign-up-username">Email Address </label>
<input id="sign-up-username" type="text" style="border: 1px solid #80b601" aria-required="true" onfocus="onTextInputFocus('sign-up-username-input-status')">
<span id="sign-up-username-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<input type="hidden" id="month-list" value="January,February,March,April,May,June,July,August,September,October,November,December">
<input type="hidden" id="day-label" value="Day">
<input type="hidden" id="isBirthdayEnabled" value="false">
<div class="login-body__input-area form-group">
<label for="sign-up-msisdn">Mobile Number </label>
<div class="input-group" style="width: 100%; display: inline-flex;">
<div class="input-group-prepend">
<span class="input-group-addon" style="height: 2.7em;">+1</span>
</div>
<input id="sign-up-msisdn" class="form-control" type="text" aria-required="true" data-number="true" style="border: 1px solid #80b601" onfocus="onTextInputFocus('sign-up-msisdn-input-status')">
</div>
<span id="sign-up-msisdn-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="login-body__input-area form-group">
<label for="sign-up-password">Password </label>
<input id="sign-up-password" type="password" style="border: 1px solid #80b601" aria-required="true" onfocus="onTextInputFocus('sign-up-password-input-status')">
<span id="sign-up-password-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
<h6>
By creating the account you have indicated that you have read and agreed to the
<a href="#!" style="color: #80b601" aria-label="Terms of Service" data-toggle="modal" data-target="#terms-conditions">
Terms of Service
</a>
</h6>
<label class="checkbox-inline" for="email-promotions-checkBox" style="font-size: 12px;">
<input type="checkbox" id="email-promotions-checkBox">
I agree to receive marketing, advertising and promotional information via email.
</label>
<p id="sign-up-form-error" class="login-failed-text hide" role="alert" aria-label="Required Fields are Empty">
<i class="fa fa-exclamation-circle fa-lg"></i>
Required Fields are Empty
</p>
<p id="sign-up-form-sign-up-failed" class="login-failed-text" role="alert" aria-label=""></p>
</div>
<div>
<input id="creatingAccount" type="hidden" value="Creating account ">
<input id="signUpFailed" type="hidden" value="Sign Up Failed :">
<input id="signUpFailedReason" type="hidden" value="User already registered under this mobile number.">
<input id="signUpFailedConsumerExist" type="hidden" value="Consumer user already exists">
<input id="signUpFailedPasswordInvalid" type="hidden" value="Password must have at least 8 characters, containing alphabetic and numeric characters">
<input id="createAccountButtonText" type="hidden" value="Create Account">
<input id="birthdayNotValid" type="hidden" value="Date of Birth is invalid">
<input id="sign-up-url" type="hidden" value="/webstore/sign-up.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?state=&businessId=BIZ_2uq122636a6&cartId=">
<input id="sign-up-state" type="hidden" value="">
<input id="sign-up-businessId" type="hidden" value="BIZ_2uq122636a6">
<input id="sign-up-captchaEnabled" type="hidden" value="false">
<input id="sign-up-captchaApiKey" type="hidden" value="MZCQX5WHsDxot5bQinIEa/xtaS/aKmqiBmJYbN6iwWRc0L1m6U9+/8bcpf/NzY5j2zYt0XNP0K/oJvTrYXJ+abNcM49c595NjbZqg7953fGADAS1QKTmDJngReE3KqPH+vCT65bzeqWiSy11KbiNUos7t0kAKY+bttxrz3+JaHohSdCw5oPXvQha+ETMw8ZI2EDZGAJnFr0u/s0XVh2aeOHwfPKI46r26xu7Cg7GJsdCuDT30QvRRB7NiWOsbbvNS3ryUEsls+3S4s+RwAIwy0VSvheK2d2oUSnP3LyLZcIwl9d4/nqhzeD8wOFmPjqwmnpeHgEi8EAJaewREQQwkKmc//nXVG6XfJBNaZxGLB1CsUr1AuEhG40OjyMVBXoB6SuaK8cKORETQmPORWjLSqrIEWAytSncIB/fsfJhRlpOhfYE8HhcNOp+3ho/gXTYJ6eGlPBtYQG8fbhP1ViWb1U5P7nSsCnb73p6h3UodISNFp06pmSUrLveaRKyuJFGxKe08QauCzhivzhpgVZZUmYl0r8FEr+3h2b+aE2sAI+nry85zFINz6HW4uw6CmIC7aT1qbo/D/0pKZzAjXL5RzTRqISf11GTrK0r8Yt5Jj3pNMwW3FngVzWViEvnvmcazSwYvmP1Noksm/KEsJ+eURYC6u/b7WLzA1cDl1GpzBw=_0_1">
<button id="sign-up-button" class="common-btn primary-btn action-btn full-width prevent-select" aria-label="Create account" style="background-color:#80b601;border-color:#80b601" onclick="showSignUpLoader(); renderReCaptcha('sign-up', 'BIZ_2uq122636a6');">
Create Account
</button>
</div>
<div class="col-sm-12 register-new-account">
Already Have an Account?
<a href="#!" data-toggle="modal" data-dismiss="modal" data-target="#sign-in-modal" aria-label="Sign in">
<b>Sign In </b>
</a>
</div>
<div style="font-size: 10px;">This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
</div>
</div>
</div>
<div class="col-md-12 text-center hide" id="msisdn-form-content-sign-up" data-token-value="">
<div class="input-area form-group">
<p id="msisdn-welcome-text-sign-up"></p>
<div class="login-body__input-area ">
<label for="msisdn-mobile-number-input-sign-up">Mobile Number </label>
<input id="msisdn-mobile-number-input-sign-up" type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" style="border: 1px solid #80b601">
<span id="msisdn-mobile-number-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="login-body__input-area">
<label for="msisdn-email-address-input-sign-up">Email Address</label>
<input id="msisdn-email-address-input-sign-up" type="email" style="border: 1px solid #80b601">
<span id="msisdn-email-address-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
<p id="msisdn-form-error-sign-up" class="login-failed-text hide"><i class="fa fa-exclamation-circle fa-lg">
</i> Required Fields are Invalid </p>
<p id="msisdn-form-processing-error-sign-up" class="login-failed-text hide"><i class="fa fa-exclamation-circle fa-lg"></i></p>
<p id="msisdn-form-error-text-sign-up" class="login-failed-text"></p>
</div>
<div>
<button id="update-msisdn-button" class="common-btn primary-btn action-btn full-width" aria-label="Update details" style="background-color:#80b601;border-color:#80b601" onclick="updateUserDetails('/webstore/update-user-details.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6&token={token}&email={email}&msisdn={msisdn}&cartId=', 'BIZ_2uq122636a6', 'SIGN_UP');">
Update Details
</button>
</div>
</div>
</div>
<div class="col-md-12 text-center hide" id="msisdn-processing-content-sign-up">
<div class="input-area form-group">
<p><i class="fa fa-spinner fa-spin fa-fw"></i> Getting you on board...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var monthNames = $('#month-list').val().split("\,");
for (var i = new Date().getFullYear(); i > 1944; i--){
$('#birth-year').append($('<option />').val(i).html(i));
}
for (var i = 1; i < 13; i++){
$('#birth-month').append($('<option />').val(i).html(monthNames[i-1]));
}
updateNumberOfDays();
$('#birth-year, #birth-month').on("change", function(){
updateNumberOfDays();
});
function updateNumberOfDays(){
$('#birth-date').html('');
var dayLabel = $('#day-label').val();
$('#birth-date').append($('<option disabled selected />').val(i).html(dayLabel));
var month=$('#birth-month').val();
var year=$('#birth-year').val();
var days=daysInMonth(month, year);
for(var i=1; i < days+1 ; i++){
$('#birth-date').append($('<option />').val(i).html(i));
}
}
function daysInMonth(month, year) {
return new Date(year, month, 0).getDate();
}
</script>
<div class="modal fade" id="table-ordering-passcode-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
<div id="modal-template-content" class="modal-dialog" role="document">
<script>
$(document).ready(function () {
var passcode = $('#passcode-input').val();
if (passcode != null && passcode !== "") {
$('#continue-previous-order-button').click();
}
});
function jumpToPreviousOrder() {
$('#passcode-input-area').removeClass('hide');
$('#continue-previous-order-button').removeClass('hide');
$('#back-to-start-order-button').removeClass('hide');
$('#jump-to-previous-order-button').addClass('hide');
$('#start-new-order-button').addClass('hide');
}
function goBackToStartView() {
$('#passcode-input-area').addClass('hide');
$('#continue-previous-order-button').addClass('hide');
$('#back-to-start-order-button').addClass('hide');
$('#jump-to-previous-order-button').removeClass('hide');
$('#start-new-order-button').removeClass('hide');
$('#passcode-error-view-wrapper').addClass('hide');
}
function startNewOrder(url, businessId, redirectUrl) {
var tableId = $('#tableId-input').val();
$('#passcode-error-view-wrapper').addClass('hide');
$('#button-wrapper').addClass('hide');
$('#passcode-processing-view-wrapper').removeClass('hide');
var continuousOrderingTableOrderRequest = {
numberOfGuests: 0
};
var orderId = $('#selectedOrderId').val();
var pickupSubtype = $('#pickupSubtype').val();
url = url.replace("{businessId}", businessId)
.replace("{pickupSubtype}", pickupSubtype)
.replace("{tableId}", tableId)
.replace("{orderId}", orderId);
$.ajax({
url: url,
type: 'POST',
contentType: "application/json",
data: JSON.stringify(continuousOrderingTableOrderRequest),
dataType: 'json',
success: function (data) {
if (data.messageType == "SUCCESS") {
$('#passcode-view-text-wrapper').removeClass('hide');
$('#continue-to-order-button').removeClass('hide');
$('#initial-welcome-text-wrapper').addClass('hide');
$('#jump-to-previous-order-button').addClass('hide');
$('#start-new-order-button').addClass('hide');
$('#passcode-processing-view-wrapper').addClass('hide');
$('#button-wrapper').removeClass('hide');
$('#passcode-view-wrapper').removeClass('hide');
$('#passcode-text').text(data.message);
document.getElementById("continue-to-order-button").onclick = function () {
window.location = redirectUrl;
};
} else {
console.log(data);
$('#passcode-error-view-wrapper').removeClass('hide');
$('#passcode-processing-view-wrapper').addClass('hide');
$('#button-wrapper').removeClass('hide');
}
}, error: function (error) {
console.log(error);
$('#passcode-error-view-wrapper').removeClass('hide');
$('#passcode-processing-view-wrapper').addClass('hide');
$('#button-wrapper').removeClass('hide');
}
});
}
function validatePasscode(url, businessId, redirectUrl) {
var passcode = $('#passcode-input').val();
var tableId = $('#tableId-input').val();
if (passcode != null && passcode !== "") {
$('#passcode-error-view-wrapper').addClass('hide');
$('#continue-previous-order-button').addClass('hide');
$('#back-to-start-order-button').addClass('hide');
$('#passcode-processing-view-wrapper').removeClass('hide');
var passcodeBean = {
tableId: tableId,
passcode: passcode
};
var orderId = $('#selectedOrderId').val();
var pickupSubtype = $('#pickupSubtype').val();
url = url.replace("{businessId}", businessId)
.replace("{pickupSubtype}", pickupSubtype)
.replace("{orderId}", orderId);
$.ajax({
url: url,
type: 'POST',
contentType: "application/json",
data: JSON.stringify(passcodeBean),
dataType: 'json',
success: function (data) {
if (data.messageType == "SUCCESS") {
window.location = redirectUrl;
} else {
console.log(data);
$('#passcode-error-view-wrapper').removeClass('hide');
$('#passcode-processing-view-wrapper').addClass('hide');
$('#passcode-input-area').removeClass('hide');
$('#passcode-input').val('');
$('#continue-previous-order-button').removeClass('hide');
$('#back-to-start-order-button').removeClass('hide');
}
}, error: function (error) {
console.log(error);
$('#passcode-error-view-wrapper').addClass('hide');
$('#passcode-processing-view-wrapper').addClass('hide');
$('#continue-previous-order-button').removeClass('hide');
$('#back-to-start-order-button').removeClass('hide');
$('#passcode-input-area').removeClass('hide');
$('#passcode-input').val('');
}
});
}
}
</script>
<div class="modal-content">
<div class="modal-body">
<input id="tableId-input" type="hidden">
<div class="row modal-body__item-list" style="display: flex; align-items: center; padding-top: 0; border: none; flex-direction: column;">
<div style="width: 100%;">
<div class="col-xs-12" style="text-align: center;">
<img src="https://applova-sys-i1.s3.amazonaws.com/images/4508_74338604/business/brand-logo.png?time=1718433425218" style="width: 100px;" alt="brand-logo">
</div>
<div class="col-xs-12" style="text-align: center;">
<span style="font-weight: bold; font-size: 14px"></span>
<br>
<span id="initial-welcome-text-wrapper" style="line-height: 1.5; font-size: 12px"></span>
<br>
<span id="passcode-view-text-wrapper" class="hide" style="line-height: 1.5; font-size: 12px">
Please find the <b>Passcode</b> for your ordering session mentioned below. This passcode will be valid throughout your order, and will be required if you need to get back to the same order in an instance where you accidentally close the browser.</span>
<div id="passcode-view-wrapper" class="hide" style="padding: 10px;">
<span id="passcode-text" style="
font-size: 50px;
border: 1px solid #ccc!important;
padding: 0px 15px;
border-radius: 5px;
background: #f3f3f3;
color: #404040;
font-weight: bold;
"></span>
</div>
</div>
</div>
<div id="passcode-input-area" class="hide" style="width: 100%;">
<div class="input-area " style="width: 100%;">
<label class="hidden" aria-hidden="false" for="passcode-input">Enter your passcode</label>
<input id="passcode-input" type="text" placeholder="Enter your passcode" value="" style="border: 1px solid #80b601">
</div>
</div>
</div>
</div>
<div id="passcode-error-view-wrapper" class="modal-sub-footer hide">
<div class="row">
<div class=" fade in error-text" style="padding-left: 10px;padding-right: 10px;">
This passcode/link is not valid. Click on <b>Cancel</b> to Go Back and then Click on <b>Start Ordering</b> to start a new order, or request assistance from the store.
</div>
</div>
</div>
<div id="passcode-processing-view-wrapper" class="hide">
<div class="col-xs-12 text-center" style="padding: 20px;">
<div class="row">
<span><i class="fa fa-spinner fa-spin fa-fw"></i> Please wait...</span>
</div>
</div>
</div>
<div class="modal-footer">
<div id="button-wrapper" class="col-xs-12" style="padding: 0;">
<button id="start-new-order-button" class="common-btn primary-btn col-md-12 col-xs-12" style="background-color:#80b601;border: 2px solid #80b601" type="button" onclick="startNewOrder('/webstore/start-table-order.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId={businessId}&orderId={orderId}&pickupSubtype={pickupSubtype}&tableId={tableId}', 'BIZ_2uq122636a6', '/webstore/BIZ_2uq122636a6;jsessionid=BA88AB384D88327061D9E3A7ED193787?pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6')">
Start Ordering
</button>
<button id="continue-to-order-button" class="common-btn primary-btn col-md-12 col-xs-12 hide" style="background-color:#80b601;border: 2px solid #80b601" type="button" onclick="#!">
Continue
</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="dine-in-start-new-order-warning-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false" style="padding: 0 !important;">
<div id="modal-template-content" class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<input id="tableId-input" type="hidden">
<div class="row modal-body__item-list" style="display: flex; align-items: center; padding-top: 0; border: none; flex-direction: column;">
<div style="width: 100%;">
<div class="col-xs-12" style="text-align: center;">
<i class="fa fa-qrcode" aria-hidden="true" style="font-size: 50px;"></i>
<p>Whoops! Looks like this ordering session has expired. Please scan the QR Code on your Table to Start a New Order. </p>
<div class="dine-in-start-new-order-warning-modal_go-to-webstore-section">
<p>or, are you looking to order through our Online Ordering Store?</p>
<a href="/webstore/;jsessionid=BA88AB384D88327061D9E3A7ED193787?bid=BIZ_2uq122636a6" onclick="redirectToWebstore()" class="btn btn-primary dine-in-start-new-order-warning-modal_go-to-webstore-btn prevent-select" style="background-color: #80b601;">
Visit Online Ordering
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="table-ordering-call-waiter-success-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
<div id="modal-template-content" class="modal-dialog" role="document">
<script>
function handleCallWaiterModalButtonClick(redirectUrl) {
window.location = redirectUrl;
}
</script>
<div class="modal-content">
<div class="modal-body">
<input id="tableId-input" type="hidden">
<div class="row modal-body__item-list" style="display: flex; align-items: center; padding-top: 0; border: none; flex-direction: column;">
<div style="width: 100%;">
<div class="col-xs-12" style="text-align: center;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="85" height="85" viewBox="0 0 85 85">
<defs>
<clipPath id="clip-ico-table-ordering-webstore_">
<rect width="85" height="85"></rect>
</clipPath>
</defs>
<g id="ico-table-ordering-webstore_" data-name="ico-table-ordering-webstore " clip-path="url(#clip-ico-table-ordering-webstore_)">
<g id="Group_170" data-name="Group 170" transform="translate(-882.618 -152.618)">
<g id="Ellipse_1" data-name="Ellipse 1" transform="translate(882.618 152.618)" fill="#f6f6f6" stroke="#f6f6f6" stroke-width="1">
<circle cx="42.5" cy="42.5" r="42.5" stroke="none"></circle>
<circle cx="42.5" cy="42.5" r="42" fill="none"></circle>
</g>
<g id="reception" transform="translate(902.372 169.601)">
<path id="Path_21" data-name="Path 21" d="M44.409,137.665h-1.03l-1.161-4.645a1.433,1.433,0,0,0-1.39-1.085H35.814v-2.149h4.3a1.433,1.433,0,0,0,0-2.865V126.2a17.213,17.213,0,0,0-15.758-17.13v-2.209H26.5a1.433,1.433,0,0,0,0-2.865H19.339a1.433,1.433,0,1,0,0,2.865h2.149v2.209A17.213,17.213,0,0,0,5.73,126.2v.716a1.433,1.433,0,0,0,0,2.865h4.3v2.149H5.014a1.433,1.433,0,0,0-1.39,1.085l-1.161,4.645H1.433a1.433,1.433,0,1,0,0,2.865H44.409a1.433,1.433,0,1,0,0-2.865ZM8.6,126.2a14.325,14.325,0,0,1,28.651,0v.716H8.6Zm4.3,3.581H32.948v2.149H12.893Zm-7.477,7.879.716-2.865H39.709l.716,2.865Z" transform="translate(0 -94.688)" fill="#80b601"></path>
<path id="Path_22" data-name="Path 22" d="M1.433,242.865H4.3A1.433,1.433,0,1,0,4.3,240H1.433a1.433,1.433,0,1,0,0,2.865Z" transform="translate(0 -218.512)" fill="#80b601"></path>
<path id="Path_23" data-name="Path 23" d="M449.433,242.865H452.3a1.433,1.433,0,1,0,0-2.865h-2.865a1.433,1.433,0,1,0,0,2.865Z" transform="translate(-407.889 -218.512)" fill="#80b601"></path>
<path id="Path_24" data-name="Path 24" d="M72.739,74.765a1.433,1.433,0,0,0,2.026-2.026l-2.026-2.026a1.433,1.433,0,0,0-2.026,2.026Z" transform="translate(-64 -64)" fill="#80b601"></path>
<path id="Path_25" data-name="Path 25" d="M388.494,75.187a1.428,1.428,0,0,0,1.013-.42l2.026-2.026a1.433,1.433,0,0,0-2.026-2.026l-2.026,2.026A1.434,1.434,0,0,0,388.494,75.187Z" transform="translate(-352.405 -64.002)" fill="#80b601"></path>
<path id="Path_26" data-name="Path 26" d="M241.433,5.73A1.433,1.433,0,0,0,242.865,4.3V1.433a1.433,1.433,0,1,0-2.865,0V4.3A1.433,1.433,0,0,0,241.433,5.73Z" transform="translate(-218.512)" fill="#80b601"></path>
</g>
</g>
</g>
</svg>
</div>
<div class="col-xs-12" style="text-align: center;">
<span style="font-weight: bold; font-size: 14px">Help is on the way!</span>
<span style="line-height: 1.5; font-size: 12px">One of our staff member will be with you shortly</span>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="modal-footer">
<button id="add-item-to-cart-button" class="common-btn primary-btn full-width prevent-select" onclick="handleCallWaiterModalButtonClick('/webstore/BIZ_2uq122636a6;jsessionid=BA88AB384D88327061D9E3A7ED193787?pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6')" style="background-color:#80b601;border: 2px solid #80b601" type="button">
BACK TO HOME
</button>
</div>
</div>
</div>
</div>
</div>
<!-- verification Modal -->
<div class="modal overflow-modal fade" id="verification-modal" tabindex="-1" role="dialog" aria-describedby="verifyModalLabel" aria-labelledby="verify-now-content">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearErrorMessages()"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="verifyModalLabel">Verify Your Account</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center" id="verify-now-content">
<div class="input-area">
<div id="verification-modal-email-not-verified-section" class="hide">
<div class="login-body__input-area form-group" style="text-align: center">
<label id="verification-modal-sub-title">
<b>
<span id="verification-modal-sub-title-account-creation-success">
Account Created Successfully!</span>
<span id="verification-modal-sub-title-email-not-verified" class="hide">
Email Not Verified!
</span>
</b>
</label><br>
<label style="font-weight:normal !important;">In order to proceed you need to verify your Email<br><label style="font-weight:bold !important;">(<span class="verify-email">email</span>)</label></label>
</div>
</div>
<div id="verification-modal-msisdn-not-verified-section" class="hide">
<div class="login-body__input-area form-group" style="text-align: center">
<label id="verification-modal-msisdn-sub-title">
<b>Mobile Number Not Verified!</b>
</label><br>
<label style="font-weight:normal !important;">In order to proceed you need to verify your mobile number<br>
<label style="font-weight:bold !important;"><span class="verify-msisdn">msisdn</span></label></label>
</div>
</div>
<div id="verify-token" class="hide"></div>
</div>
<div>
<input type="hidden" id="isCartOpen">
<button id="verify-now-btn" class="common-btn primary-btn action-btn full-width" style="background-color:#80b601;border-color:#80b601" onclick="verifyCustomerAccount('BIZ_2uq122636a6','','','send')">
Verify Now</button>
<p id="verify-email-error-text" class="login-failed-text"></p>
</div>
</div>
<div class="col-md-12 text-center hide" id="verify-code-content">
<div class="input-area">
<div class="login-body__input-area form-group" style="text-align: center">
<div style="margin-bottom: 20px;font-weight: normal !important;">
<div id="email-verify-code-content">
<label style="font-weight: normal !important;">We have sent an email with a verification code to</label><br><label class="verify-email"></label>
</div>
<div id="msisdn-verify-code-content">
<label style="font-weight: normal !important;">We have sent a message with a verification code to</label><br>
<label class="verify-msisdn"></label>
</div>
</div>
<label for="account-verification-code" style="font-weight: normal !important;">Enter the code below to verify your account</label>
<div id="verify-code" class="">
<input id="account-verification-code" type="text" data-number="true" style="border: 1px solid #80b601" onfocus="onTextInputFocus('sign-up-name-input-status')">
<span id="email-verification-code-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
</div>
<p id="verify-email-code-error" class="login-failed-text hide"><i class="fa fa-exclamation-circle fa-lg"></i>Required Fields are Empty</p>
<p id="verify-email-code-error-text" class="login-failed-text"></p>
<div class="hide" id="verify-retry-attempt"></div>
</div>
<div>
<button id="verify-btn" class="common-btn primary-btn action-btn full-width" style="background-color:#80b601;border-color:#80b601;width: 93%" onclick="onEmailOrMsisdnCodeVerification('BIZ_2uq122636a6','','')">
Verify</button>
</div>
<div class="register-new-account">Didn't Receive Code?
<a role="button" tabindex="0" id="resend-code" onclick="verifyCustomerAccount('BIZ_2uq122636a6','','','resend')">
<b>Resend</b>
</a>
<p style="font-style: italic;font-size: 11px">
<span id="verification-modal-email-verify-code-expired">Verification Code will Expire after 60 Minutes</span>
<span id="verification-modal-msisdn-verify-code-expired">Verification Code will Expire after 5 Minutes</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="verification-modal-verify-type">
<!-- Sign Up Modal -->
<script>
</script>
<div class="modal overflow-modal fade" id="guest-sign-up-modal" tabindex="-1" role="dialog" aria-labelledby="guest-sigup-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearErrorMessages()"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="guest-sigup-modal-label">Enter Your Details </h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center" id="sign-up-form-content">
<div class="input-area">
<form id="guest-sign-up-form" method="post" action="/webstore/guest-sign-up;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6" novalidate="">
<div class="login-body__input-area form-group">
<label style="padding-right: 3px" for="guest-name">Name </label>
<input id="guest-name" name="name" type="text" style="border: 1px solid #80b601" onfocus="onTextInputFocus('guest-name-input-status')">
<span id="guest-name-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="login-body__input-area form-group">
<label style="padding-right: 3px" for="guest-email">Email Address </label>
<input id="guest-email" name="email" type="email" style="border: 1px solid #80b601" onfocus="onTextInputFocus('guest-email-input-status')">
<span id="guest-email-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="login-body__input-area form-group" id="mobile-no-div">
<label style="padding-right: 3px" for="guest-msisdn">Mobile Number </label>
<input id="guest-msisdn" name="msisdn" type="tel" style="border: 1px solid #80b601" onfocus="onTextInputFocus('guest-msisdn-input-status')">
<span id="guest-msisdn-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div>
<p id="guest-sign-up-required-fields-error" class="login-failed-text hide">
<i class="fa fa-exclamation-circle fa-lg"></i>
Required Fields are Empty
</p>
<p id="guest-sign-up-invalid-email-error" class="login-failed-text hide">
<i class="fa fa-exclamation-circle fa-lg"></i>
Invalid Email
</p>
<p id="guest-sign-up-invalid-msisdn-error" class="login-failed-text hide">
<i class="fa fa-exclamation-circle fa-lg"></i>
Invalid Mobile Number
</p>
</div>
<input type="hidden" name="g-recaptcha-response" id="guest-sign-up-recaptcha-response" value="">
<input type="hidden" id="isNameFieldOptional" value="false">
<input type="hidden" id="isEmailFieldOptional" value="false">
<input type="hidden" id="isMsidnFieldOptional" value="false">
<div>
<input id="guest-sign-up-button" type="submit" value="Continue with Checkout" class="common-btn primary-btn action-btn full-width" style="background-color:#80b601;border-color:#80b601">
</div>
</form>
</div>
<div class="register-new-account">
Already Have an Account?
<a href="#!" data-toggle="modal" data-dismiss="modal" data-target="#sign-in-modal">
<b>Sign In </b>
</a>
</div>
<div style="font-size: 10px;">This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var onGuestSignupSubmit = function(token) {
$("#guest-sign-up-button").html("Continue with Checkout");
$("#guest-sign-up-button").prop('disabled', false);
console.log('onGuestSignupSubmit Append recptcha')
$("#guest-sign-up-recaptcha-response").val(token);
$('#guest-sign-up-form').submit();
}
$('#guest-sign-up-form').submit(function (event) {
console.log('onGuestSignupSubmit')
if (!validateGuestSignInFields()) {
event.preventDefault();
return;
}
if (!$("#guest-sign-up-recaptcha-response").val()) {
$("#guest-sign-up-button").html("<i class='fa fa-spinner fa-spin'></i>" + " " + "Continue with Checkout");
$("#guest-sign-up-button").prop('disabled', true);
event.preventDefault();
renderReCaptcha('guest-sign-up', 'BIZ_2uq122636a6');
}
})
$(document).ready(function () {
var isMsidnFieldOptional = $("#isMsidnFieldOptional").val();
if(isMsidnFieldOptional !== undefined && isMsidnFieldOptional === 'true') {
$("#mobile-no-div").addClass("hide");
} else {
$("#mobile-no-div").removeClass("hide");
}
});
</script>
<!-- Terms $ Conditions Modal -->
<div class="modal overflow-modal fade" id="terms-conditions" tabindex="-1" role="dialog" aria-labelledby="terms-modal-header">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i></button>
<h4 class="modal-title" id="terms-modal-header">Terms & Conditions</h4>
</div>
<div class="modal-body">
<div id="terms-error" class="alert alert-warning" style="background-color: #FEF3C2; color: black; border-width:1px !important; border-style:dashed; border-color: #F0B211; box-shadow:none;" hidden="">
We have updated our terms and conditions. Please read carefully and accept to continue with your order.
</div>
<iframe id="terms-iframe" style="border-style: none;width: 100%; height: 450px; border: 1px solid black;" class="iframe" src="https://merchant.applova.io/applova/pages/apptizer_terms_conditions.html">
</iframe>
<div id="terms-form" hidden="">
<div style="text-align: center; padding-top: 10px; padding-bottom: 10px;">
<label class="checkbox-inline" for="chkBox" style="color: black;">
<input type="checkbox" id="chkBox">
I agree to the updated terms and conditions
</label>
</div>
<div class="row">
<div class="col-sm-12">
<button id="terms-disagree-btn" class="common-btn primary-btn action-btn pull-left" style="background-color:white; border-color:#80b601; color:#80b601; width:48%;">
DISAGREE
</button>
<button id="terms-submit-btn" class="common-btn primary-btn action-btn pull-right" style="background-color:#80b601;border-color:#80b601; width:48%;" type="submit" disabled="">AGREE
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<input id="signInLabel" type="hidden" value="Sign In">
</div>
<!-- Terms $ Conditions Modal -->
<div class="modal overflow-modal fade" id="privacy-policy" tabindex="-1" role="dialog" aria-labelledby="privacy-policy-modal-header">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i></button>
<h4 class="modal-title" id="privacy-policy-modal-header">Privacy Policy</h4>
</div>
<div class="modal-body">
<iframe id="terms-iframe" style="border-style: none;width: 100%; height: 450px; border: 1px solid black;" class="iframe" src="">
</iframe>
</div>
</div>
</div>
</div>
<div class="modal overflow-modal fade" id="refund-policy" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 1040">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i></button>
<h4 class="modal-title" id="myModalLabel"> Refund Policy</h4>
</div>
<iframe style="border-style: none;width: 100%; height: 400px;" class="iframe" src=""></iframe>
</div>
</div>
</div>
<div class="modal fade" id="reset-password-modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="reset-password-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close hide" data-dismiss="modal" aria-label="Close" disabled=""><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="reset-password-modal-label">Enter Your New Password</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center">
<div class="input-area form-group">
<div class="alert alert-warning">
Since You Logged in using a temporary password, Please change the password
</div>
<div class="login-body__input-area ">
<label for="reset-password-new-password">New Password</label>
<input id="reset-password-new-password" type="password" style="border: 1px solid #80b601" onfocus="onTextInputFocus('reset-password-new-password-input-status')">
<span id="reset-password-new-password-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<p id="reset-password-form-error" class="login-failed-text hide" role="alert">
<i class="fa fa-exclamation-circle fa-lg"></i> Password must have at least 8 characters, containing alphabetic and numeric characters</p>
<p id="reset-password-form-error-text" class="login-failed-text"></p>
<div>
<input id="changePassword" type="hidden" value="Change password">
<input id="changingPassword" type="hidden" value="Changing your password">
<button id="reset-password-button" style="background-color:#80b601;border-color:#80b601" class="common-btn primary-btn action-btn full-width" onclick="resetPassword('/webstore/reset-password.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?state=&businessId=BIZ_2uq122636a6','','BIZ_2uq122636a6');">
Change password</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="change-password-modal" tabindex="-1" role="dialog" aria-labelledby="change-password-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="resetChangePasswordModal()"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="change-password-modal-label">Change Password</h4>
</div>
<div class="modal-body" style="padding: 35px;">
<div class="row">
<div class="col-sm-12 text-center">
<div class="login-body__input-area form-group">
<label for="change-password-old" style="color: #333333;">Enter Current Password</label>
<input id="change-password-old" type="password" style="border: 1px solid #80b601;">
<span id="change-password-old-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
</div>
<div class="col-sm-12">
<div class="login-body__input-area form-group">
<label for="change-password-new" style="color: #333333;">Enter New Password</label>
<input id="change-password-new" type="password" style="border: 1px solid #80b601;">
<span id="change-password-new-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
</div>
<div class="col-sm-12">
<div class="login-body__input-area form-group">
<label for="change-password-confirm" style="color: #333333;">Re-enter New Password</label>
<input id="change-password-confirm" type="password" style="border: 1px solid #80b601;">
<span id="change-password-confirm-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<span id="password-not-match-message" style="color:red" role="alert" aria-label="Passwords are not matching" class="hide"><i class="fa fa-exclamation-circle fa-lg"></i>
Passwords are not matching</span>
<span id="password-match-message" style="color:green" role="alert" aria-label="Passwords are matching" class="hide"><i class="fa fa-check-circle fa-lg"></i>
Passwords are matching</span>
<p id="reset-account-password-error" class="login-failed-text hide" role="alert" aria-label="Password must have at least 8 characters, containing alphabetic and numeric characters">
<i class="fa fa-exclamation-circle fa-lg"></i>
Password must have at least 8 characters, containing alphabetic and numeric characters
</p>
<p id="change-password-error" class="login-failed-text hide" role="alert"></p>
</div>
</div>
</div>
<div class="modal-footer">
<div class="row" style="margin: 0px;">
<div class="col-md-12 text-center" style="padding: 0px;">
<div class="input-area form-group" style="margin-bottom: 0px; padding: 0px;">
<div>
<button id="change-password-modal-btn" aria-label="Change Password" style="background-color:#80b601;border-color:#80b601" class="common-btn primary-btn action-btn full-width" onclick="updatePassword('/webstore/update-account-password.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6', 'BIZ_2uq122636a6');" disabled="">
Change password
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#password-match-message').addClass('hide');
$('#password-not-match-message').addClass('hide');
$('#change-password-modal-btn').prop('disabled', true);
$('#change-password-new, #change-password-confirm').on('keyup', function() {
if ($('#change-password-new').val() == $('#change-password-confirm').val()) {
$('#password-not-match-message').addClass('hide');
$('#password-match-message').removeClass('hide');
$('#change-password-modal-btn').prop('disabled', false);
$('#change-password-new-input-status').addClass('hide');
$("#change-password-confirm-input-status").addClass('hide');
} else {
$('#password-not-match-message').removeClass('hide');
$('#password-match-message').addClass('hide');
$('#change-password-modal-btn').prop('disabled', true);
$('#change-password-new-input-status').removeClass('hide');
$('#change-password-confirm-input-status').removeClass('hide');
}
});
});
</script>
<div class="modal fade" id="account-deactivate-modal" tabindex="-1" role="dialog" aria-labelledby="account-delete-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="resetAccountDeactivateModal()"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="account-delete-modal-label">Delete Account</h4>
</div>
<div class="modal-body" style="padding: 30px;">
<div class="row">
<div class="col-md-12">
<div class="row" style="padding: 22px;border:1px dashed #E91E63 !important;margin:0px;background-color: rgba(244, 67, 54, 0.1);color:#E91E63;font-weight: 300 !important;margin-bottom:22px;display: flex;">
<div style="width: 10%;display: flex;align-items: center;">
<i class="fa fa-exclamation-circle" style="font-size: 30px;"></i>
</div>
<div style="width: 90%;">
<span>
Please note that you will not be able to recover any information or data associated with your account if you choose to delete it.
</span>
</div>
</div>
</div>
<div class="col-md-12">
<p>Are you sure you want to delete your current account? If so, please enter your password below and click the delete button to proceed.</p>
</div>
<div class="col-md-12">
<div class="login-body__input-area form-group">
<label for="current-password" style="color: #333333;">Enter your current password to confirm account deletion</label>
<input id="current-password" type="password" style="border: 1px solid #80b601">
<span id="account-deactivate-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<p id="account-deactivate-error" class="login-failed-text hide" role="alert"></p>
</div>
</div>
</div>
<div class="modal-footer">
<div class="row" style="margin: 0px;">
<div class="col-md-6 text-center" style="padding: 0px;">
<div class="input-area form-group" style="margin-bottom: 0px; padding: 0px;">
<div>
<button style="background-color:#EFEFEF;border-color:#EFEFEF;color: #777777;" data-dismiss="modal" aria-label="Cancel" class="common-btn primary-btn action-btn full-width" onclick="resetAccountDeactivateModal()">
Cancel
</button>
</div>
</div>
</div>
<div class="col-md-6 text-center" style="padding: 0px;">
<div class="input-area form-group" style="margin-bottom: 0px; padding: 0px;">
<div>
<button id="account-deactivate-button" aria-label="Delete Account" style="background-color:#80b601;border-color:#80b601" class="common-btn primary-btn action-btn full-width" onclick="deactivateAccount('/webstore/account-deactivate.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6', 'BIZ_2uq122636a6')">
Delete
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
</script>
<div class="modal fade" id="contact-us" tabindex="-1" role="dialog" aria-labelledby="contact-us-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="contact-us-modal-label">Contact Us </h4>
</div>
<div class="modal-body modal-without-header">
<div class="modal-body__content">
<div class="row">
<div class="col-sm-12">
<h5 class="sub-topic" style="color:#80b601"><i class="fa fa-map"></i>
Address
</h5>
<p>77 Hudson St, Jersey City, NJ, 07302</p>
</div>
<div class="col-sm-6 hide">
<button class="common-btn primary-btn action-btn full-width">Get Directions</button>
</div>
</div>
</div>
<div class="modal-body__content">
<div class="row">
<div class="col-sm-12">
<div style="display: inline">
<span class="sub-topic" style="color:#80b601; text-transform: none;"><i class="fa fa-phone-square"></i>
Phone Number(s)
</span>
</div>
<a href="tel:2014342080" aria-label="2014342080"><p style="color:#595959">2014342080</p></a>
</div>
<div class="col-sm-6 hide">
<button class="common-btn primary-btn action-btn full-width">Call Now</button>
</div>
</div>
</div>
<div class="modal-body__content">
<div class="row">
<div class="col-sm-12">
<h5 style="color:#80b601" class="sub-topic"><i class="fa fa-envelope"></i>
Email
</h5>
<a href="mailto:[email protected]" aria-label="[email protected]">
<p style="color:#595959">[email protected]</p>
</a>
</div>
<div class="col-sm-6 hide">
<button class="common-btn primary-btn action-btn full-width">Send Mail</button>
</div>
</div>
</div>
<div class="modal-body__content">
<div class="row">
<div class="col-sm-12">
<h5 class="sub-topic" style="color:#80b601"><i class="fa fa-clock-o"></i>
Open Hours
</h5>
<p><b>Sunday</b> : Closed<br><b>Monday</b> : 08:00AM - 02:00PM<br><b>Tuesday</b> : 08:00AM - 02:00PM<br><b>Wednesday</b> : 08:00AM - 02:00PM<br><b>Thursday</b> : 08:00AM - 02:00PM<br><b>Friday</b> : 08:00AM - 02:00PM<br><b>Saturday</b> : Closed<br></p>
</div>
<div class="col-sm-6 hide">
<button class="common-btn primary-btn action-btn full-width">Get Directions</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
</script>
<div class="modal form-modal fade" id="delivery-location-picker" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="delivery-location-picker-label">
<input type="hidden" value="year" id="pickUpYearsId">
<input type="hidden" value="month" id="pickUpMonthsId">
<input type="hidden" value="day" id="pickUpDaysId">
<input type="hidden" value="hour" id="pickUpHoursId">
<input type="hidden" value="minute" id="pickUpMinutesId">
<input type="hidden" value="and" id="pickUpTimeSeparatorId">
<input id="deliveryLocationConfirmButtonLabel" type="hidden" value="Confirm">
<input id="deliveryLocationMinimumOrderAmountPartOne" type="hidden" value="Minimum Order amount should be over">
<input id="deliveryLocationMinimumOrderAmountPartTwo" type="hidden" value="">
<input id="deliveryChargeNotePartOne" type="hidden" value="Delivery fee of">
<input id="deliveryChargeNotePartTwo" type="hidden" value="applicable for {deliveryCity}">
<input id="deliveryChargeNotePartThree" type="hidden" value="; Estimated delivery time is">
<input id="deliveryChargeNotePartFour" type="hidden" value="Minutes.">
<input type="hidden" id="stateLabel" value="Select a State ">
<div class="modal-dialog" role="document" aria-labelledby="delivery-location-picker-label">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="delivery-location-picker-label">Choose Delivery Location </h4>
</div>
<div class="modal-body form-group">
<div class="input-area">
<label for="addressLineOne" class="sub-topic">Address Line1</label>
<input id="addressLineOne" placeholder="Enter address line 1..." type="text" style="border: 1px solid #80b601" aria-required="true" onfocus="onTextInputFocus('addressLineOne-input-status')">
<span id="addressLineOne-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="input-area">
<label for="addressLineTwo" class="sub-topic">Address Line2</label>
<input id="addressLineTwo" placeholder="Enter address line 2..." type="text" style="border: 1px solid #80b601">
<span id="addressLineTwo-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="input-area">
<div class="row">
<div class="col-xs-6">
<label for="stateValue" class="sub-topic">State
<span aria-hidden="true" class="label-text hide">State value</span>
</label>
<select onchange="getLocalityList(this.value, '/webstore/get-locality-list.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?&businessId=BIZ_2uq122636a6',undefined,undefined,
undefined,undefined,undefined,undefined,undefined,'');" id="stateValue" style="border: 1px solid #80b601; -webkit-appearance: menulist; height: 40px">
<option value="Select a State" selected="" disabled="" hidden="">Select a State </option>
</select>
</div>
<div class="col-xs-6">
<label for="cityValue" class="sub-topic">
City/Suburb
<span aria-hidden="true" class="label-text hide">city value</span>
<input type="hidden" id="zipCodeOrCityLabel" value="Select a City/Suburb ">
</label>
<input type="text" id="cityValue" style="border: 1px solid #80b601; -webkit-appearance: menulist; height: 40px" placeholder="Enter City/Suburb ...">
</div>
</div>
<span class="sub-topic " style="margin-bottom: 0px; color: #868686; text-transform: none; font-size: 12px" id="delivery-charger-note"></span>
</div>
<input id="selected-delivery-max-time" type="hidden" value="0">
<input id="selected-delivery-max-time_hours" type="hidden" value="0">
<input id="selected-delivery-area-id" type="hidden" value="">
<input id="deliveryId-for-address" type="hidden" value="">
<input type="hidden" id="deliverySupportedRange" value="">
<div class="input-area" id="postalCodeArea">
<label for="postalCode" class="sub-topic">
<span aria-hidden="true" class="label-text hide">postal code</span>
Zip Code</label>
<input id="postalCode" placeholder="Enter zip code ..." type="text" style="border: 1px solid #80b601" onfocus="onTextInputFocus('postalCode-input-status')">
<span id="postalCode-input-status" class="input-group-addon input-status hide">
<i class="fa fa-exclamation-circle fa-lg "></i>
</span>
</div>
<div class="login-failed-text hide" id="error-delivery-view" role="alert" aria-label="Required fields are empty">
<i class="fa fa-exclamation-circle fa-lg"></i> Required fields are empty
</div>
<div class="login-failed-text hide" id="error-delivery-location-changed">
<i class="fa fa-exclamation-circle fa-lg"></i>
This delivery address is not available
</div>
<div class="login-failed-text hide" id="invalid-address">
<i class="fa fa-exclamation-circle fa-lg"></i>
Invalid location
</div>
<div class="login-failed-text hide" id="delivery-location-not-supported">
<i class="fa fa-exclamation-circle fa-lg"></i>
Delivery Location not supported
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-xs-12">
<button id="confirm-delivery-location-button" aria-label="Confirm Address" class="common-btn primary-btn full-width" style="background-color: #80b601;border: 2px solid #80b601;" onclick="onClickConfirmAddress('/webstore/validate-address.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6'
,'/webstore/get-latest-delivery-date-and-time-slots.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6',
'BIZ_2uq122636a6','','', '/webstore/BIZ_2uq122636a6/update-bill-area.json;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'', false);">
Confirm
</button>
<button class="common-btn primary-btn full-width hide" aria-label="Confirming Address" style="text-transform: none" id="confirm-delivery-loader">
<i class="fa fa-spinner fa-spin"></i>
Verifying the Address…
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Cart On Checkout Popup Modal -->
<style>
.decline-btn{
background-color: #efefef;
border: 2px solid #efefef;
color: #595959;
}
</style>
<div class="modal fade" id="cartOnCheckoutPopup" tabindex="-1" role="dialog" aria-labelledby="cartOnCheckoutPopupModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<input type="hidden" id="isDeliverySupported">
<input type="hidden" id="isPickupSupported">
<input type="hidden" id="url">
<input type="hidden" id="loginUrl">
<input type="hidden" id="businessId">
<input type="hidden" id="token">
<input type="hidden" id="cartId">
<input type="hidden" id="type">
<input type="hidden" id="billAreaLoadUrl">
<input type="hidden" id="isDeliverySubTypesAvailable">
<input type="hidden" id="parentBusinessId">
<input type="hidden" id="tableNumber">
<input type="hidden" id="isGuestCheckoutEnabled">
<input type="hidden" id="isRewardsIntegrationEnabled">
<input type="hidden" id="isCustomerAgreedForRewards">
<input type="hidden" id="isMerchantOnDemo">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="cart-on-checkout-popup-title"></h4>
</div>
<div class="modal-body" style="height: 40vh;
padding: 0">
<iframe src="" id="cart-on-checkout-popup-body" style="width: 100%;
border: none;
height: 100%">
</iframe>
</div>
<div class="modal-footer" id="cart-on-checkout-popup-modal-footer" style="display: flex;
justify-content: space-around;">
<button type="button" class="common-btn decline-btn" id="cart-on-checkout-popup-negativeButton" data-dismiss="modal" aria-label="Close" style="width: 50%;"></button>
<button type="button" class="common-btn primary-btn" id="cart-on-checkout-popup-positiveButton" style="width: 50%">
</button>
</div>
</div>
</div>
</div>
<script>
$('#cart-on-checkout-popup-positiveButton').on('click', function () {
onClickProceedToCheckoutButton(
document.getElementById("isDeliverySupported").value,
document.getElementById("isPickupSupported").value,
document.getElementById("url").value,
document.getElementById("loginUrl").value,
document.getElementById("businessId").value,
document.getElementById("token").value,
document.getElementById("cartId").value,
document.getElementById("type").value,
document.getElementById("billAreaLoadUrl").value,
document.getElementById("isDeliverySubTypesAvailable").value,
document.getElementById("parentBusinessId").value,
document.getElementById("tableNumber").value,
document.getElementById("isGuestCheckoutEnabled").value,
document.getElementById("isRewardsIntegrationEnabled").value,
document.getElementById("isCustomerAgreedForRewards").value,
document.getElementById("isMerchantOnDemo").value
);
$('#cartOnCheckoutPopup').modal('hide');
});
</script>
<!-- Cart On Checkout Popup Modal End -->
<script>
</script>
<style>
.label-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
}
/* Hide the browser's default checkbox */
.label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.label-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.label-container input:checked ~ .checkmark {
background-color: #999;
}
/* Create the checkmark/indicator (hidden when not checked) */
.label-container:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.label-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.label-container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.boxed .modal-tip-btn {
display: inline-block;
padding: 10px;
border: 2px solid #DBDBDB;
background-color: #DBDBDB;
transition: all 0.3s;
color: #595959;
}
.boxed input[type="radio"] {
display: block !important;
opacity: 0;
}
.boxed input[type="radio"] + label {
cursor: pointer;
}
.boxed input[type="radio"]:checked + label,
.boxed input[type="radio"]:focus + label {
border: solid 2px black !important;
background-color: #80b601;
color: #FFFFFF;
}
</style>
<input id="confirm-button-text" type="hidden" value="Confirm">
<div class="modal overflow-modal fade" id="tip-picker" tabindex="-1" role="dialog" aria-labelledby="tip-picker-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content" style="max-width: 455px">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close" onclick="closeTippingModalAtOrderSummaryScreen()"></i>
</button>
<h4 class="modal-title" id="tip-picker-modal-label">Choose Tip Amount</h4>
</div>
<div class="modal-body form-group">
<div class="input-area">
<h6 class="sub-topic" style="text-transform: none !important;">Select Percentage</h6>
<form class="boxed" action="">
<div class="row" style="display: flex;align-items: center;justify-content: space-around;" id="defaultTipPercentages">
<div class="col-xs-2" style="padding: 0;">
<input type="radio" id="0" name="tip" value="0.00">
<label class="modal-tip-btn" for="0" style="padding-right: 16px;padding-left: 16px">0%</label>
</div>
<div class="col-xs-2" style="padding: 0;">
<input type="radio" id="10%" name="tip" value="10.00">
<label class="modal-tip-btn" for="10%">10% </label>
</div>
<div class="col-xs-2" style="padding: 0;">
<input type="radio" id="15%" name="tip" value="15.00">
<label class="modal-tip-btn" for="15%">15% </label>
</div>
<div class="col-xs-2" style="padding: 0;">
<input type="radio" id="18%" name="tip" value="18.00">
<label class="modal-tip-btn" for="18%">18% </label>
</div>
<div class="col-xs-2" style="padding: 0;">
<input type="radio" id="20%" name="tip" value="20.00">
<label class="modal-tip-btn" for="20%">20% </label>
</div>
</div>
<div id="suggestedTipPercentages">
</div>
<hr class="">
<div class="form-group row " style="margin-left: 0px; width: 98%; margin-bottom: 0">
<label for="tip-input" class="sub-topic" style="text-transform: none !important;">
Or Set A Custom Tip Amount?</label>
<div class="col-10">
<input class="form-control" type="text" name="tip-amount" id="tip-input" onclick="resetTipPercentage()" onkeypress="isNumber(event,this);" style="border-radius: 0px;width: 100%;
margin-bottom: 20px">
<div class="alert alert-warning" id="tip-warning" role="alert" style="display: none; margin-bottom: 0">
<i class="fa fa-exclamation-circle"></i>
Maximum tip amount allowed is $100.
</div>
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<div class="row" style="margin-left: 0;width: 100%;background-color:#D3D3D3">
<div class="col-xs-6">
<h6 class="sub-topic" style="color: black;padding: 5px; text-align: left; margin-left: 10px"><b>Tip Amount</b>
</h6></div>
<div class="col-xs-6" style="margin-bottom: 10px; margin-top: 10px; text-align: end">
<input type="hidden" id="subTotal">
<input type="hidden" id="currency">
<input type="hidden" id="deliveryCharge">
<input type="hidden" id="selectedPercentage">
<input type="hidden" id="appliedTipPercentageValue">
<input type="hidden" id="pickupSubtype">
<input type="hidden" id="grandTotalHidden">
<input type="hidden" id="tipSelectionPromptDisplay" value="AT_ORDER_SUMMARY_SCREEN">
<input type="hidden" id="deliveryPartnerMaxTipAllowedInCents">
<input type="hidden" value="collectionMethod">
<input type="hidden" id="paymentMethodChoosed" value="">
<span id="tipValue" style="margin-left: 62%; color:black;font-weight: bold; word-wrap: break-word; font-size: 12px;">NaN</span>
</div>
</div>
<div class="row hide " style="margin-left: 0;width: 100%;background-color:#D3D3D3 ">
<div class="col-xs-6">
<h6 class="sub-topic" style="color: black;padding: 5px;text-align: left; margin-left: 10px"><b>Grand Total</b>
</h6></div>
<div class="col-xs-6" style="margin-bottom: 10px; margin-top: 10px; text-align: end">
<span id="orderGrandTotal" style="margin-left: 62%; color:black; font-weight: bold; word-wrap: break-word; ">NaN</span>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<button id="location-button" class="common-btn primary-btn full-width" style="background-color:#80b601;border: 2px solid #80b601;" onclick="updateSelectedTippingAmount(
'BIZ_2uq122636a6','','', '/webstore/BIZ_2uq122636a6/update-bill-area.json;jsessionid=BA88AB384D88327061D9E3A7ED193787', '');">
Confirm
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("input[type=radio]").attr('disabled', false);
// $("#0").prop("checked", true);
var subTotal = document.getElementById('subTotal').value;
var radioValue = $("input[name='tip']:checked").val();
var tipTotal = roundTo((subTotal * radioValue) / 100.00, 2);
tipTotal = showTipWarning(tipTotal);
document.getElementById('tipValue').textContent = roundTo(tipTotal, 2);
var grandTotal = document.getElementById('grandTotalHidden').value;
let grandTotalFloat = !isNaN(parseFloat(grandTotal)) ? parseFloat(grandTotal) : 0.00;
grandTotalFloat = parseFloat(tipTotal) + grandTotalFloat;
document.getElementById('orderGrandTotal').textContent = roundTo(grandTotalFloat, 2);
});
function updateGrandTotal(tipTotal) {
let tipSelectionPromptDisplay = $("#tipSelectionPromptDisplay").val();
let currency = document.getElementById('currency').value;
if (tipSelectionPromptDisplay === 'AFTER_PAYMENT_METHOD_SELECTION') {
let grandTotal = document.getElementById('grandTotalHidden').value;
let grandTotalFloat = !isNaN(parseFloat(grandTotal)) ? parseFloat(grandTotal) : 0.00;
grandTotalFloat = parseFloat(tipTotal) + grandTotalFloat;
document.getElementById('orderGrandTotal').textContent = currency + roundTo(grandTotalFloat, 2);
document.getElementById('total-amount').textContent = currency + roundTo(grandTotalFloat, 2);
}
}
$("input[type='radio']").click(function (e) {
document.getElementById("tip-input").value = "";
var subTotal = document.getElementById('subTotal').value;
var radioValue = $("input[name='tip']:checked").val();
var tipTotal = roundTo((subTotal * radioValue) / 100.00, 2);
tipTotal = showTipWarning(tipTotal);
var currency = document.getElementById('currency').value;
document.getElementById('tipValue').textContent = currency + roundTo(tipTotal, 2);
document.getElementById('selectedPercentage').value = $("input[name='tip']:checked").attr('id');
updateGrandTotal(tipTotal);
});
$(document).on('click', "input[type='radio']", function () {
document.getElementById("tip-input").value = "";
var subTotal = document.getElementById('subTotal').value;
var radioValue = $("input[name='tip']:checked").val();
var tipTotal = roundTo((subTotal * radioValue) / 100.00, 2);
tipTotal = showTipWarning(tipTotal);
var currency = document.getElementById('currency').value;
document.getElementById('tipValue').textContent = currency + roundTo(tipTotal, 2);
document.getElementById('selectedPercentage').value = $("input[name='tip']:checked").attr('id');
updateGrandTotal(tipTotal)
});
function replaceUrlParam(url, paramName, paramValue) {
if (paramValue == null) {
paramValue = '';
}
var pattern = new RegExp('\\b(' + paramName + '=).*?(&|#|$)');
if (url.search(pattern) >= 0) {
return url.replace(pattern, '$1' + paramValue + '$2');
}
url = url.replace(/[?#]$/, '');
return url + (url.indexOf('?') > 0 ? '&' : '?') + paramName + '=' + paramValue;
}
function updateSelectedTippingAmount(businessId, cartId, token, billAreaUrl, deliverySupportedRange) {
if (document.getElementById("tip-input").value !== "") {
document.getElementById("appliedTipPercentageValue").value = "";
} else {
document.getElementById("appliedTipPercentageValue").value = document.getElementById('selectedPercentage').value;
}
const currency = document.getElementById('currency').value;
let tipTotal = document.getElementById('tipValue').textContent;
tipTotal = tipTotal.replace(currency, "");
console.log(tipTotal)
$('#tipAmountApplied').val(tipTotal)
$('#tip-picker').modal('toggle');
$('.show-right-menu-2').css('display', 'block');
$('.show-right-menu-2').animate({right: 0 + "px"}, 400);
$('.show-right-menu-1').css('display', 'none');
$('#tipAmount').val(tipTotal)
//check the deliver change here
var deliveryCharge = document.getElementById('deliveryCharge').value;
var pickupSubtype = document.getElementById('pickupSubtype').value;
if (deliveryCharge > 0) {
loadOrderSummaryAreaTemplate(billAreaUrl, businessId, token, "DELIVER", false, false, deliverySupportedRange, null, null, null, false, true);
} else {
loadOrderSummaryAreaTemplate(billAreaUrl, businessId, token, "PICK_UP", true, false, deliverySupportedRange, null, pickupSubtype, null, false, true);
}
}
function doCheckOutWithTip(deliverySupportedRange, businessId) {
var currency = document.getElementById('currency').value;
$("#tip-button").html("<i class='fa fa-spinner fa-spin'></i>" + document.getElementById("confirm-button-text").value);
$("#tip-button").prop('disabled', true);
var subTotal = document.getElementById('subTotal').value;
var textContent = document.getElementById('tipValue').textContent;
var tipValue = textContent.replace(currency, "");
var checkOutUrl = $('#checkoutUrl').val();
let replacedUrl = replaceUrlParam(checkOutUrl, 'tippingAmount', tipValue);
console.log(replacedUrl);
$('#checkoutUrl').val(replacedUrl);
var paymentMethod = $('#paymentMethodChoosed').val();
sendCheckoutFromModal(false, paymentMethod, deliverySupportedRange, businessId, false)
}
$('input[name="tip-amount"]').keyup(function (e) {
if (e.keyCode !== 9) {
$("input[type=radio]").prop("checked", false);
var currency = document.getElementById('currency').value;
var tipTotal = !isNaN(parseFloat($(this).val())) ? parseFloat($(this).val()) : 0.00;
tipTotal = showTipWarning(tipTotal);
console.log(tipTotal);
document.getElementById('tipValue').textContent = currency + roundTo(tipTotal, 2);
updateGrandTotal(tipTotal);
}
});
function showTipWarning(tip) {
let tipTotal = Number(tip);
let deliveryPartnerMaxTipAllowed =
Number(document.getElementById("deliveryPartnerMaxTipAllowedInCents").value / 100);
let collectionMethod = String(document.getElementById("collectionMethod").value);
if (collectionMethod === "DELIVER" && deliveryPartnerMaxTipAllowed !== 0 &&
deliveryPartnerMaxTipAllowed !== null) {
if (tipTotal > deliveryPartnerMaxTipAllowed) {
tipTotal = deliveryPartnerMaxTipAllowed.toFixed(2);
document.getElementById("tip-warning").style.display = "block";
} else {
document.getElementById("tip-warning").style.display = "none";
}
} else {
document.getElementById("tip-warning").style.display = "none";
}
return tipTotal;
}
function roundTo(n, digits) {
var negative = false;
if (digits === undefined) {
digits = 0;
}
if (n < 0) {
negative = true;
n = n * -1;
}
var multiplicator = Math.pow(10, digits);
n = parseFloat((n * multiplicator).toFixed(11));
n = (Math.round(n) / multiplicator).toFixed(2);
if (negative) {
n = (n * -1).toFixed(2);
}
return n;
}
function isNumber(evt, txt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if ((charCode > 31 && (charCode < 48 || charCode > 57)) && charCode !== 46) {
evt.preventDefault();
} else {
if (charCode === 46) {
if ((txt.value) && (txt.value.indexOf('.') >= 0)) {
evt.preventDefault();
} else {
return true;
}
}
return true;
}
var subTotal = document.getElementById('subTotal').value;
var radioValue = document.getElementById('tip-input').value;
var tipTotal = roundTo((subTotal * radioValue) / 100.00, 2);
var currency = document.getElementById('currency').value;
document.getElementById('tipValue').textContent = currency + roundTo(tipTotal, 2);
}
function resetTipAmount() {
document.getElementById('tip-amount').value = "0.00";
$("input[type=text]").attr('disabled', true);
}
function resetTipPercentage() {
$("input[type=radio]").prop("checked", false);
const currency = document.getElementById('currency').value;
showTipWarning(0);
document.getElementById('tipValue').textContent = currency + "0.00";
updateGrandTotal("0.00");
}
function onClickCloseTippingModal() {
var currency = document.getElementById('currency').value;
var grandTotal = document.getElementById('grandTotalHidden').value;
document.getElementById('total-amount').textContent = currency + grandTotal;
document.getElementById("tip-warning").style.display = "none";
$('#tip-input').val('');
$('#tip-picker').modal('hide');
}
function closeTippingModalAtOrderSummaryScreen() {
if (document.getElementById("appliedTipPercentageValue").value !== "" &&
document.getElementById("tip-input").value === "") {
document.getElementById('selectedPercentage').value =
document.getElementById("appliedTipPercentageValue").value;
} else {
document.getElementById('selectedPercentage').value = "";
}
showTipWarning(0);
$('#tip-input').val('');
$('#tip-picker').modal('hide');
}
</script>
<script>
</script>
<div class="modal fade" id="collection-method-modal" tabindex="-1" role="dialog" aria-labelledby="collection-method-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content" id="collection-method-view" data-ui-id="home_page-collection_method_view_modal-container">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" data-ui-id="home_page-collection_method_view_modal-close_button">
<i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="collection-method-modal-label" data-ui-id="home_page-collection_method_view_modal-title">
You Want The Order To Be... </h4>
</div>
<input type="hidden" id="isDeliverySubTypesAvailable" value="false">
<div class="modal-body__content" id="delivery-collection-method-area" data-ui-id="home_page-collection_method_view_modal-deliver_area-container">
<div class="row" style="display: flex;align-items:center;">
<button style="text-align: left;width: 100%;border: none;background: transparent" onclick="getCartSummaryItems('/webstore/get-cart-summary-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','/webstore/BIZ_2uq122636a6/sign-in;jsessionid=BA88AB384D88327061D9E3A7ED193787?state=&session=&cartId=',
'BIZ_2uq122636a6','','', 'DELIVER', '/webstore/BIZ_2uq122636a6/update-bill-area.json;jsessionid=BA88AB384D88327061D9E3A7ED193787', 'BIZ_2uq122636a6', false);">
<div class="col-sm-12" style="display: flex;align-items: center;">
<div class="col-xs-10" style="padding-left:0;display: flex;align-items: center;">
<span class="pull-left">
<div><i class="fa fa-truck" style="padding-right: 5px;"></i></div>
</span>
<span class="pull-left" style="padding-left: 5px;">
<div class="sub-topic" style="margin: 0; text-transform: none !important;">
Delivered
</div>
<span style="font-size: 12px;color: #9e9e9e;font-weight: normal;">
Delivery Charges May Apply
</span>
</span>
</div>
<div class="col-xs-2" style="padding-right:0">
<span class="pull-right"><div class="sub-topic" style="margin-top: 10px; margin-bottom: 10px;display: flex;"><i class="fa fa-chevron-right"></i></div></span>
</div>
</div>
</button>
</div>
</div>
<div class="modal-body__content" id="pickup-collection-method-area" data-ui-id="home_page-collection_method_view_modal-pick_up_area-container">
<div class="row" style="display: flex;align-items:center;">
<button style="text-align: left;width: 100%;border: none;background: transparent" onclick="getCartSummaryItems('/webstore/get-cart-summary-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','/webstore/BIZ_2uq122636a6/sign-in;jsessionid=BA88AB384D88327061D9E3A7ED193787?state=&session=&cartId=',
'BIZ_2uq122636a6','','', 'PICKUP', '/webstore/BIZ_2uq122636a6/update-bill-area.json;jsessionid=BA88AB384D88327061D9E3A7ED193787', 'BIZ_2uq122636a6', false);">
<div class="col-sm-12" style="display: flex;align-items: center;">
<div class="col-xs-10" style="padding-left:0;display: flex;align-items: center;">
<span class="pull-left">
<div><i class="fa fa-shopping-bag" style="padding-right: 5px;"></i></div>
</span>
<span class="pull-left" style="padding-left: 5px;">
<div class="sub-topic" style="margin: 0; text-transform: none !important;">
Picked Up At The Store
</div>
<span style="font-size: 12px;color: #9e9e9e;font-weight: normal;">
Available Options: To Go
</span>
</span>
</div>
<div class="col-xs-2" style="padding-right:0">
<span class="pull-right"><div class="sub-topic" style="margin-top: 10px; margin-bottom: 10px; line-height: 1.1;font-size: 14px;"><i class="fa fa-chevron-right"></i></div></span>
</div>
</div>
</button>
</div>
</div>
<div class="modal-body__content hide" id="checkout-not-available">
<div class="row">
<div class="col-sm-12">
<h5 class="sub-topic">Looks like Checkout Options are not available. Please contact the Store for more information.</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="collection-sub-method-modal" tabindex="-1" role="dialog" aria-labelledby="collection-sub-method-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content" id="collection-method-view" data-ui-id="home_page-collection_method_view_modal-container">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" data-ui-id="home_page-collection_method_view_modal-close_button">
<i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="collection-sub-method-modal-label" data-ui-id="home_page-collection_method_view_modal-title">
Choose how you want to Pickup your order...</h4>
</div>
<input type="hidden" id="isDeliverySubTypesAvailable" value="false">
<div class="modal-body__content" id="pickup-collection-method-area">
<div class="row" style="display: flex;align-items:center;">
<button onclick="getCartSummaryItemsWithPickUpSubType('/webstore/get-cart-summary-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','/webstore/BIZ_2uq122636a6/sign-in;jsessionid=BA88AB384D88327061D9E3A7ED193787?state=&session=&cartId=',
'BIZ_2uq122636a6','','', 'PICKUP', '/webstore/BIZ_2uq122636a6/update-bill-area.json;jsessionid=BA88AB384D88327061D9E3A7ED193787', 'IN_STORE_TO_GO', 'BIZ_2uq122636a6', false);" style="cursor: pointer; text-align: left;width: 100%;border: none;background: transparent;padding:4px 0" aria-label=" To Go">
<div class="col-sm-12">
<span class="pull-left"><h5 class="sub-topic"><i class="fa fa-shopping-bag"></i>
To Go
</h5>
</span><span class="pull-right"><div class="sub-topic" style="margin-top: 10px; margin-bottom: 10px; line-height: 1.1;font-size: 14px;"><i class="fa fa-chevron-right"></i></div></span>
</div>
</button>
</div>
</div>
<div class="modal-body__content hide" id="checkout-not-available">
<div class="row">
<div class="col-sm-12">
<h5 class="sub-topic">Looks like Checkout Options are not available. Please contact the Store for more information.</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="purchase-mark-customer-arrived-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
<div id="modal-template-content" class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button onclick="" type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="add-to-cart-modal-header-text">Please enter the below details so we know where to find you</h4>
</div>
<div class="modal-body">
<input type="hidden" value="" id="selectedOrderId">
<input type="hidden" value="" id="pickupSubtype">
<div class="row modal-body__item-list" style="display: flex; align-items: center; padding-top: 0; border: none;">
<div id="msisdn-fields" style="width: 100%;">
<div class="input-area " style="width: 100%;">
<h6 class="sub-topic" style="margin-top: 0;margin-bottom: 2px;">Your Phone Number</h6>
<label for="msisdn-input" class="sub-topic" style="margin-top: 0;color: #a9a9a9;font-style: italic;font-size: 11px;font-weight: normal;">If we are unable to locate you, we will use this number to call you.</label>
<input id="msisdn-input" value="" placeholder="Enter your phone number if our staff needs to reach you" name="Phone Number" type="text" required="true" style="border: 1px solid #80b601">
</div>
</div>
</div>
</div>
<div id="error-view-wrapper" class="modal-sub-footer hide">
<div class="row">
<div class=" fade in error-text">
Please fill the information required to complete the order.
</div>
</div>
</div>
<div id="processing-view-wrapper" class="hide">
<div class="col-xs-12 text-center" style="padding: 20px;">
<div class="row">
<span><i class="fa fa-spinner fa-spin fa-fw"></i> Please wait...</span>
</div>
</div>
</div>
<div class="modal-footer">
<button id="add-item-to-cart-button" class="common-btn primary-btn full-width prevent-select" style="background-color:#80b601;border: 2px solid #80b601" type="button" onclick="submitMarkOrderImHere('/webstore/mark-customer-arrived.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId={businessId}&orderId={orderId}&pickupSubtype={pickupSubtype}', 'BIZ_2uq122636a6', '/webstore/purchase-history;jsessionid=BA88AB384D88327061D9E3A7ED193787?correlationId={correlationId}&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6')">
Submit
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="purchase-mark-customer-arrived-success-message-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
<div id="modal-template-content" class="modal-dialog" role="document">
<div class="modal-content" style="margin-top: 100px;">
<div class="modal-header hide">
<h4 class="modal-title" id="add-to-cart-modal-header-text">Great!</h4>
</div>
<div class="modal-body col-xs-12" style="padding-top: 0;padding-bottom: 0;margin-top: 0;display: flex;align-items: center;">
<div class="col-xs-3 success-check" style="text-align:center;color: #80b601;">
<i class="fa fa-check-circle"></i>
</div>
<div class="col-xs-9" style="padding: 25px;">
<div class="row">
<span id="customer-arrived-success-message" style="font-size: 16px;">message</span>
</div>
</div>
</div>
<div class="modal-footer">
<button id="customer-arrived-success-button" class="common-btn primary-btn full-width" style="background-color:#80b601;border: 2px solid #80b601" type="button" onclick="reloadPage()" href="">
Got it!
</button>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var businessId = "BIZ_2uq122636a6";
var guestUsername = getCookie("cGuest-" + businessId);
if (guestUsername) {
$('#guest-username-fdmv3').val(guestUsername);
}
});
function onClickContinueFDMV3() {
$('#fdm-view-order-tracker-btn').addClass('show')
$('#checkout-success').modal('hide');
}
function onClickTrackOrderFDMV3() {
$('#checkout-success').modal('hide');
$('#order-tracker').modal('show');
console.log("show modal");
}
</script>
<div class="modal fade" id="checkout-success" tabindex="-1" role="dialog" aria-labelledby="checkout-title">
<div class="modal-dialog" role="document">
<div class="modal-content" data-ui-id="checkout_success_page-modal_content-container">
<div class="modal-header" data-ui-id="checkout_success_page-modal_header-container">
<h4 class="modal-title" id="checkout-title">Checkout Successful!</h4>
<h4 class="modal-title" id="order-placed-title">Order Placed!</h4>
</div>
<div class="modal-body" data-ui-id="checkout_success_page-modal_body-container">
<div class="row">
<div class="col-md-12 text-center">
<div class="margin-top-20 margin-bottom-20 main-color">
<div data-icon="ei-check" data-size="m"></div>
</div>
<input type="hidden" value="BIZ_2uq122636a6" id="businessId">
<input type="hidden" value="" id="isLoginUser">
<p><b style="font-size: 16px;">Your Order has been placed! </b>
<br>Thank you for your purchase</p>
<div class="checkout-confirm__order-num ">
<p>Your Order Number is</p>
<br>
<h3 style="color: #80b601; font-weight: bold; font-size: 30px; margin-top: 0;" id="orderNumber">#00</h3>
<br>
<p>Order ID: <span id="order-id"></span>
</p>
<br>
</div>
<div id="pickup-subtype-info-section" class="hide" style="background-color: #f1f1f1;margin-bottom: 20px;margin-left: 0px;margin-right: 0px;padding: 20px;border: dashed 1px #80b601;text-align: left;">
<div class="row" style="margin: 0;font-weight: bold;color: #80b601;">
<span><span id="pickup-subtype-title">Curbside Pickup</span> Instructions</span>
</div>
<div class="row" style="margin: 0;color: #80b601;">
<span id="pickup-subtype-info">When you arrive to the store, park by the Curbside Pick Up Spot marked by a sign</span>
</div>
</div>
<a target="_blank" href="" id="tracking-url" class="link-wrapper-gray">
<div id="delivery-tracking-info-section" class="hide" style="margin-bottom: 20px;margin-left: 20px;margin-right: 20px;border: solid 1px #d2d2d2;text-align: left;height: 100px;display: flex;align-items: center;overflow: hidden;">
<div class="col-xs-4" style="
background-image: linear-gradient(to right, rgba(245, 246, 252, -1.48), #fff),
url(https://tb-merchant.applova.io/applova/app-images/56_30482520/map.png);
height: 100px;background-size: contain;">
</div>
<div class="col-xs-8">
<span class="pull-left"><b style="color: #80b601;">Track Order</b><br>Start tracking your order now</span>
<span class="pull-right"><i class="fa fa-angle-right" style="font-size: 33px;/* color: #8a241d; */"></i></span>
</div>
<input id="tracking-url-link" value="" type="hidden">
</div>
</a>
<input id="rewardsIntegrationEnabled" type="hidden" value="false">
<div id="modal-loyalty-card" class="modal-loyalty-card hide" style="border: 1px solid #80b601; margin-left: 0 !important; margin-right: 0 !important;">
<input id="rewardsProvider" value="" type="hidden">
<input id="isCustomerEnrolledForRewards" value="false" type="hidden">
<input type="hidden" id="rewardsTitleHidden" value="You will earn {0} {1} Points for this order">
<div style="width: 100%;display:flex;margin:0;position:relative">
<div style="position: absolute;width:100%;height:100%;background: #80b601;z-index: 0;opacity:0.1"></div>
<div class="row loyalty-card-content">
<div id="loyalty-card-loader" style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;">
<i class="fa fa-spinner fa-spin fa-lg" aria-hidden="true" style="color: #80b601"></i>
<span style="color: #80b601; font-style: italic"> Calculating your reward points...</span></div>
<div class="icon-container hide" id="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="70" height="70" viewBox="0 0 99 99">
<defs>
<clipPath id="clip-ico-loylaty-modal">
<rect width="99" height="99"></rect>
</clipPath>
</defs>
<g id="ico-loylaty-modal" clip-path="url(#clip-ico-loylaty-modal)">
<g id="Group_63" data-name="Group 63" transform="translate(-816 -282)">
<circle id="Ellipse_3" data-name="Ellipse 3" cx="49.5" cy="49.5" r="49.5" transform="translate(816 282)" fill="#80b601"></circle>
<g id="trophy" transform="translate(839.245 299.565)">
<g id="Group_53" data-name="Group 53" transform="translate(0 0)">
<path id="Path_182" data-name="Path 182" d="M231.72,452h-5.261a1.264,1.264,0,1,0,0,2.529h5.261a1.264,1.264,0,0,0,0-2.529Z" transform="translate(-202.538 -394.852)" fill="#fff"></path>
<path id="Path_183" data-name="Path 183" d="M97.838,10.115H90.252V7.369A3.793,3.793,0,0,0,88.987,0H56.115A3.793,3.793,0,0,0,54.85,7.369v2.746H47.264A1.264,1.264,0,0,0,46,11.379v8.85A10.126,10.126,0,0,0,56.115,30.344h1.069q.365.635.782,1.245a17.786,17.786,0,0,0,7.026,5.992A3.785,3.785,0,0,0,67.83,41.7c-1.519,5.062-4.219,10.388-7.417,10.388H57.379A1.264,1.264,0,0,0,56.124,53.2L54.86,63.313a1.264,1.264,0,0,0,1.255,1.421H88.987a1.264,1.264,0,0,0,1.255-1.421L88.978,53.2a1.264,1.264,0,0,0-1.255-1.108H84.689c-1.936,0-3.571-2.032-4.6-3.738a30.04,30.04,0,0,1-2.815-6.65,3.785,3.785,0,0,0,2.838-4.121,17.786,17.786,0,0,0,7.027-5.993q.419-.608.781-1.244h1.069A10.126,10.126,0,0,0,99.1,20.229v-8.85a1.264,1.264,0,0,0-1.264-1.264ZM48.529,20.229V12.643H54.85v8.945a17.549,17.549,0,0,0,1.138,6.224A7.593,7.593,0,0,1,48.529,20.229ZM87.555,62.205H57.547l.948-7.586H86.607ZM79.7,52.091H65.4a15.468,15.468,0,0,0,1.776-2.42,33.551,33.551,0,0,0,3.257-7.853h4.241a33.555,33.555,0,0,0,3.251,7.844A15.48,15.48,0,0,0,79.7,52.091Zm-3.36-12.8H68.758a1.264,1.264,0,0,1,0-2.529h7.586a1.264,1.264,0,1,1,0,2.529Zm2.649-3.976a3.78,3.78,0,0,0-2.649-1.081H68.758a3.78,3.78,0,0,0-2.649,1.081,15.126,15.126,0,0,1-8.73-13.725v-14h9.482a1.264,1.264,0,1,0,0-2.529H56.115a1.264,1.264,0,1,1,0-2.529H88.987a1.264,1.264,0,1,1,0,2.529H78.24a1.264,1.264,0,1,0,0,2.529h9.483v14A15.127,15.127,0,0,1,78.993,35.313ZM96.573,20.229a7.593,7.593,0,0,1-7.459,7.583,17.549,17.549,0,0,0,1.138-6.224V12.643h6.322Z" transform="translate(-46 0)" fill="#fff"></path>
<path id="Path_184" data-name="Path 184" d="M203.388,99.921l-2.836-.5-1.408-2.59h0a2.524,2.524,0,0,0-4.444.02l-1.354,2.541-2.844.529a2.525,2.525,0,0,0-1.417,4.245l2,2.075-.367,2.8a2.528,2.528,0,0,0,1.662,2.846,2.512,2.512,0,0,0,1.931-.117l2.587-1.26,2.663,1.269a2.528,2.528,0,0,0,3.589-2.63l-.4-2.853,1.955-2.062a2.528,2.528,0,0,0-1.32-4.306Zm-.493,2.543-2.4,2.528a1.264,1.264,0,0,0-.335,1.045l.486,3.454-3.214-1.531a1.264,1.264,0,0,0-1.1,0l-3.134,1.528c.006-.03.011-.06.015-.09l.451-3.439a1.264,1.264,0,0,0-.343-1.042l-2.425-2.506.043-.007,3.46-.643a1.265,1.265,0,0,0,.885-.649l1.633-3.074,1.7,3.121a1.264,1.264,0,0,0,.89.641l3.438.607C202.932,102.426,202.913,102.445,202.9,102.464Z" transform="translate(-170.378 -83.434)" fill="#fff"></path>
<path id="Path_185" data-name="Path 185" d="M247.262,42.529a1.264,1.264,0,1,0,0-2.529h0a1.264,1.264,0,0,0,0,2.529Z" transform="translate(-220.711 -34.943)" fill="#fff"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<div class="main-content hide" id="main-content">
<p style="color: #80b601;font-size: 14px;margin-bottom:4px"><b id="rewardsSuccessTitle"></b></p>
<input type="hidden" id="rewardPageLinkHidden" value="<a style='color: #80b601; text-decoration: underline !important;' href='/webstore/rewardsV2?state=&token=&cartId=&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6'>
'Rewards'
</a>
">
<p id="rewards-message" style="font-size:14px;margin-bottom:0px">
Complete the payment of your order to earn these points. Click <a style="color: #80b601; text-decoration: underline !important;" href="/webstore/rewardsV2?state=&token=&cartId=&pbid=BIZ_2uq122636a6&bid=BIZ_2uq122636a6">
'Rewards'
</a>
to view total points you have earned and to unlock exciting rewards.
</p>
</div>
<div id="error-rewards-content" class="error-rewards-content hide" style="width: 100%">
<p style="font-size:14px;margin-bottom:0px">We ran into an error while calculating your points</p>
<button class="common-btn primary-btn full-width" type="button" aria-label="Retry" style="background-color:transparent;border:1px solid #80b601;color:#80b601;margin-top:16px;max-width:100px;padding:6px" onclick="loadRetryRewardsView('BIZ_2uq122636a6', null,null)">
<span><i class="fa" style="margin-right:4px"></i></span>
<span>Retry</span>
</button>
</div>
</div>
</div>
</div>
<p id="app-dl-title">Download our App for Exclusive Content</p>
<div id="app-dl-content" class="margin-top-20 margin-bottom-20 ">
<div class="row checkout-confirm__app-down-btn">
<div class="col-md-12">
<a href="https://play.google.com/store/apps/details?id=io.applova.standalone.pkgBIZ_2uq122636a6" target="_blank" aria-label="google appstore - links open in a new tab" style="display: inline">
<img src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/images/google-app-store.png" alt="google app store image">
</a>
<a href="https://apps.apple.com/app/hudson-greene-market/id1535886179" target="_blank" aria-label="apple appstore - links open in a new tab" style="display: inline">
<img src="/webstore/resources/images/apple_appstore.png ;jsessionid=BA88AB384D88327061D9E3A7ED193787" alt="apple appstore image">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" value="/webstore/;jsessionid=BA88AB384D88327061D9E3A7ED193787?bid=BIZ_2uq122636a6" id="cont-ordering-url">
<div class="modal-footer" id="default-button-area" data-ui-id="checkout_success_page-modal_footer-container">
<div class="row">
<div class="col-xs-12 ">
<button class="common-btn primary-btn full-width" id="cont-ordering-btn" data-ui-id="checkout_success_page-modal_footer-continue_button" aria-label="Continue" href="" style="background-color:#80b601;border: 2px solid #80b601;">
Continue
</button>
</div>
</div>
</div>
<div class="modal-footer" id="finish-and-pay-button-area">
<div class="row">
<div class="col-xs-12 ">
<button class="common-btn primary-btn col-md-6 col-xs-12" aria-label="Finish and pay" onclick="finishAndPay('/webstore/get-cart-summary-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','/webstore/BIZ_2uq122636a6/sign-in;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'BIZ_2uq122636a6','PICKUP', '/webstore/BIZ_2uq122636a6/update-bill-area.json;jsessionid=BA88AB384D88327061D9E3A7ED193787', 'IN_STORE_TO_GO', 'BIZ_2uq122636a6', false);" href="" style="background-color:#597f00;border: 2px solid #597f00;">
Finish & Pay
</button>
<button class="common-btn primary-btn col-md-6 col-xs-12" aria-label="Continue ordering" onclick="location.href='/webstore/;jsessionid=BA88AB384D88327061D9E3A7ED193787?bid=BIZ_2uq122636a6';" href="" style="background-color:#80b601;border: 2px solid #80b601;">
Continue Ordering
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="fdm-business-id" value="BIZ_2uq122636a6">
<input type="hidden" id="fdm-state" value="">
<input type="hidden" id="fdm-session" value="">
<input type="hidden" id="fdm-cart-id" value="">
<input type="hidden" id="fdm-token" value="">
<input type="hidden" id="business-id" value="BIZ_2uq122636a6">
<!-- Remove Products Modal -->
<div class="modal fade" id="remove-from-cart" tabindex="-1" role="dialog" aria-labelledby="clear-cart-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="clear-cart-modal-label">Clear Cart</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12">
Do you want to remove all Items from the cart?
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal" onclick="clearCart('/webstore/clear-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','/webstore/get-cart-size.json;jsessionid=BA88AB384D88327061D9E3A7ED193787','BIZ_2uq122636a6','','', 'REMOVE_ALL');">Clear Cart
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="clear-cart-on-checkout-modal" tabindex="-1" role="dialog" aria-labelledby="clear-cart-on-checkout-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="myModalLabel">Uh oh!</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12" id="error-message-container">
Some of the products in your cart are not available anymore. Your cart will be cleared.
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal" onclick="clearCart('/webstore/clear-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','/webstore/get-cart-size.json;jsessionid=BA88AB384D88327061D9E3A7ED193787','','','', 'ON_ERROR');">Okay
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="remove-item-cart" tabindex="-1" role="dialog" aria-labelledby="remove-item-cart-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="remove-item-cart-label">Clear Cart</h4>
</div>
<div class="modal-body">
<input type="hidden" id="variantIdAndAddonId" name="inputName" value="hiddenValue">
<div class="row modal-body__item-list">
<div class="col-md-12" id="remove-tem-body">
</div>
</div>
</div>
<div class="modal-footer">
<button id="removeSingleItem" class="common-btn remove-btn full-width" data-dismiss="modal" aria-label="Remove product from cart" onclick="clearCartItem('/webstore/clear-cart-item.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','/webstore/get-cart-size.json;jsessionid=BA88AB384D88327061D9E3A7ED193787','BIZ_2uq122636a6','','');">
</button>
<input type="hidden" value="Clear Cart" id="clearSingleItemId">
<input type="hidden" value="Do you want to remove" id="clearSingleItemMsgOne">
<input type="hidden" value="from the cart ? <br><br>" id="clearSingleItemMsgTwo">
<input type="hidden" id="productNameForAnalytics">
<input type="hidden" id="productIdForAnalytics">
<input type="hidden" id="variantIdForAnalytics">
<input type="hidden" id="variantNameForAnalytics">
<input type="hidden" id="itemPriceForAnalytics">
<input type="hidden" id="itemQuantityForAnalytics">
<input type="hidden" id="currencyForAnalytics">
<input type="hidden" id="isGoogleAnalyticsEnabled">
<input type="hidden" id="isDiningV3RemoveItem">
</div>
</div>
</div>
</div>
<div class="modal fade" id="add-favourite-item" tabindex="-1" role="dialog" aria-labelledby="add-favourite-item-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="add-favourite-item-label">Add To Favorites</h4>
</div>
<div class="modal-body">
<input type="hidden" id="lineItemId" name="inputName" value="hiddenValue">
<input type="hidden" id="cartId" name="inputName" value="hiddenValue">
<input type="hidden" id="cartItemId" name="inputName" value="hiddenValue">
<div class="row modal-body__item-list">
<div class="col-md-12" id="add-favourites-tem-body">
</div>
</div>
</div>
<div class="modal-footer">
<button id="addFavouriteItem" class="common-btn primary-btn full-width" data-dismiss="modal" aria-label="Add item to favorite" onclick="addFavouriteProduct('/webstore/add-favourite-item.json;jsessionid=BA88AB384D88327061D9E3A7ED193787','BIZ_2uq122636a6');">
</button>
<input type="hidden" value="Add To Favorites" id="addFavouriteItemId">
<input type="hidden" value="Do you want to add" id="addFavouriteItemMsgOne">
<input type="hidden" value="to your Favorites ? <br><br>" id="addFavouriteItemMsgTwo">
<input type="hidden" id="productNameForAnalytics">
<input type="hidden" id="productIdForAnalytics">
<input type="hidden" id="variantIdForAnalytics">
<input type="hidden" id="variantNameForAnalytics">
</div>
</div>
</div>
</div>
<div class="modal fade" id="remove-favourite-item" tabindex="-1" role="dialog" aria-labelledby="remove-favourite-item-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="remove-favourite-item-label">Remove From Favorites</h4>
</div>
<div class="modal-body">
<input type="hidden" id="productId" name="inputName" value="hiddenValue">
<div class="row modal-body__item-list">
<div class="col-md-12" id="remove-favourites-tem-body">
</div>
</div>
</div>
<div class="modal-footer">
<button id="removeFavouriteItem" class="common-btn remove-btn full-width" data-dismiss="modal" aria-label="Remove item from favorites" onclick="removeFavouriteProduct('/webstore/remove-favourite-item.json;jsessionid=BA88AB384D88327061D9E3A7ED193787','BIZ_2uq122636a6');">
</button>
<input type="hidden" value="Remove From Favorites" id="removeFavouriteItemId">
<input type="hidden" value="Do you want to remove" id="removeFavouriteItemMsgOne">
<input type="hidden" value="from your Favorites ? <br><br>" id="removeFavouriteItemMsgTwo">
<input type="hidden" id="productNameForAnalytics">
<input type="hidden" id="productIdForAnalytics">
<input type="hidden" id="variantIdForAnalytics">
<input type="hidden" id="variantNameForAnalytics">
</div>
</div>
</div>
</div>
<div class="modal fade" id="add-to-cart-choose" tabindex="-1" role="dialog" aria-labelledby="add-to-cart-choose-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" onclick="enableViewFromChooseDialog();" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="add-to-cart-choose-label">Would You Like To...</h4>
</div>
<input type="hidden" id="productId" name="inputName" value="hiddenValue">
<input type="hidden" id="state" name="inputName" value="hiddenValue">
<input type="hidden" id="session" name="inputName" value="hiddenValue">
<input type="hidden" id="token" name="inputName" value="hiddenValue">
<input type="hidden" id="cartId" name="inputName" value="hiddenValue">
<input type="hidden" id="businessId" name="inputName" value="hiddenValue">
<input type="hidden" id="lineItemId" name="inputName" value="hiddenValue">
<input type="hidden" id="note" name="inputName" value="hiddenValue">
<input type="hidden" id="addOnIds" name="inputName" value="hiddenValue">
<input type="hidden" id="variantId" name="inputName" value="hiddenValue">
<input type="hidden" id="variantName" name="inputName" value="hiddenValue">
<input type="hidden" id="productName" name="inputName" value="hiddenValue">
<input type="hidden" id="isGoogleAnalyticsEnabled" name="inputName" value="hiddenValue">
<input type="hidden" id="variantPrice" name="inputName" value="hiddenValue">
<input type="hidden" id="totalPrice" name="inputName" value="hiddenValue">
<input type="hidden" id="currencyCode" name="inputName" value="hiddenValue">
<div class="modal-body__content">
<div class="row" style="display: flex;align-items:center;">
<button data-dismiss="modal" onclick="productSingleAddToCartFromChooseDialog(
'/webstore/add-cart-item.json;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-product-details.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787')" style="cursor: pointer; text-align: left;width: 100%;border: none;background: transparent; padding: 0">
<div class="col-sm-12" style="display: flex; align-items: center">
<div class="col-xs-10" style="padding-left:0;display: flex;align-items: center;">
<span class="pull-left" style="display: flex;">
<i class="fa fa-plus-circle" style="font-size: 16px;"></i>
</span>
<span class="pull-left" style="padding-left: 12px;">
<div class="sub-topic" style="margin: 0; text-transform: none !important;">
<b>Customize Your Item</b>
</div>
</span>
</div>
<div class="col-xs-2" style="padding-right:0">
<span class="pull-right">
<div class="sub-topic" style="margin-top: 10px; margin-bottom: 10px; line-height: 1.1;font-size: 14px;"><i class="fa fa-chevron-right"></i></div>
</span>
</div>
</div>
</button>
</div>
</div>
<div class="modal-body__content">
<div class="row" style="display: flex;align-items:center;">
<button data-dismiss="modal" aria-label="Add Favorited Item To Cart" onclick="addItemToShoppingCartFromFavourites(
'/webstore/add-cart-item.json;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787')" style="cursor: pointer; text-align: left;width: 100%;border: none;background: transparent; padding: 0">
<div class="col-sm-12" style="display: flex;align-items: center;">
<div class="col-xs-10" style="padding-left:0;display: flex;align-items: center;">
<span class="pull-left" style="display: flex;">
<i class="fa fa-heart" style="font-size: 16px;"></i>
</span>
<span class="pull-left" style="padding-left: 12px;" id="add-cart-choose-item-desc">
<div class="sub-topic" style="margin: 0; text-transform: none !important;">
</div>
<span style="font-size: 12px;color: #9e9e9e;font-weight: normal;">
</span>
</span>
</div>
<div class="col-xs-2" style="padding-right:0">
<span class="pull-right">
<div class="sub-topic" style="margin-top: 10px; margin-bottom: 10px; line-height: 1.1;font-size: 14px;"><i class="fa fa-chevron-right"></i></div>
</span>
</div>
</div>
</button>
</div>
</div>
<div class="modal-footer">
<input type="hidden" value="{0} Other Add-On(s)" id="FavouriteDesc">
<input type="hidden" value="<b>Add Favorited Item To Cart</b><br>" id="FavouriteLabel">
<input type="hidden" id="productNameForAnalytics">
<input type="hidden" id="productIdForAnalytics">
<input type="hidden" id="variantIdForAnalytics">
<input type="hidden" id="variantNameForAnalytics">
</div>
</div>
</div>
</div>
<div class="modal fade error-modal-favourite-remove" id="error-modal-favourite-remove" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body text-center">
<div class="margin-top-20 margin-bottom-20">
<i class="fa fa-warning" aria-hidden="true" style="font-size:30px;"></i>
</div>
<p><b>Failed to remove favorite item</b><br> </p>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" type="button" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<input type="hidden" id="remove-header-text" value="Remove {0}">
<input type="hidden" id="remove-body-text" value="Do you want to remove <b> {0} </b> from the cart?">
<input type="hidden" id="remove-from-cart-text" value="Remove from Cart">
<div class="modal fade" id="remove-reward-item-cart" tabindex="-1" role="dialog" aria-labelledby="reward-modalHeader">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="reward-modalHeader">Remove Item</h4>
</div>
<div class="modal-body">
<input type="hidden" id="reservationId" name="inputName" value="hiddenValue">
<div class="row modal-body__item-list">
<div class="col-md-12" id="remove-reward-body">
</div>
</div>
</div>
<div class="modal-footer">
<button id="removeRewardItem" class="common-btn remove-btn full-width" data-dismiss="modal" onclick="clearRewardItem('/webstore/clear-reward-cart-item.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787','/webstore/get-cart-size.json;jsessionid=BA88AB384D88327061D9E3A7ED193787','BIZ_2uq122636a6','','');">Clear Cart
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="confirm-payment" tabindex="-1" role="dialog" aria-labelledby="payment-picker-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content" id="payment-picker-view">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="payment-picker-modal-label">Choose Your Payment Method </h4>
</div>
<div class="modal-body__content hide" id="checkout-processing">
<div class="processing-message" style="text-align: center">
<i class="fa fa-spin fa-spinner"></i>Processing
</div>
</div>
<div class="modal-body__content" id="pay-on-collect-row">
<div class="row">
<div style="display: flex;justify-content: space-between">
<button id="pay-later" href="#!" aria-label="Pay on collect" style="text-align: left;width: 90%;border: none;background: transparent" onclick="onClickPaymentType('false','PAY_ON_COLLECT','',
false, 'AT_ORDER_SUMMARY_SCREEN','$','',
'base', 'BIZ_2uq122636a6', 'false')">
<div class="col-sm-12">
<div class="sub-topic" style="font-size: 15px;display: flex;align-items: center;"><i class="fa fa-money "></i>
<div style="display: inline-block;padding-left: 10px;">
<span id="pay-later-label" style="display: block; text-transform: none !important;"></span>
<span id="cash-discount-display-text" style="font-size: 12px;font-weight: 100;"></span>
<span id=""></span>
</div>
</div>
</div>
</button>
<div id="pay-later-due-amount" style="margin:auto">
<span class="hide" id="pay-later-due-amount-display-text">
{0}% Discount is Applicable For Orders Paid In Cash
</span>
<span id="pay-later-due-amount-text"></span>
</div>
</div>
</div>
<div class="alert alert-info hide" id="pay-on-delivery-additional-info" role="alert" style="color:#31708f;margin-left: 5px;margin-right:5px;margin-top:5px;border-radius: 2px;margin-bottom: 0;border-color: #bee5eb;background-color: #d1ecf1">
<i class="fa fa-exclamation-circle fa-lg mr-2"></i>
<span id="pay-on-delivery-additional-info-text">
An additional money transfer fee of <b> {0} </b> will be charged for the pay on delivery orders.The total delivery charge of the order will be <b> {1} </b> </span>
</div>
</div>
<div class="modal-body__content" id="pay-now-row">
<input type="hidden" id="checkoutUrl">
<input type="hidden" id="isApptizerPGWSupported">
<input type="hidden" id="payCorpInitUrl">
<input type="hidden" id="collectionMethod">
<div class="row">
<div style="display: flex;justify-content: space-between">
<button id="pay-with-card" href="#!" style="text-align: left;width: 90%;border: none;background: transparent;" onclick="onClickPaymentType('false','PAY_NOW','',false,
'AT_ORDER_SUMMARY_SCREEN', '$','',
'base', 'BIZ_2uq122636a6', 'false')">
<div class="col-sm-12">
<div class="sub-topic" style="font-size: 15px;display: flex;align-items: center;"><i class="fa fa-credit-card"></i>
<div style="display: inline-block;padding-left: 10px;">
<span style="display: block; text-transform: none !important">
Pay with Credit/Debit Card
</span>
</div>
</div>
</div>
</button>
<div id="pay-now-due-amount" style="margin:auto">
<span id="pay-now-due-amount-text"> </span>
</div>
</div>
</div>
</div>
<div class="modal-body__content" id="zero-dollar-purchase-row">
<div class="row">
<button id="place-order" href="#!" style="text-align: left;width: 100%;border: none;background: transparent;" onclick="onClickPaymentType('false','PAY_NOW','',
false, 'AT_ORDER_SUMMARY_SCREEN', '$',
'', 'base', 'BIZ_2uq122636a6', 'false')">
<div class="col-sm-12">
<div class="sub-topic" style="font-size: 15px;display: flex;align-items: center;"><i class="fa fa-money"></i>
<div style="display: inline-block;padding-left: 10px;">
<span style="display: block; text-transform: none !important">
Place Order
</span>
</div>
</div>
</div>
</button>
</div>
</div>
<div id="checkout-error-message-area" class="modal-body__content hide">
<div class="alert alert-danger" role="alert" style="color: #a94442; font-size: unset; border-radius: 0; box-shadow: none;">
<h4 class="alert-heading" style="font-weight: bold; font-size: 16px;">Error Occurred!</h4>
<p>We ran into a problem while trying to place your order. Please try again or contact the store for support.</p>
<hr class="hide" style="margin-top: 10px; margin-bottom: 10px;">
<p id="error-code-block" class="mb-0 hide" style="font-weight: 600;"></p>
<p id="error-data-block" class="mb-0 hide"></p>
</div>
</div>
</div>
</div>
<input type="hidden" value="Pay On Pickup" id="payOnPickup">
<input type="hidden" value="Pay On Delivery" id="payOnDelivery">
<input type="hidden" value="false" id="primaryTextAvailable">
<input type="hidden" value="Pay with Cash on Pickup" id="cashDiscountPayNowText">
</div>
<div class="modal fade" id="paycorp_init" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="myModalLabel">Pay With Credit/Debit Card</h4>
</div>
<div class="modal-body__content" id="paycoprp-payment-view">
<div class="row">
<iframe id="paycorp-init" height="400px" width="100%" frameborder="0" style="background-color: #FFF" class="hide"></iframe>
<div id="progressView">
<div class="payment-type-pending center-block" id="payment-pending">
<i class="fa fa-spinner" aria-hidden="true"></i><i> Loading ....</i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Check Bill Sync Modal -->
<script>
</script>
<div class="modal fade" id="check-bill-sync-prompt-modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Please Review Your Cart.</h4>
</div>
<div class="check-bill-modal-notice" style="display: flex; align-items: center; justify-content: center">
<span style="display: flex; align-items: center;">
<!-- Information Icon -->
<div class="info-icon" style="margin-right: 10px; font-size: 20px;">
<i class="fa fa-exclamation-triangle" style="color: #E74C3C" aria-hidden="true"></i>
</div>
<div style="font-size: 13px;">
Looks like some of the products you have added to the cart have changed or they're not available anymore. Please review the products before continuing with the checkout.
</div>
</span>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center" style="padding-right: 0px;">
<div class="input-area form-group" style="margin-bottom: 0px; padding: 0px;">
<div id="altered-items-area-modal-content">
</div>
<div style="padding-right: 15px;">
<button id="accept-changes-button" aria-label="Accept Changes" class="common-btn primary-btn action-btn full-width" style="background-color:#80b601;border-color:#80b601;margin-top: 0px;" onclick="acceptChanges('/webstore/sync-cart.json;jsessionid=BA88AB384D88327061D9E3A7ED193787', 'BIZ_2uq122636a6', '', '/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787', '', '/webstore/get-cart-size.json;jsessionid=BA88AB384D88327061D9E3A7ED193787');">
Accept Changes
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="add-to-cart-item-count-not-available-error-model" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
</div>
<!-- Check Bill Sync Modal -->
<script>
</script>
<div class="modal fade" id="product-review-sync-modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Please Review Your Cart.</h4>
</div>
<div class="check-bill-modal-notice" id="product-review-description">
<span>Looks like the product you are trying to edit has changed and no longer available. </span>
<span id="product-review-accept-continue">Click accept and continue to proceed with {type} . </span>
<span id="product-review-remove">Please remove the below product to continue. </span>
<span id="product-review-accept">Click Continue to proceed with the current quantity. </span>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center" style="padding-right: 0px;">
<div class="input-area form-group" style="margin-bottom: 0px; padding: 0px;">
<div id="altered-line-item-area">
</div>
<div style="padding-right: 15px; padding-left: 15px;">
<button id="remove-from-cart-button" class="common-btn primary-btn action-btn half-width" style="background-color:#80b601;border-color:#ffffff;margin-top: 0px;" onclick="removeLineItem('/webstore/clear-cart-item.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-size.json;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'BIZ_2uq122636a6',
'',
'');">
Remove From Cart
</button>
<button id="accept-and-continue-button" class="common-btn primary-btn action-btn full-width" style="background-color:#80b601;border-color:#ffffff;margin-top: 0px;" onclick="acceptAndContinue('/webstore/get-cart-item;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/sync-cart.json;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-size.json;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'',
'',
'',
'',
'',
'',
'BIZ_2uq122636a6',
'');">
Accept & Continue
</button>
<button id="continue-changes-button" class="common-btn primary-btn action-btn half-width" style="background-color:#80b601;border-color:#ffffff;margin-top: 0px;" onclick="removeOrContinue('/webstore/sync-cart.json;jsessionid=BA88AB384D88327061D9E3A7ED193787', 'BIZ_2uq122636a6', '', '/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787', '', '/webstore/get-cart-size.json;jsessionid=BA88AB384D88327061D9E3A7ED193787');">
Continue
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Check Bill Sync Modal -->
<script>
</script>
<div class="modal fade" id="view-notification-modal" tabindex="-1" role="dialog" aria-describedby="notification-title" aria-labelledby="notification-modal-content" data-backdrop="static">
<div id="modal-template-content" class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<span class="modal-title" id="notification-title" aria-level="4" role="heading"></span>
<input type="hidden" value="Order is Ready" id="orderReadyModalTitleId">
<input type="hidden" value="Order is Rejected" id="orderRejectedModalTitleId">
<input type="hidden" value="Order is Completed" id="orderCompleteModalTitleId">
<input type="hidden" value="Order is Accepted" id="orderAcceptModalTitleId">
<input type="hidden" value="Order is Void" id="orderVoidModalTitleId">
<input type="hidden" value="Product Promo" id="productPromoModalTitleId">
<input type="hidden" value="Category Promo" id="categoryPromoModalTitleId">
<input type="hidden" value="Announcement" id="announcementModalTitleId">
<input type="hidden" value="View Order" id="viewOrderButtonId">
<input type="hidden" value="View Product" id="viewProductButtonId">
<input type="hidden" value="View Category" id="viewCategoryButtonId">
</div>
<div class="modal-body" id="notification-modal-content">
<div class="row modal-body__item-list" style="display: flex; align-items: center;">
<span style="padding-left: 20px; padding-right: 20px;" id="notification-message"></span>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-md-12 text-center" style="padding-right: 0px;">
<div class="input-area form-group" style="margin-bottom: 0px; padding: 0px;">
<div id="altered-items-area-modal-content">
</div>
<div style="padding-right: 15px;">
<a id="notification-action-button" class="common-btn primary-btn action-btn full-width col-xs-12 notification-modal-button" style="background-color:#80b601;border-color:#80b601;margin-top: 0px;height: 50px;padding-top: 13px;" href="">
Check
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
</script>
<div class="modal fade" id="line-item-customer-note" tabindex="-1" role="dialog" aria-hidden="false" aria-labelledby="line-item-note-modal" aria-modal="true">
<div class="modal-dialog">
<div class="modal-content " style="border-right-width: 0px">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearErrorMessages()"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="line-item-note-modal">
Add / Edit Item Note
</h4>
</div>
<div class="modal-body">
<label for="order-note-text-area" class="hidden">Enter Item note</label>
<div class="add-edit-note-modal-body">
<textarea id="order-note-text-area" class="form-control input-group-lg input-lg" type="text" placeholder="Add any special instructions" style="margin-bottom: 20px"></textarea>
</div>
<div class="hide" style="text-align: center" id="empty-order-note-error-view">
<i class="fa fa-exclamation-circle fa-lg " style="color: red"></i>
Empty Order Note
</div>
<button class="common-btn primary-btn action-btn full-width" aria-label="Update order note" style="background-color:#80b601;border: 2px solid #80b601" onclick="onUpdateOrderNote()">
Update Order Note
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="order-acceptance-modal" tabindex="-1" role="dialog" aria-labelledby="order-acceptance-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="myModalLabel">Uh oh!</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12" id="error-message-container">
Order quota exceeded for the requested time slot. Please try again with a different time slot.
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal" onclick="dismissOrderExceededModal();">Okay
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="common-checkout-error-modal" tabindex="-1" role="dialog" aria-labelledby="business-unavailable-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="myModalLabel">Uh oh!</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12" id="common-checkout-error-message" style="text-align: center">
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal" onclick="dismissBusinessUnavailableModal();">Okay
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="address-delete-confirm-modal" tabindex="-1" role="dialog" aria-labelledby="addressDeleteModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="addressDeleteModalLabel">Address Delete Confirm</h4>
</div>
<div class="modal-body" style="padding: 30px;">
<div class="row">
<div class="col-md-12">
<p>Are you sure want to delete this address?</p>
<input type="hidden" id="delete-address-id">
</div>
</div>
</div>
<div class="modal-footer">
<div class="row" style="margin: 0px;">
<div class="col-md-6 text-center" style="padding: 0px;">
<div class="input-area form-group" style="margin-bottom: 0px; padding: 0px;">
<div>
<button style="background-color:#EFEFEF;border-color:#EFEFEF;color: #777777;" aria-label="Cancel" data-dismiss="modal" class="common-btn primary-btn action-btn full-width">
Cancel
</button>
</div>
</div>
</div>
<div class="col-md-6 text-center" style="padding: 0px;">
<div class="input-area form-group" style="margin-bottom: 0px; padding: 0px;">
<div>
<button id="address-delete-confirm-button" style="background-color:#80b601;border-color:#80b601" aria-label="Delete Address" class="common-btn primary-btn action-btn full-width" onclick="deleteAddress('/webstore/delete-account-address.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6', 'BIZ_2uq122636a6')">
Confirm
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
</script>
<div class="modal form-modal fade" id="edit-address-modal" tabindex="-1" role="dialog" aria-labelledby="editAddressModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="editAddressModalLabel">Edit Address</h4>
</div>
<div class="modal-body form-group">
<div class="input-area">
<label for="address-line-one" class="sub-topic">Address Line1</label>
<input id="address-line-one" placeholder="Enter address line 1..." type="text" aria-required="true" style="border: 1px solid #80b601">
<input type="hidden" id="address-id">
<input type="hidden" id="address-country">
</div>
<div class="input-area">
<label for="address-line-two" class="sub-topic">Address Line2</label>
<input id="address-line-two" placeholder="Enter address line 2..." type="text" style="border: 1px solid #80b601">
</div>
<div class="input-area">
<div class="row">
<div class="col-xs-6">
<label for="address-state" class="sub-topic">
<span aria-hidden="true" class="label-text hide">Address State</span>
State</label>
<select onchange="getLocalityListForEditAddress(this.value, '/webstore/get-locality-list.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?&businessId=BIZ_2uq122636a6','');" id="address-state" style="border: 1px solid #80b601; -webkit-appearance: menulist; height: 40px">
<option value="Select a State" selected="" disabled="" hidden="">Select a State </option>
</select>
</div>
<div class="col-xs-6">
<label for="address-city" class="sub-topic">
<span aria-hidden="true" class="label-text hide">Address city</span>
City/Suburb
</label>
<input type="text" id="address-city" aria-required="true" style="border: 1px solid #80b601; -webkit-appearance: menulist; height: 40px" placeholder="Enter City/Suburb ...">
</div>
</div>
</div>
<div class="input-area ">
<label for="address-postal-code" class="sub-topic">
<span aria-hidden="true" class="label-text hide">address postal code</span>
Zip Code</label>
<input id="address-postal-code" placeholder="Enter zip code ..." type="text" style="border: 1px solid #80b601" onfocus="onTextInputFocus('postalCode-input-status')">
</div>
<div class="input-area">
<label for="address-label" class="sub-topic">Label</label>
<input id="address-label" placeholder="Enter address label.." type="text" aria-required="true" style="border: 1px solid #80b601">
</div>
<div class="login-failed-text hide" id="error-edit-address" role="alert" aria-label="Required fields are empty ">
<i class="fa fa-exclamation-circle fa-lg"></i> Required fields are empty
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-xs-12">
<button id="edit-address-btn" class="common-btn primary-btn full-width" style="background-color: #80b601;border: 2px solid #80b601;" onclick="updateAddresses('/webstore/update-account-address.json;jsessionid=BA88AB384D88327061D9E3A7ED193787?businessId=BIZ_2uq122636a6', 'BIZ_2uq122636a6')">
Update
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="order-placing-error-modal" tabindex="-1" role="dialog" aria-labelledby="order-placing-error-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="myModalLabel">Uh oh!</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<input type="hidden" value="Error occurred while placing order. <br> Please contact the store for assistance." id="checkoutGeneralError">
<input type="hidden" value="Error Code: " id="checkoutGeneralErrorCode">
<div class="col-md-12" id="generic-error-message-container" style="text-align: center">
</div>
<div class="col-md-12" id="generic-error-code-message-container" style="text-align: center; margin-top: 15px; margin-bottom: 15px">
</div>
<div class="col-md-12 hide" id="e31006-error-message-container">
You cannot modify this order anymore. Please contact the store for assistance.
</div>
<div class="col-md-12 hide" id="e31008-error-message-container">
This order has been placed with a different user. Please login to the same user to continue with the order or start a new order with this account. For further assistance, please contact the store.
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal" onclick="window.location.reload();">
Okay
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="no-payment-method-modal" tabindex="-1" role="dialog" aria-labelledby="no-payment-method-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="myModalLabel">Uh oh!</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12" id="generic-error-message-container">
Currently there's no payment method available to continue your order. Please contact the merchant.
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal">Okay
</button>
</div>
</div>
</div>
</div>
<input id="cookie-policy-elements" type="hidden" value="{"renewedDate":"2020-12-01","optionalPolicies":[{"key" : "AnalyticalCookie","name":"Analytical Cookies","description":"We use different technologies and affiliated third parties to analyze your behavior and interactions with our website, using cookies and trackers to improve the performance of our website. Analytical cookies do not store your name, e-mail address or any sensitive data."},{"key" :"ThirdPartyCookies","name":"Social Media Cookies","description":"These cookies and services are able to track your browser across other websites and to create a profile of your interests. If you do not allow these cookies and services, you may not be able to use or see these sharing tools"}]}">
<div class="modal fade" id="cookie-policy" tabindex="-1" role="dialog" aria-labelledby="cookie-policy">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="modalHeader">Cookie Policy</h4>
</div>
<div class="modal-body" style="padding: 18px;">
<div class="row modal-body__item-list">
<div class="row item">
<div class="col-md-6 col-sm-12">
<h4 class="main">Cookie Policy</h4>
</div>
<div class="col-md-6 col-sm-12">
<p class="date-stamp">Last Renewed: DECEMBER 1, 2020</p>
</div>
<div class="col-md-12 content-row">
<p>We use cookies to ensure that we give you the best experience for purposes listed below. Once you accept or save your cookie preferences, we will apply your preferences to our services. However, if you clear your browser cache, you may need to set your preferences again.We will keep you notified if we do any modifications to our cookie policy.</p>
</div>
</div>
<div id="cookies" class="row item">
<div class="col-md-12">
<h4>Manage Cookie Preferences</h4>
</div>
<div class="col-md-12 content-row active">
<div class="backdrop"></div>
<div class="row cookie-item" style="margin: 0px;border: 1px solid #80b601;">
<div class="col-md-6">
<h5 class="main-title">
Essential Cookies
</h5>
</div>
<div class="col-md-6 status-label" style="color: #80b601">
<h5>Always Active</h5>
</div>
<div class="col-md-12 cookie-description">
<p>Essential/Functional cookies are used to make functions such as the shopping cart. Without cookies, remembering of products added to your shopping cart is not possible. Some of the technologies used for functional purposes are essential for functioning of the website that cannot be disabled.</p>
</div>
</div>
</div>
<div id="optional-cookies" class="">
<div id="AnalyticalCookie" class="col-md-12 content-row item-optional ">
<div class="backdrop"></div>
<div class="row cookie-item" style="margin: 0px;">
<div class="col-md-6">
<h5 class="main-title">Analytical Cookies</h5>
</div>
<div class="col-md-6 status-label">
<label class="switch">
<input type="checkbox" name="optional-cookie-group" aria-label="accept Analytical Cookies" value="AnalyticalCookie" onchange="activateOrDeactivate('AnalyticalCookie')">
<span class="slider round"></span>
<span aria-hidden="true" class="label-text hide">Analytical Cookies</span>
</label>
<h5 class="status-value">Disabled</h5>
</div>
<div class="col-md-12 cookie-description">
<p>We use different technologies and affiliated third parties to analyze your behavior and interactions with our website, using cookies and trackers to improve the performance of our website. Analytical cookies do not store your name, e-mail address or any sensitive data.</p>
</div>
</div>
</div>
<div id="ThirdPartyCookies" class="col-md-12 content-row item-optional ">
<div class="backdrop"></div>
<div class="row cookie-item" style="margin: 0px;">
<div class="col-md-6">
<h5 class="main-title">Social Media Cookies</h5>
</div>
<div class="col-md-6 status-label">
<label class="switch">
<input type="checkbox" name="optional-cookie-group" aria-label="accept Social Media Cookies" value="ThirdPartyCookies" onchange="activateOrDeactivate('ThirdPartyCookies')">
<span class="slider round"></span>
<span aria-hidden="true" class="label-text hide">Social Media Cookies</span>
</label>
<h5 class="status-value">Disabled</h5>
</div>
<div class="col-md-12 cookie-description">
<p>These cookies and services are able to track your browser across other websites and to create a profile of your interests. If you do not allow these cookies and services, you may not be able to use or see these sharing tools</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn primary-btn full-width" onclick="onClickSaveCookiePreferences()" style="background: #80b601; border: 2px solid #80b601;">Save Cookie Preferences
</button>
</div>
</div>
</div>
</div>
<script>
</script>
<style>
.search-modal .modal-body__content {
padding:24px
}
.search-group {
position:relative;
margin: 0px;
}
.search-control-ico {
right: initial;
left: 12px;
top: 12px;
position:absolute
}
.search-input-control {
padding: 12px 12px !important;
padding-left: 34px !important;
}
</style>
<div class="modal fade search-modal" id="search" tabindex="-1" role="dialog" aria-labelledby="search-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="search-modal-label">Product Search </h4>
</div>
<form id="search-product-form" action="/webstore/searchProduct">
<div class="modal-body modal-without-header">
<div class="modal-body__content">
<div class="row">
<div class="col-sm-12">
<div class="form-group search-group">
<span class="search-control-ico">
<i class="fa fa-search"></i>
</span>
<input aria-hidden="true" type="hidden" name="businessId" value="BIZ_2uq122636a6">
<input aria-hidden="true" type="hidden" name="session" value="">
<label for="search-input" aria-hidden="false" class="hidden">Search for a Product</label>
<input id="search-input" class="search-input-control" type="text" name="productName" style="border: 1px solid #80b601" placeholder="Search for a Product">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-xs-12">
<button id="search-button" class="common-btn primary-btn full-width" type="submit" aria-label="Search product" style="background-color: #80b601;border: 2px solid #80b601;">
SEARCH
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<script>
document.getElementById('search-product-form').addEventListener('submit', function(event) {
var inputField = document.getElementById('search-input');
inputField.value = inputField.value.trim();
});
</script>
<div class="modal fade" id="confirm-alcohol-purchase-modal" tabindex="-1" role="dialog" aria-labelledby="alcohol-purchase-confirm-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="alcohol-purchase-confirm-modal">Verify Your Age</h4>
</div>
<div class="modal-body" style="padding: 15px 15px 0px 15px;">
<div class="row modal-body__item-list" style="padding: 0px 15px;
border: none;">
<div id="alcoholPurchaseAgeString-div" class="col-md-12" style="border: 0;
padding: 0;">
</div>
</div>
<div class="row modal-body__item-list" style="
padding: 0;
">
<div style="
margin: 15px;
border: 2px dashed #80b601;
padding: 10px;
display: flex;
color: #80b601;
background-color: #80b60110;
align-items: center;
">
<p class="" style="margin: 0; font-weight: bold; padding-right: 10px;padding-top: 4px;">
<i class="fa fa-info-circle" style="
font-size: 30px;
"></i></p>
<p class="" id="age-verification-prompt-msg" style=" margin: 0;font-weight: bold;">
The order will be handed over to the recipient only upon valid ID verification</p>
</div>
</div>
</div>
<div class="modal-footer">
<div class="col-xs-6" style="
padding: 0;
">
<button class="common-btn alternate-btn" data-dismiss="modal" style="
width: 100%;
border: none;
">
Cancel
</button>
</div>
<div class="col-xs-6" style="
padding: 0;
">
<button id="confirm-alcohol-purchase-btn" class="common-btn primary-btn" data-dismiss="modal" style="
width: 100%;
border: none;
">
Accept
</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="rewards-v2-user-enroll-error-modal" tabindex="-1" role="dialog" aria-labelledby="rewards-v2-user-enroll-error-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="myModalLabel">Rewards Error</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12" id="generic-rewards-error-message-container">
Error occurred while enrolling with Rewards. Please try again.
</div>
</div>
<div class="row modal-body__item-list">
<div class="col-md-12" id="mobile-number-rewards-error-message-container">
The mobile number you have provided is invalid. Please contact the store for support.
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal">Okay
</button>
</div>
</div>
</div>
</div>
<div class="modal fade in" id="rewards-v2-redeem-add-modal" tabindex="0" role="dialog" aria-labelledby="redeem-item-name" style="z-index: 1040;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body" style="padding:0px">
<div class="modal-reward-header" style="object-fit: cover;">
<img src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/images/rewards/campaign-graphic.svg" height="auto" width="100%" alt="rewards-campaign">
</div>
<div class="content-body-reward-modal" style="padding: 20px;">
<div class="row modal-body__item-list">
<div class="col-xs-12 main-title-row">
<span class="main-title-reward-modal modal-title" id="redeem-item-name" role="heading" aria-level="4"></span>
<p style="color: #80b601;" class="points-content-modal" id="redeem-item-points"></p>
</div>
<div class="col-xs-12 disclaimer-card-row">
<div id="disclaimerCard" class="disclaimer-card hide">
<i class="fa fa-info-circle" aria-hidden="true"></i>
<p style="margin: 0px;"><strong>Disclaimer:</strong>
</p><p style="margin: 0; padding: 5px" id="disclaimerText"> Lorem ipsum dolor sit amet, consectetur adipiscing elit</p><p></p>
</div>
</div>
<div class="col-xs-12 main-reward-info-row">
<div class="row modal-body__item-list" style="display: flex; align-items: center;">
<div class="col-xs-7">
Minimum Order Amount:
</div>
<div class="col-xs-5 text-right" id="min-order-value">
</div>
</div>
<div class="row modal-body__item-list" style="display: flex; align-items: center;">
<div class="col-xs-5">
Valid Until:
</div>
<div class="col-xs-7 text-right">
Until Further Notice
</div>
</div>
<div class="row modal-body__item-list" style="display: flex; align-items: center;">
<div class="col-xs-5">
Order Limit:
</div>
<div class="col-xs-7 text-right">
Limited to One Per Order
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="rewardsRuleId">
<input type="hidden" id="external-third-party-id">
<input type="hidden" id="rewards-rule-name">
<input type="hidden" id="minOrderValue">
<div id="rewards-v2-redeem-add-modal-footer" class="modal-footer reward-modal-footer">
<button class="common-btn secondary-btn" type="button" data-dismiss="modal">
Cancel
</button>
<button class="common-btn primary-btn" style="background-color:#80b601; border: 2px solid #80b601;" type="button" onclick="addRewardsToCart(
'/webstore/add-rewards-item;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'',
'',
'BIZ_2uq122636a6')">
Confirm
</button>
</div>
<div id="rewards-v2-redeeming-add-modal-footer" class="modal-footer reward-modal-footer hide">
<button class="common-btn primary-btn" style="background-color:#80b601; border: 2px solid #80b601;" type="button">
<i class="fa fa-spinner fa-spin fa-lg" aria-hidden="true"></i> Processing
</button>
</div>
</div>
</div>
</div>
</div>
<script>
</script>
<style>
.label-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
}
/* Hide the browser's default checkbox */
.label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.label-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.label-container input:checked ~ .checkmark {
background-color: #999;
}
/* Create the checkmark/indicator (hidden when not checked) */
.label-container:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.label-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.label-container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.boxed input[type="radio"] {
display: none;
}
.boxed input[type="radio"]:checked + label {
border: solid 2px;
background-color: #80b601;
}
.modal-reward-card .icon-wrapper {
width: 40px;
height: 40px;
border-radius: 200px;
display: flex;
align-items: center;
justify-content: center;
background-color: #80b601;
font-size: 23px;
}
.modal-reward-card .reward-card-title {
display: block;
margin-left: 12px;
}
.modal-reward-card .reward-card-content {
display: flex;
align-items: center;
}
.modal-reward-card .reward-card-content h5 {
text-transform: capitalize;
font-weight: 700;
font-size: 14px;
margin-top: 0px;
margin-bottom: 2px
}
.modal-reward-card .reward-card-content span {
font-size: 12px;
color: #9e9e9e;
font-weight: normal;
}
.modal-reward-card .reward-selection-btn {
min-width: 98px
}
.modal-reward-card .reward-selection-btn .text-active,
.modal-reward-card .reward-selection-btn.active .text-default {
display: none;
}
.modal-reward-card .reward-selection-btn.active .text-active {
display: block
}
.modal-reward-card .reward-selection-btn {
background-color: #ffffff;
color: #80b601 ;
border-color: #80b601;
min-width: 100px;
}
.modal-reward-card .reward-selection-btn.active {
background-color: #80b601;
border: 2px solid #80b601;
color: #ffffff;
}
@media (max-width: 576px) {
.modal-reward-card .icon-wrapper {
display: none;
}
.modal-reward-card .reward-card-title {
margin: 0px;
}
}
@media (max-width: 320px) {
.modal-reward-card .col-xs-7,
.modal-reward-card .col-xs-5 {
width: 50%
}
}
</style>
<script>
$(document).ready(function () {
$(".reward-selection-btn").click(function (evt) {
});
});
</script>
<div class="modal overflow-modal fade" id="view-rewards-modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="view-rewards-modal-title">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" onclick="onRewardsClose()" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="view-rewards-modal-title">View Rewards</h4>
</div>
<div class="hide" id="eligible-rewards-error" style="background: #e6220e; color: white">
<p id="rewards-v2-error-message" style="text-align: center; padding: 3px"></p>
</div>
<div class="rewards_wrap hide" id="eligible-rewards-template">
</div>
<div id="eligible-rewards-loader" style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; padding: 30px; text-align: center">
<i class="fa fa-spinner fa-spin fa-lg" aria-hidden="true" style="color: #80b601"></i>
<span style="font-style: italic"> Loading eligible rewards...</span></div>
<input type="hidden" id="selected-reward-id">
<div class="modal-footer">
<div class="row">
<div class="col-xs-12">
<button id="rewards-button" class="common-btn primary-btn full-width" style="background-color:#80b601;border: 2px solid #80b601;" onclick="addRewardToCart('BIZ_2uq122636a6' ,'', '', '/webstore/rewardsV2/customer/reward/eligible.json;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/rewardsV2/customer/reward/addToCart.json;jsessionid=BA88AB384D88327061D9E3A7ED193787')">
<i class="fa fa-spinner fa-spin hide" id="rewards-loading"></i>
Confirm
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="mobile-number-invalid-message" value="Mobile Number is invalid.">
<div class="modal fade" id="consumer-profile-common-error-modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title">Uh oh!</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12" id="profile-error-message-container">
</div>
<div class="col-md-12 hide" id="profile-common-error-message-container">
An error occurred while trying to update the details
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal">OK
</button>
</div>
</div>
</div>
</div>
<!-- Remove Products Modal -->
<div class="modal fade" id="remove-rewards-from-cart" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title" id="myModalLabel">Clear Rewards</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12">
Do you want to clear the reward from the cart?
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" id="rewards-remove-confirm" data-dismiss="modal" onclick="clearRewardItemsToCartFromRewardsPage(
'/webstore/add-rewards-item;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'',
'',
'BIZ_2uq122636a6')">Confirm
</button>
<button class="common-btn remove-btn full-width hide" id="rewards-remove-confirming"> <i class="fa fa-spinner fa-pulse fa-fw icon"></i>Processing
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="rewards-add-common-error" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title">Uh oh!</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12" id="error-message-container">
Something went wrong when adding rewards. Please try again
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal">OK
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="rewards-clear-common-error" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i>
</button>
<h4 class="modal-title">Uh oh!</h4>
</div>
<div class="modal-body">
<div class="row modal-body__item-list">
<div class="col-md-12" id="error-message-container">
Something went wrong when clearing rewards. Please try again
</div>
</div>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" data-dismiss="modal" aria-label="Ok">
OK
</button>
</div>
</div>
</div>
</div>
<!-- Captcha Modal -->
<div class="modal fade" id="waf-captcha-modal" tabindex="-1" role="dialog" aria-labelledby="waf-captcha-modal-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearErrorMessages()"><i class="fa fa-close"></i>
</button>
</div>
<div class="modal-body">
<div id="waf-captcha-loader" style="margin: 50px auto; text-align: center; display: none;">
<i class="fa fa-spinner fa-spin" style="color: #000; font-size: 32px;" aria-hidden="true"></i>
</div>
<div id="waf-captcha-box"></div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="rewards-v2-redeem-error-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body" style="padding:24px">
<div class="row" style="text-align:center">
<div class="col-md-12">
<div class="ico-container-modal-subtotal-insufficient">
<img src="https://applova-cdn.s3.amazonaws.com/webstore-v1/us/1.73.0.RELEASE/resources/images/ico-alert-error.svg" width="75" height="auto" alt="error-icon">
</div>
</div>
<div class="col-md-12">
<div class="main-content-row-subtotal-insufficient" style="margin-top: 12px;">
<p style="color: #777;font-size: 17px;font-weight: 600;margin-bottom: 1px;">
Reward cannot be redeemed
</p>
<p style="font-size: 14px;color: #777;margin-bottom: 0px;">
Subtotal is insufficient to redeem your selected reward.
</p>
</div>
</div>
</div>
</div>
<div class="modal-footer" id="rewards-error-modal-footer" style="display: flex">
<button class="common-btn secondary-btn" style="width: 100%" type="button" onclick="clickContinueShopping()">
ADD MORE PRODUCTS
</button>
<button id="clear-rewards-btn" class="common-btn primary-btn" style="width:100%; background-color:#e74c3c; border: 2px solid #e74c3c;" type="button" onclick="clearRewardItemsToCart(
'/webstore/add-rewards-item;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'/webstore/get-cart-items.htm;jsessionid=BA88AB384D88327061D9E3A7ED193787',
'',
'',
'BIZ_2uq122636a6')">
REMOVE REWARD & CHECKOUT
</button>
</div>
<div class="modal-footer hide" id="clearing-rewards-div" style="display: flex">
<button id="clearing-rewards-btn" class="common-btn primary-btn" style="width:100%; background-color:#e74c3c; border: 2px solid #e74c3c;" type="button">
<i class="fa fa-spinner fa-spin fa-lg" id="rewards-enroll-loading-spinner" aria-hidden="true" style="color: #fff"></i>
REMOVING
</button>
</div>
</div>
</div>
<script>
function clickContinueShopping() {
$('#rewards-v2-redeem-error-modal').modal('hide');
hideRightMenu();
}
</script>
</div>
<div class="modal fade " id="cookie-disabled-error-modal" style="z-index: 1100;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body text-center">
<div class="margin-top-20 margin-bottom-20">
<i class="fa fa-warning" aria-hidden="true" style="font-size:30px;"></i>
</div>
<p><b>please enable social cookies to continue.</b><br></p>
</div>
<div class="modal-footer">
<button class="common-btn remove-btn full-width" type="button" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="saved_addresses_picker_modal"></div>
<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; width: 0px; height: 0px;"><div></div></div></div><iframe id="ssIFrame_google" sandbox="allow-scripts allow-same-origin allow-storage-access-by-user-activation" allow="identity-credentials-get" aria-hidden="true" frame-border="0" src="https://accounts.google.com/o/oauth2/iframe#origin=https%3A%2F%2Fhudsongreenemarket.applova.menu&rpcToken=543900936.9801458&clearCache=1" style="position: absolute; width: 1px; height: 1px; inset: -9999px; display: none;"></iframe><div style="visibility: hidden; position: absolute; width: 100%; top: -10000px; left: 0px; right: 0px; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.5;"></div><div style="margin: 0px auto; top: 0px; left: 0px; right: 0px; position: fixed; border: 1px solid rgb(204, 204, 204); z-index: 2000000000; background-color: rgb(255, 255, 255);"><iframe title="recaptcha challenge expires in two minutes" name="c-66mqj6lw19k4" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/bframe?hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&k=6LduM1IpAAAAADIfFZSijT9tPW9vhLqecAQdSHuB" style="width: 100%; height: 100%;"></iframe></div></div></body></html>