1<!DOCTYPE html> 2<html> 3<head> 4 5 6 <title>Cart</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <link rel="apple-touch-icon" sizes="57x57" href="/images/fav-icon/apple-icon-57x57.png"> 9 <link rel="apple-touch-icon" sizes="60x60" href="/images/fav-icon/apple-icon-60x60.png"> 10 <link rel="apple-touch-icon" sizes="72x72" href="/images/fav-icon/apple-icon-72x72.png"> 11 <link rel="apple-touch-icon" sizes="76x76" href="/images/fav-icon/apple-icon-76x76.png"> 12 <link rel="apple-touch-icon" sizes="114x114" href="/images/fav-icon/apple-icon-114x114.png"> 13 <link rel="apple-touch-icon" sizes="120x120" href="/images/fav-icon/apple-icon-120x120.png"> 14 <link rel="apple-touch-icon" sizes="144x144" href="/images/fav-icon/apple-icon-144x144.png"> 15 <link rel="apple-touch-icon" sizes="152x152" href="/images/fav-icon/apple-icon-152x152.png"> 16 <link rel="apple-touch-icon" sizes="180x180" href="/images/fav-icon/apple-icon-180x180.png"> 17 <link rel="icon" type="image/png" sizes="192x192" href="/images/fav-icon/android-icon-192x192.png"> 18 <link rel="icon" type="image/png" sizes="32x32" href="/images/fav-icon/favicon-32x32.png"> 19 <link rel="icon" type="image/png" sizes="96x96" href="/images/fav-icon/favicon-96x96.png"> 20 <link rel="icon" type="image/png" sizes="16x16" href="/images/fav-icon/favicon-16x16.png"> 21 <link rel="manifest" href="/images/fav-icon/manifest.json"> 22 <meta name="msapplication-TileColor" content="#ffffff"> 23 <meta name="msapplication-TileImage" content="/images/fav-icon/ms-icon-144x144.png"> 24 <meta name="theme-color" content="#ffffff"> 25 26 27
27<script src="/Scripts/New_Scripts/jquery-3.4.1.min.js"></script>
27 28
28<script src="/bundles/jqueryui?ver13.2.9"></script>
28 29 30
30<script src="/Scripts/New_Scripts/jsCalendarAction.js"></script>
30 31
31<script src="/Scripts/New_Scripts/jsRapCalendar.js"></script>
31 32
32<script src="/Scripts/New_Scripts/bootstrap-4.0.0/js/popper.js"></script>
32 33
33<script src="/Scripts/New_Scripts/bootstrap-4.0.0/js/bootstrap.min.js"></script>
33 34 35
35<script src="/Scripts/New_Scripts/bootstrap-4.0.0/bootbox.all.js"></script>
35 36
36<script src="/Scripts/script.js?ver13.2.9"></script>
36 37 38
38<script src="/Scripts/jquery.sumoselect.min.js?ver13.2.9"></script>
38 39 40 41
41<script src="/Scripts/daterangepicker.js"></script>
41 42 43 44
44<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.min.js"> 45 </script>
45 46 47
47<script src="/Scripts/Angular/ui-bootstrap-tpls-0.11.0.min.js"></script>
47 48 49
49<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.js"> 50 </script>
50 51
51<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.0/angular-sanitize.min.js"> 52 </script>
52 53
53<script language="javascript" src="https://momentjs.com/downloads/moment.js"> 54 </script>
54 55 56 57 58
58<script src="/Scripts/jquery.validate.min.js"></script>
58 59 60 61 62 63 64
64<script src="/app/app.js?ver13.2.9"></script>
64 65 66
66<script src="/app/common/app.service.js?ver13.2.9"></script>
66 67 68
68<script src="/Scripts/New_Scripts/platform.unit.js"> 69 </script>
69 70
70<script src="/app/cart/cart.js?ver13.2.9"></script>
70 71 72 73 74 <style type="text/css"> 75 .ng-dirty input.ng-invalid-required, 76 .ng-dirty input.ng-invalid-email, 77 .ng-dirty input.ng-invalid, 78 .ng-dirty textarea.ng-invalid, 79 .ng-dirty select.ng-invalid.SumoUnder + p.SelectBox { 80 border: 1.5px solid #fc5314 !important; 81 } 82 83 .rptooltip { 84 position: relative; 85 display: inline-block; 86 cursor: pointer; 87 } 88 89 90 91 .help-finding-this { 92 width: 84px; 93 height: 36px; 94 font-family: FuturaPT; 95 font-size: 12px; 96 font-weight: 500; 97 letter-spacing: 1px; 98 color: #099eaf; 99 } 100 101 .notelabel { 102 font-family: futura-pt, sans-serif !important; 103 font-size: 16px !important; 104 font-weight: 300 !important; 105 letter-spacing: -0.52px !important; 106 color: #4c4c4e !important; 107 } 108 109 .item-box { 110 cursor: pointer !important; 111 } 112 113 /* .error-message { 114 position: fixed; 115 top: 0; 116 z-index: 10000; 117 margin-top: 0px !important; 118 }*/ 119 120 .w30PB_logo { 121 position: relative; 122 top: -3px; 123 /* width: 90px; */ 124 height: 17px !important; 125 } 126 127 .w30_logo { 128 /* width: 85px; */ 129 height: 17px; 130 position: relative; 131 top: -2px; 132 margin-right: -6px; 133 } 134 135 .w30_logo_sm { 136 height: 17px; 137 position: relative; 138 top: -2px; 139 margin-right: -6px; 140 } 141 142 .mrg-rgt-1px { 143 margin-right: -1px 144 } 145 </style> 146 <style type="text/css"> 147 #customBtn { 148 display: inline-block; 149 background: white; 150 color: #444; 151 width: 198px; 152 height: 28px; 153 border-radius: 25px; 154 border: thin solid #888; 155 box-shadow: 1px 1px 1px grey; 156 white-space: nowrap; 157 text-align: left; 158 } 159 160 #customBtn:hover { 161 cursor: pointer; 162 } 163 164 span.label { 165 font-family: serif; 166 font-weight: normal; 167 } 168 169 span.icon { 170 background: url(/Images/NewIcon/g-normal.png) transparent 3px 50% no-repeat; 171 display: inline-block; 172 vertical-align: middle; 173 width: 28px; 174 height: 27px; 175 border-radius: 20px; 176 } 177 178 span.buttonText { 179 display: inline-block; 180 vertical-align: middle; 181 font-size: 14px; 182 font-weight: bold; 183 /* Use the Roboto font that is loaded in the <head> */ 184 font-family: Helvetica, Arial, sans-serif; 185 letter-spacing: .25px; 186 } 187 188 .GoToWhole30 { 189 /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);*/ 190 -webkit-transform: rotate(180deg); 191 -moz-transform: rotate(180deg); 192 -ms-transform: rotate(180deg); 193 -o-transform: rotate(180deg); 194 transform: rotate(180deg); 195 display: inline-block; 196 position: relative; 197 top: 10px; 198 margin-left: 8px !important; 199 } 200 201 .W30_type { 202 font-size: 21px !important; 203 width: 50%; 204 float: left; 205 } 206 207 .W30_type label { 208 display: block; 209 } 210 211 .W30_type_container { 212 max-width: 375px; 213 min-height: 200px; 214 margin: 0 auto; 215 } 216 217 [type=radio] + .checkmark { 218 background: url(../Images/checkbox-IOS.png) no-repeat !important; 219 padding: 27px !important; 220 background-position: 0px 0px; 221 display: inline-block; 222 cursor: pointer !important; 223 } 224 225 .container-checkbox [type=radio]:checked ~ .checkmark { 226 background: url(../Images/checkbox-IOS.png) no-repeat !important;
227 background-position: -47px 0px !important; 228 } 229 230 .Step { 231 margin-bottom: 100px !important; 232 } 233 </style> 234 235 236 <link href="/Content/New_Style/bootstrap-4.0.0/css/bootstrap.min.css" rel="stylesheet" /> 237 <link href="/Content/Cart.StyleSheet.css?ver13.2.9" rel="stylesheet"/> 238 239 <link href="/Content/new-common-style.css?ver13.2.9" rel="stylesheet"/> 240 241 <link href="/Scripts/sumoselect.css" rel="stylesheet" /> 242 <link href="/Content/New_Style/Site.css" rel="stylesheet" /> 243 <link href="/Content/jqueryui/css?ver13.2.9" rel="stylesheet"/> 244 245 <link href="/Content/CalCSS?v=Cks_jwa3p2Jmtq0uCdQd1N2LgQAXSVTwFZePQGBWTds1" rel="stylesheet"/> 246 247 248 <link rel="stylesheet" href="https://use.typekit.net/gyz3xve.css"> 249 <style> 250 251 /* Shared */ 252 .loginBtn { 253 box-sizing: border-box; 254 position: relative; 255 /* width: 13em; - apply for fixed size */ 256 margin: 0.2em; 257 padding: 0 15px 0 46px; 258 border: none; 259 text-align: left; 260 line-height: 34px; 261 white-space: nowrap; 262 border-radius: 0.2em; 263 font-size: 16px; 264 color: #FFF; 265 } 266 267 .loginBtn:before { 268 content: ""; 269 box-sizing: border-box; 270 position: absolute; 271 top: 0; 272 left: 0; 273 width: 34px; 274 height: 100%; 275 } 276 277 .loginBtn:focus { 278 outline: none; 279 } 280 281 .loginBtn:active { 282 box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1); 283 } 284 285 286 /* Facebook */ 287 .loginBtn--facebook { 288 background-color: #4C69BA; 289 background-image: linear-gradient(#4C69BA, #3B55A0); 290 /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/ 291 text-shadow: 0 -1px 0 #354C8C; 292 } 293 294 .loginBtn--facebook:before { 295 border-right: #364e92 1px solid; 296 background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat; 297 } 298 299 .loginBtn--facebook:hover, 300 .loginBtn--facebook:focus { 301 background-color: #5B7BD5; 302 background-image: linear-gradient(#5B7BD5, #4864B1); 303 } 304 305 306 /* Google */ 307 .loginBtn--google { 308 /*font-family: "Roboto", Roboto, arial, sans-serif;*/ 309 background: #DD4B39; 310 } 311 312 .loginBtn--google:before { 313 border-right: #BB3F30 1px solid; 314 background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat; 315 } 316 317 .loginBtn--google:hover, 318 .loginBtn--google:focus { 319 background: #E74B37; 320 } 321 </style> 322 323
323<script> 324 $(function () { 325 var urlValue = window.location.protocol + "//" + window.location.host + "/"; //This is how to grab the root in JS 326 $("#RealplansSalesLogo").on("click", function () { 327 var $scope = getScope("cartController", "div"); 328 if ($scope.isUserLoggedIn) { 329 window.location.href = urlValue; 330 } else { 331 window.location.href = "https://realplans.com/"; 332 } 333 }); 334 }); 335 </script>
335 336 337 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, lines 337-338
337 338 <script async src="https://www.googletagmanager.com/gtag/js?id=
338AW-845953570
vendor: 17 bytes, lines 338-339
338"></script> 339
339<script> 340
vendor: 157 bytes, lines 340-343
340window.dataLayer = window.dataLayer || []; 341 function gtag() { dataLayer.push(arguments); } 342 gtag('js', new Date()); 343 gtag('config', '
343AW-845953570
vendor: 9 bytes, lines 343-344
343'); 344
344</script>
344 345 <!-- Google Tag Manager --> 346
346<script>
vendor: 495 bytes, lines 346-354
346 347 (function (w, d, s, l, i) { 348 w[l] = w[l] || []; w[l].push({ 349 'gtm.start': 350 new Date().getTime(), event: 'gtm.js' 351 }); var f = d.getElementsByTagName(s)[0], 352 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 353 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 354 })(window, document, 'script', 'dataLayer', '
354GTM-M8KJZZ3
vendor: 3 bytes, line 354
354');
354</script>
354 355 <!-- End Google Tag Manager --> 356</head> 357<body ng-app="RealPlansCart"> 358 359
359<script src="https://apis.google.com/js/platform.js" async defer></script>
359 360 <noscript> 361 <div style="padding: 15px; 362 margin-bottom: 20px; 363 border: 1px solid transparent; 364 border-radius: 4px; 365 color: #a94442; 366 background-color: #f2dede; 367 border-color: #ebccd1;"> 368 <strong>WARNING!</strong> JavaScript is off. Please enable to view full site. 369 </div> 370 </noscript> 371 <div class="calContainer"> 372 <div id="Whole30setting-customCalendar"></div> 373 <div id="CustomGiftCalendar"></div> 374 </div> 375 <div> 376 <div class="Cart-Header" style="position:relative!important;" ng-controller="CartHeaderController" id="CartHeaderController"> 377 <div class="container-fluid pull-text-center" ng-cloak> 378 <nav class="navbar navbar-light " style="padding: 0px 0px 0px 0px!important;display:inline-block!important;"> 379 <a class="navbar-brand" href="https://realplans.com/" style="padding:0px;margin:0px;"> 380 <img src="../Images/RealplansBrands/RealplansSalesLogo.png" class="d-inline-block align-top" alt="" ng-if="!$root.ShowRPPLogo" style="width:222px;"> 381 <img src="../Images/RealplansBrands/realplansprosaleslogo.png" class="d-inline-block align-top" alt="" ng-if="$root.ShowRPPLogo" style="width:272px;padding: 10px 0px 15px 0px;"> 382 383 </a> 384 </nav> 385 <div class="float-right pull-text-right"> 386 <button type="button" class="sm-btn_close" style="position:relative;top:24px;right: 5px;" ng-if="ShowClosebutton" ng-click="backToInitial()"></button> 387 </div> 388 <div class="clearfix"></div> 389 </div> 390 </div> 391 <div class=""> 392 393 394<link href="/Content/daterangepicker-bs2.css?ver13.2.9" rel="stylesheet"/> 395 396<link href="/Content/New_Style/NewCart.Style.css?ver13.2.9" rel="stylesheet"/> 397 398 399 400
401<script> 402 var Message = { 403 PaymentDetailError: "Please validate your payment details." 404 } 405</script>
vendor: 2 bytes, line 405
405
406<script> 407 gtag("event", "entered_cart", { 408 "send_to": "GA4" 409 }); 410</script>
410 411<div class="site-content Cart-Page" style="margin-bottom:10px" ng-controller="cartController" id="cartController"> 412 413 <div id="error-modal" ng-show="isError" style="display:none"> 414 <div class='ErrorDiv_overlay'></div> 415 <div class='ErrorDiv_Container'> 416 <div> 417 <div class="pull-left"> 418 <label class="NewCart-Sub-Header">Error</label> 419 </div> 420 <div class="pull-right"> 421 <button type="button" class="sm-btn_close" aria-hidden="true" ng-click="isError=false;errorList=[];"></button> 422 </div> 423 <div class="clearfix"></div> 424 </div> 425 <!-- /title --> 426 <div class="mrg-tp-10px"> 427 <ul class="error-message font-futura"> 428 <li ng-repeat="error in errorList">{{error.message}}</li> 429 </ul> 430 </div> 431 </div> 432 </div> 433 434 <div class="container-fluid" ng-cloak> 435 <!--RP section--> 436 437 <div class="Step Step1" ng-show="stepId==1" style=""> 438 <div> 439 <input type="hidden" name="IsDefaultDietID" id="IsDefaultDietID" value="" /> 440 <input type="hidden" name="cId" id="cId" ng-model="cId" value="" /> 441 <input type="hidden" name="ct" id="ct" ng-model="ct" value="" /> 442 <input type="hidden" name="defaultCouponApply" id="defaultCouponApply" value="" /> 443 <input type="hidden" name="RedirectionUrl" id="redirectionUrl" value="" /> 444 <input type="hidden" name="CartEntryUrl" id="cartEntryUrl" value="" /> 445 <input type="hidden" name="offerid" id="offerid" value="" /> 446 <div class="pull-text-center mrg-bt-50px"><label class="ft-bd-25">Letâs get you meal planning!</label></div> 447 <div class="pull-text-center" style="margin-bottom:80px!important;"><span class="ft-bd-20">Tell us a bit about what you eat,<br /> so we can get your plan customized for you.</span></div> 448 <div class="pull-text-center mrg-bt-25px"><span class="ft-bd-20">What is your eating style:</span></div> 449 <div class="pull-text-center mrg-bt-20px"> 450 451 <span class="Cart-btn ContinueBtn" ng-click="nextStep(1,2)" style="width:267px!important;">MEAT EATER</span> 452 </div> 453 <div class="pull-text-center" style="margin-bottom:70px;"> 454 455 <span class="Cart-btn ContinueBtn" ng-click="nextStep(1,3)" style="width:267px!important;">VEGETARIAN/VEGAN</span> 456 </div> 457 <div> 458 <div class="pull-text-center"><span class="ft-bd-20">Looking for Whole30?</span> <span class="Back_Cart_btn GoToWhole30" ng-click="nextStep(7,121)"></span></div> 459 </div> 460 </div> 461 </div> 462 <div class="Step Step2" ng-show="stepId==2"> 463 <div> 464 <div class="pull-text-center mrg-bt-25px"><span class="ft-bd-20">Do you eat gluten?</span></div> 465 <div class="pull-text-center mrg-bt-20px"> 466 <span class="Cart-btn ContinueBtn" ng-click="nextStep(2,4)" style="width:118px!important;">YES</span> 467 </div> 468 <div class="pull-text-center mrg-bt-30px"> 469 <span class="Cart-btn ContinueBtn" ng-click="nextStep(2,5)" style="width:118px!important;">NO</span> 470 </div> 471 <div class="pull-text-center mrg-bt-20px"> 472 <span class="Back_Cart_btn" ng-click="Gotobackstep(1)"></span> 473 </div> 474 </div> 475 </div> 476 477 <div class="Step Step3" ng-show="stepId==3"> 478 <div> 479 <div class="pull-text-center mrg-bt-25px"><span class="ft-bd-20">Which diet best describes you?</span></div> 480 <div class="pull-text-center mrg-bt-30px NotMeatDiet"> 481 <span class="Vegetarian_btn Cart-Btn" ng-click="Cart.User.MealPlanType=13;nextStep(3,9,{MealplanTypeID:13})"></span>
482 <span class="Vegan_btn Cart-Btn" ng-click="Cart.User.MealPlanType=20;nextStep(3,9,{MealplanTypeID:20})"></span> 483 <span class="Pescetarian_btn Cart-Btn" ng-click="Cart.User.MealPlanType=23;nextStep(3,9,{MealplanTypeID:23})"></span> 484 <span class="PBW30_btn Cart-Btn" ng-click="Cart.User.MealPlanType=14;W30_url='/Images/CartIcons/MiniPBWhole30.png';nextStep(7,12,{MealplanTypeID:14})"></span> 485 </div> 486 <div class="pull-text-center mrg-bt-20px"> 487 <span class="Back_Cart_btn" ng-click="Gotobackstep(1)"></span> 488 </div> 489 </div> 490 </div> 491 492 <div class="Step Step4" ng-show="stepId==4"> 493 <div> 494 <div class="pull-text-center mrg-bt-25px"><span class="ft-bd-20">Which diet describes you?</span></div> 495 <div class="pull-text-center mrg-bt-30px ClassicDiet"> 496 <span class="ClassicHealthy_btn Cart-Btn" ng-click="Cart.User.MealPlanType=1;nextStep(4,9,{MealplanTypeID:1})"></span> 497 <span class="ClassicHealthyNoDairy_btn Cart-Btn" ng-click="Cart.User.MealPlanType=3;nextStep(4,9,{MealplanTypeID:3})"></span> 498 <span class="Medi_btn Cart-Btn" ng-click="Cart.User.MealPlanType=44;nextStep(4,9,{MealplanTypeID:44})"></span> 499 </div> 500 <div class="pull-text-center mrg-bt-20px"> 501 <span class="Back_Cart_btn" ng-click="Gotobackstep(2)"></span> 502 </div> 503 </div> 504 </div> 505 506 <div class="Step Step5" ng-show="stepId==5"> 507 <div> 508 <div class="pull-text-center mrg-bt-25px"><span class="ft-bd-20">Do you eat dairy?</span></div> 509 <div class="pull-text-center mrg-bt-20px"> 510 <span class="Cart-btn ContinueBtn" ng-click="nextStep(5,6)" style="width:118px!important;">YES</span> 511 </div> 512 <div class="pull-text-center mrg-bt-30px"> 513 <span class="Cart-btn ContinueBtn" ng-click="nextStep(5,7)" style="width:118px!important;">NO</span> 514 </div> 515 <div class="pull-text-center mrg-bt-20px"> 516 <span class="Back_Cart_btn" ng-click="Gotobackstep(2)"></span> 517 </div> 518 </div> 519 </div> 520 521 522 <div class="Step Step6" ng-show="stepId==6"> 523 <div> 524 <div class="pull-text-center mrg-bt-25px"><span class="ft-bd-20">Which diet describes you?</span></div> 525 <div class="pull-text-center"> 526 <span class="GlutenFree_btn Cart-Btn" ng-click="Cart.User.MealPlanType=5;nextStep(6,9,{MealplanTypeID:5})"></span> 527 <span class="Primal_btn Cart-Btn" ng-click="Cart.User.MealPlanType=9;nextStep(6,9,{MealplanTypeID:9})"></span> 528 </div> 529 <div class="pull-text-center mrg-bt-30px"> 530 <span class="LowCarb_btn Cart-Btn" ng-click="Cart.User.MealPlanType=22;nextStep(6,9,{MealplanTypeID:22})"></span> 531 <span class="GAPS_btn Cart-Btn" ng-click="Cart.User.MealPlanType=25;nextStep(6,9,{MealplanTypeID:25})"></span> 532 <span class="FODMAP_btn Cart-Btn" ng-click="Cart.User.MealPlanType=113;nextStep(6,9,{MealplanTypeID:113})"></span> 533 </div> 534 <div class="pull-text-center mrg-bt-20px"> 535 <span class="Back_Cart_btn" ng-click="Gotobackstep(5)"></span> 536 </div> 537 </div> 538 </div> 539 540 <div class="Step Step7" ng-show="stepId==7"> 541 <div> 542 <div class="pull-text-center mrg-bt-25px"><span class="ft-bd-20">Which diet describes you?</span></div> 543 <div class="pull-text-center"> 544 <span class="DiaryFreeandGlutenFree_btn Cart-Btn" ng-click="Cart.User.MealPlanType=7;nextStep(7,9,{MealplanTypeID:7})"></span> 545 <span class="Paleo_btn Cart-Btn" ng-click="Cart.User.MealPlanType=11;nextStep(7,9,{MealplanTypeID:11})"></span> 546 </div> 547 <div class="pull-text-center mrg-bt-30px">
548 <span class="Whole30_btn Cart-Btn" ng-click="Cart.User.MealPlanType=24;W30_url='/Images/CartIcons/MiniWhole30.svg';nextStep(7,12,{MealplanTypeID:24})"></span> 549 <span class="AIP_btn Cart-Btn" ng-click="Cart.User.MealPlanType=21;nextStep(7,9,{MealplanTypeID:21})"></span> 550 </div> 551 <div class="pull-text-center mrg-bt-20px"> 552 <span class="Back_Cart_btn" ng-click="Gotobackstep(5)"></span> 553 </div> 554 </div> 555 </div> 556 557 <div class="Step Step8" ng-show="stepId==8"> 558 <div> 559 <div class="pull-text-center mrg-bt-20px"><span class="ft-bd-20">What equipment do you have in your kitchen?</span></div> 560 <div class="pull-text-center mrg-bt-20px equipments"> 561 <span ng-repeat="equipment in Cart.Equipments" ng-class="getEquipmentClass(equipment,1)" ng-click="updateEquipmentSelection(equipment)"></span> 562 </div> 563 <div class="pull-text-center mrg-bt-40px"> 564 565 <span class="Cart-btn ContinueBtn" ng-click="nextStep(8,10)" style="width:243px!important;">CONFIRM</span> 566 </div> 567 <div class="pull-text-center mrg-bt-20px"> 568 <span class="Back_Cart_btn" ng-click="Gotobackstep(PreviousStep)"></span> 569 </div> 570 </div> 571 </div> 572 573 <div class="Step Step9" ng-show="stepId==9"> 574 <div class="pull-text-center"> 575 <div ng-if="Cart.CartType!=3"> 576 <div class="pull-text-center mrg-bt-05px"> 577 <span class="ft-bd-20">Letâs set up an account!</span> 578 </div> 579 </div> 580 581 <div ng-if="Cart.CartType==3"> 582 <!--RPP --> 583 584 585 <div class="pull-text-center mrg-bt-15px"> 586 <span class="ft-bd-20">RealPlansPro Has Been Discontinued.</span> 587 </div> 588 589 590 </div> 591 592 <form action="/Users/RegisterSubscriber" method="post" id="create_account_form" name="createaccountform"> 593 594 <div class="create-account" style="max-width:455px;margin:0 auto; text-align:center" ng-if="Cart.CartType!=3"> 595 596 <div > 597 <div style="max-width:320px;margin:0 auto; text-align:center"> 598 <div class="float-left wtd50pr padrth"> 599 <input class="inputText-Class futura-heavy" placeholder="First Name*" type="text" ng-model="Cart.User.FirstName" required> 600 </div> 601 <div class="float-left wtd50pr padlft"> 602 <input class="inputText-Class futura-heavy" placeholder="Last Name*" type="text" ng-model="Cart.User.LastName" required> 603 </div> 604 <div class="clearfix"></div> 605 </div> 606 607 <div class="mrg-bt-15px noPad-LR" style="max-width:350px;margin:0 auto; text-align:center;position:relative"> 608 <input type="email" placeholder="Email*" class="inputText-Class futura-heavy" ng-model="Cart.User.Email" required style="max-width:320px!important;" ng-change="ClearRegistrationvalues('Email')" /> 609 <div class="mrg-bt-15px" style="position: absolute; width: 38px; right: -33px;
609 top: 17px;"> 610
610<script src="https://accounts.google.com/gsi/client" async defer></script>
610 611 <div id="g_id_onload" 612 data-client_id="455268302921-ln0mjplj1bmf8uu9a6qll5id7cmfh8at.apps.googleusercontent.com" 613 data-callback="handleCredentialResponse"> 614 </div> 615 <div class="g_id_signin" 616 data-type="icon" 617 data-shape="circle" 618 data-theme="outline" 619 data-text="signin_with" 620 data-size="medium"> 621 </div> 622 </div> 623 </div> 624 625 <div class="pull-text-center mrg-bt-25px"><label class="data-Class">We won't spam you in any way</label></div> 626 627 <div class="pull-text-center"> 628 <span class="ft-bd-20">Existing account?</span> 629 </div> 630 <div class="mrg-bt-20px"> 631 <input type="email" placeholder="Email for existing Real Plans account" class="inputText-Class futura-heavy" style="max-width:320px!important;" ng-model="Cart.User.Existingemail" ng-change="ClearRegistrationvalues('Existingemail')" /> 632 </div> 633 634 <div class="pull-text-left" style="max-width:320px;margin:0 auto; text-align:center;margin-bottom:60px!important;"> 635 <span class="giftIcon" style="margin-right:12px;"></span> 636 <label class="data-Class">If you are gifting Real Plans, please use your <br /> email for the credit card receipt.</label> 637 </div> 638 </div> 639 </div> 640 641 <div class="create-account" ng-if="Cart.CartType==3"> 642 643 644 <div > 645 <p> 646 Thank you for your interest in RealPlansPro. <br /> 647 We have officially discontinued the RealPlansPro program and are no longer accepting new registrations. 648 <br /> 649 <br /> 650 We appreciate your support and understanding. <br /> 651 If you have any questions, please contact our support team. 652 </p> 653 </div> 654 </div> 655 </form> 656 </div> 657 658 <div class="pull-text-center mrg-bt-20px" style="margin-top:25px;"> 659 <span ng-if="Cart.CartType!=3" class="Cart-btn ContinueBtn" ng-click="nextStep(9,10,{validate:createaccountform.$valid})">Continue</span> 660 661 </div> 662 <div class="pull-text-center mrg-bt-50px" ng-if="Cart.CartType!=3"> 663 <span class="Back_Cart_btn" ng-click="Gotobackstep(PreviousStep)"></span> 664 </div> 665 </div> 666 667 668 <div class="Step Step10" ng-show="stepId==10" ng-cloak> 669 <div class="mrg-tp-50px"> 670 671 <div class="pull-text-center mrg-bt-20px"> 672 <span class="ft-bd-20">Choose your plan:</span> 673 </div> 674 675 <div class="Cart-Green-row mrg-bt-30px"> 676 <div class="SubsContainer" ng-repeat="sub in Cart.Subscriptions"> 677 <div style="margin-bottom:10px;"> 678 <span class="ft-bd-20">{{sub.Subscription}}</span> 679 </div> 680 <div style="margin-bottom:10px;"> 681 <span class="ft-bd-20">{{sub.SubHeading}}</span> 682 </div> 683 <div style="margin-bottom:10px;">
684 <span class="ft-bd-20">{{sub.Price}}</span> 685 </div> 686 <div style="margin-bottom:10px;"> 687 <span class="Cart-btn ContinueBtn begin-checkout" aria-hidden="true" data-dismiss="modal" data-refresh="false" ng-click="addItemToCart(null,{ItemID:sub.ItemID,Items:sub.Items},11);" onclick="handleBeginCheckoutClick();">JOIN NOW</span> 688 </div> 689 <div style="margin-bottom:10px;"> 690 <span class="data-Class" ng-show="Cart.CartType!=3 && Cart.CartType != 2 ">10 day money back guarantee</span><br ng-hide="sub.SubHeading!=''" /> 691 <span class="data-Class" ng-show="Cart.CartType!=3 && Cart.CartType == 2 ">Plus 10 EXTRA DAYS for setup <br />and grocery shopping</span><br ng-hide="sub.SubHeading!=''" /> 692 <span class="data-Class" ng-hide="sub.Description!=''">{{sub.Description}}</span> 693 <span class="data-Class" ng-hide="Cart.CartType!=3">No refunds for professional products</span><br ng-hide="sub.SubHeading!=''" /> 694 </div> 695 </div> 696 <div class="clearfix "></div> 697 </div> 698 699 <div class="pull-text-center mrg-bt-20px SubsTextRow" ng-if="Cart.CartType!=3"> 700 <span class="ft-bd-20" ng-if="Cart.CartType!=2">Ready to eat better & enjoy life more?</span> 701 <span class="ft-bd-20" ng-if="Cart.CartType==2">Our award-winning technology practically does your <img ng-src="{{W30_url}}" ng-class="Cart.User.MealPlanType==14?'w30PB_logo':'w30_logo'"> for you.</span> 702 </div> 703 <div class="pull-text-center mrg-bt-20px SubsTextRow" ng-if="Cart.CartType==3"> 704 <span class="ft-bd-20">For 50 seats or more, please <a href="https://realplans.com/contact/" target="_blank" style="color:#099EAF!important">contact us</a> for enterprise pricing.</span> 705 </div> 706 707 <div class="pull-text-center mrg-bt-20px SubsTextRow" style="background-color: #67C3AE; border: 1px solid #979797;padding: 20px 20px;" ng-if="Cart.CartType!=3"> 708 <span class="ft-bd-20" style="color:#FFFFFF!important" ng-if="Cart.CartType!=2"> 709 Let our award-winning technology make your planning, shopping, and cooking easier than ever. 710 </span> 711 712 <span class="ft-bd-20" style="color:#FFFFFF!important" ng-if="Cart.CartType==2"> 713 94% of our Whole30ers told us we were an integral part to their Whole30 success. 714 </span> 715 </div> 716 717 <div class="pull-text-center mrg-bt-20px SubsTextRow" style="background-color: #67C3AE; border: 1px solid #979797;padding: 20px 20px;" ng-if="Cart.CartType==3"> 718 <span class="ft-bd-20" style="color:#FFFFFF!important"> 719 As a Real Plans Pro Practitioner, you receive all of the award-winning functionality of our meal planning software plus: 720 </span> 721 </div> 722 723 <div class="pull-text-center mrg-bt-30px" ng-if="Cart.CartType!=3"> 724 <span class="ft-bd-20">As a #realplanner you get:</span> 725 </div> 726 727 <div class="mrgbtn40px" style="padding:0px 30px" ng-if="Cart.CartType!=3"> 728 <div class="IconTextContainer"> 729 <div class="image-icon"> 730 <img src="/Images/CartIcons/Flex_MealPlanIcon.svg" /> 731 </div> 732 <div class="Textcontainer"> 733 <label class="ft-bd-20">Flexible meal planning</label> 734 735 736 <label ng-if="Cart.CartType==2">4 ways for you to Whole30 based on your lifestyle, within one app. You can use both mobile and laptop</label> 737 <label ng-if="Cart.CartType!=2">3 ways for you to meal plan based on your lifestyle, within one app. The choice is yours. You can use both mobile and laptop</label> 738 </div> 739 <div class="clearfix "></div> 740 </div> 741 742 <div class="IconTextContainer"> 743 <div class="image-icon"> 744 <img src="/Images/CartIcons/HunderdsRecipeICon.svg" /> 745 </div> 746 <div class="Textcontainer"> 747 <label class="ft-bd-20" ng-if="Cart.CartType!=2">Hundreds of delicious recipes</label> 748 <label class="ft-bd-20" ng-if="Cart.CartType==2"> 749 Hundreds of compatible <img ng-src="{{W30_url}}" ng-class="Cart.User.MealPlanType==14?'w30PB_logo':'w30_logo'"> recipes 750 </label> 751 <label>For healthier, inspired meals</label> 752 </div> 753 <div class="clearfix "></div> 754 </div> 755 756 <div class="IconTextContainer"> 757 <div class="image-icon"> 758 <img src="/Images/CartIcons/ConvenientShopping.svg" /> 759 </div> 760 <div class="Textcontainer"> 761 <label class="ft-bd-20">Convenient shopping</label> 762 <label>Saves you time, money & food waste</label> 763 </div> 764 <div class="clearfix "></div> 765 </div> 766 767 <div class="clearfix "></div> 768 </div> 769 770 <div class="mrg-bt-25px" style="padding:0px 30px" ng-if="Cart.CartType==3"> 771 <div class="IconTextContainer"> 772 <div class="image-icon"> 773 <img src="/Images/CartIcons/Flex_MealPlanIcon.svg" /> 774 </div> 775 <div class="Textcontainer"> 776 <label class="ft-bd-20">Client Management</label> 777 <label>A centralized dashboard provides an overview of all activity and client compliance</label> 778 </div> 779 <div class="clearfix "></div> 780 </div> 781 782 <div class="IconTextContainer"> 783 <div class="image-icon"> 784 <img src="/Images/CartIcons/StopWatch.svg" /> 785 </div> 786 <div class="Textcontainer"> 787 <label class="ft-bd-20">Simple Onboarding</label> 788 <label>Simple client onboarding done in less than a minute</label> 789 </div> 790 <div class="clearfix "></div> 791 </div> 792 793 <div class="IconTextContainer"> 794 <div class="image-icon"> 795 <img src="/Images/CartIcons/HunderdsRecipeICon.svg" /> 796 </div> 797 <div class="Textcontainer"> 798 <label class="ft-bd-20">Diet and Schedule</label> 799 <label>Full control of your clientsâ dietary parameters and schedule</label> 800 </div> 801 <div class="clearfix "></div> 802 </div> 803 <div class="IconTextContainer"> 804 <div class="image-icon"> 805 <img src="/Images/CartIcons/Automation.svg" /> 806 </div> 807 <div class="Textcontainer"> 808 <label class="ft-bd-20">Automation</label> 809 <label>Full control of your clientsâ dietary parameters and schedule</label> 810 </div> 811 <div class="clearfix "></div> 812 </div> 813 <div class="IconTextContainer"> 814 <div class="image-icon"> 815 <img src="/Images/CartIcons/PrintablePlans.svg" /> 816 </div> 817 <div class="Textcontainer"> 818 <label class="ft-bd-20">Printable Plans</label> 819 <label>Printable meal plans branded with your logo and colors</label> 820 </div> 821 <div class="clearfix "></div> 822 </div> 823 <div class="IconTextContainer"> 824 <div class="image-icon"> 825 <img src="/Images/CartIcons/Multipleplatforms.svg" /> 826 </div> 827 <div class="Textcontainer"> 828 <label class="ft-bd-20">Multiple platforms</label> 829 <label>The option of clients using desktop, mobile, or paper depending on what works best for them</label> 830 </div> 831 <div class="clearfix "></div> 832 </div> 833 834 <div class="clearfix "></div> 835 </div> 836 837 <div class="pull-text-center" style="margin:20px 0px;" ng-show="Email!=''"> 838 <label class="loginMessage">You are logged in as:</label><br /> 839 <label class="LoginEmail">{{Email}}</label> <a href="" class="ChangeLink" ng-click="changeLoginUser(5)">Change</a> 840 </div> 841 842 </div> 843 </div> 844 845 <div class="Step Step11" ng-show="stepId==11"> 846 <div class="cart-payment-detail"> 847 <div class="mr-bt-20" ng-if="isMobile==false && Cart.CartType!=3"> 848 <label class="ft-bd-20">Payment Details</label> 849 </div> 850 <div class="mr-bt-20 pull-text-center" ng-if="isMobile==true && Cart.CartType!=3"> 851 <label class="ft-bd-20">Great choice! Please enter your payment info and then youâre in!</label> 852 </div> 853 854 <div class="mr-bt-20" ng-if="isMobile==false && Cart.CartType==3"> 855 <label class="ft-bd-20">Payment Details</label> 856 </div> 857 <div class="mr-bt-20 pull-text-center" ng-if="isMobile==true && Cart.CartType==3"> 858 <label class="ft-bd-20">Please enter your payment info and then youâre in!</label> 859 </div> 860 <style>
861 #creditCardCvv2Overlay, #creditCardNumberOverlay { 862 z-index: 1 !important; 863 } 864 865 .rptooltip { 866 position: relative; 867 display: inline-block; 868 cursor: pointer; 869 } 870 871 .rptooltip .tooltiptext { 872 visibility: hidden; 873 width: 200px; 874 background-color: #67c3ae; 875 color: #fff; 876 text-align: center; 877 border-radius: 6px; 878 padding: 5px 0; 879 position: absolute; 880 z-index: 1; 881 bottom: 130%; 882 left: 50%; 883 margin-left: -100px; 884 } 885 886 .rptooltip .tooltiptext::after { 887 content: ''; 888 /* width: 0; */ 889 /* height: 0; */ 890 border-left: 8px solid transparent; 891 border-right: 8px solid transparent; 892 border-top: 10px solid #67c3ae; 893 position: absolute; 894 top: 99%; 895 left: 50%; 896 margin-left: -8px; 897 } 898 899 .rptooltip:hover .tooltiptext { 900 visibility: visible; 901 } 902 903 .CerditCartSection .row { 904 margin-left: -10px !important; 905 margin-right: -10px !important; 906 } 907 908 .CerditCartSection .col-md-6, .CerditCartSection .col-md-4, .CerditCartSection .col-md-3, 909 .CerditCartSection col-sm-12, .CerditCartSection col-sm-6 .CerditCartSection col-xs-6 { 910 padding-left: 10px !important; 911 padding-right: 10px !important; 912 } 913 914 .padrth10 { 915 padding-right: 10px !important; 916 } 917 918 .padlft10 { 919 padding-left: 10px !important; 920 } 921</style>
922<script type="text/javascript" src="https://secure.ultracart.com/js/json3.min.js"></script>
vendor: 2 bytes, line 922
922
923<script type="text/javascript" src="https://secure.ultracart.com/checkout/checkout-hosted-fields-1.0.js"></script>
923 924<!-- the following line is a redundant check to ensure the hosted fields file is loaded first -->
925<script type="text/javascript">window.UltraCartHostedFields || document.write('
925<script src="//secure.ultracart.com/checkout/checkout-hosted-fields-1.0.js?r=' + new Date().getTime() + '"><\/script>')</script>
925 926 927<div class="CerditCartSection"> 928 929 <form action="/UpdateCart" method="POST" data-step="3" name="paymentDetailForm" id="CreditCardUpdate"> 930 <div class="mrg-bt-10px" ng-show="ShowUserName"> 931 <div class="float-left wtd50pr padrth"> 932 <input class="inputText-Class futura-heavy" placeholder="First Name*" type="text" required ng-model="Cart.Billing.FirstName"> 933 </div> 934 <div class="float-left wtd50pr padlft"> 935 <input class="inputText-Class futura-heavy" placeholder="Last Name*" type="text" required ng-model="Cart.Billing.LastName"> 936 </div> 937 <div class="clearfix"></div> 938 </div> 939 940 <div class="mrg-bt-10px"> 941 <div class="ZipCode"> 942 <input class="inputText-Class futura-heavy" placeholder="Zip / Postal Code*" type="text" required ng-model="Cart.Billing.PostalCode" ng-keyup="ChangePostalCode()"> 943 </div> 944 <div class="CountryDropDown"> 945 <div class="ddnew data-Class futura-heavy"> 946 <select class="inputText-Class futura-heavy selectDDL" ng-model="Cart.Billing.CountryCode" required ng-change="ChangePostalCode()"> 947 <option ng-repeat="country in countryList" value="{{country.Value}}" ng-selected="country.Selected">{{country.Text}}</option> 948 </select> 949 </div> 950 </div> 951 <div class="clearfix"></div> 952 </div> 953 954 <div class="mrg-bt-10px"> 955 <div class="CreditCartSection"> 956 <input Style="Border:none!important" class="inputText-Class futura-heavy" id="CreditCardNumber_new" name="Payment.CreditCard.CardNumber" ng-model="Cart.Payment.CreditCard.CardNumber" placeholder="Credit Card #*" required="True" type="text" value="" /> 957 <input id="cardNumberToken_new" name="Payment.CreditCard.CardNumberToken" ng-model="Cart.Payment.CreditCard.CardNumberToken" type="hidden" value="" /> 958 </div> 959 <div class="CardTypeSection"> 960 <div class="ddnew data-Class futura-heavy"> 961 <select name="Payment.CreditCard.CardType" data-search="0" data-placeholder="Credit Card Type*" class="inputText-Class futura-heavy" id="CreditCardType_new" ng-model="Cart.Payment.CreditCard.CardType" required> 962 <option value="AMEX">AMEX</option> 963 <option value="Diners Club">Diners Club</option> 964 <option value="Discover">Discover</option> 965 <option value="JCB">JCB</option> 966 <option value="MasterCard">MasterCard</option> 967 <option value="VISA">VISA</option> 968 </select> 969 </div> 970 </div> 971 <div class="clearfix"></div> 972 </div> 973 974 <div class="mrg-bt-10px"> 975 <div class="MonthSection"> 976 <div class="ddnew data-Class futura-heavy"> 977 <select name="Payment.CreditCard.CardExpirationMonth" data-search=0 data-placeholder="Select Month" class="inputText-Class futura-heavy" ng-model="Cart.Payment.CreditCard.CardExpirationMonth" required> 978 <option class="hide" value="">Month</option> 979 <option value="1">JAN</option> 980 <option value="2">FEB</option> 981 <option value="3">MAR</option> 982 <option value="4">APR</option> 983 <option value="5">MAY</option> 984 <option value="6">JUN</option> 985 <option value="7">JUL</option> 986 <option value="8">AUG</option> 987 <option value="9">SEP</option> 988 <option value="10">OCT</option> 989 <option value="11">NOV</option> 990 <option value="12">DEC</option> 991 </select> 992 </div> 993 </div> 994 995 <div class="YearSection"> 996 <div class="ddnew data-Class futura-heavy"> 997 <select name="Payment.CreditCard.CardExpirationYear" class="inputText-Class futura-heavy" data-search="0" data-placeholder="Select Year" ng-model="Cart.Payment.CreditCard.CardExpirationYear" required id="CCyear"> 998 <option class="hide" value="">Year</option> 999 <option ng-repeat="n in [] | range:15" value="{{date+n}}">{{date+n}}</option> 1000 </select> 1001 </div> 1002 </div> 1003 1004 <div class="CVVSection"> 1005 <div> 1006 <input Style="Border:none!important" class="inputText-Class futura-heavy" id="CreditCardCVV2_new" name="Payment.CreditCard.CardVerificationNumber" ng-model="Cart.Payment.CreditCard.CardVerificationNumber" placeholder="CCV / CVC" required="True" type="text" value="" /> 1007 <input id="cvv2Token_new" name="Payment.CreditCard.CardVerificationNumberToken" ng-change="function(){ alert ('changed')}" ng-model="Cart.Payment.CreditCard.CardVerificationNumberToken" type="hidden" value="" /> 1008 </div> 1009 </div> 1010 <div class="clearfix"></div> 1011 </div> 1012 </form> 1013 1014 <div class="mrg-bt-20px"> 1015 1016 <div class="CouponCodeContainer" style="margin-top:5px!important;" ng-show="Cart.applyofferid == false"> 1017 <form action="/ApplyCoupon" method="POST" data-step="3" name="applyCouponForm" id="applyCouponForm"> 1018 <div class="" ng-if="Cart.CouponCodeMessage==null||Cart.CouponCodeMessage.length==0"> 1019 <div class="CouponCodeSection"> 1020 <input class="inputText-Class futura-heavy" placeholder="Coupon Code" type="text" ng-model="Cart.CouponCode" ng-required="true"> 1021 </div> 1022 <div class="ApplyCouponSection">
1023 <span class="blackLink" ng-click="nextStep(999,11,{validate:applyCouponForm.$valid})">Apply coupon</span> 1024 </div> 1025 <div class="clearfix"></div> 1026 </div> 1027 <div class="mrg-bt-20px" ng-if="Cart.CouponCodeMessage.length>0"> 1028 <span style="background-color: #EFF5EA;padding: 5px 5px;"> 1029 {{Cart.CouponCodeMessage}} 1030 </span> 1031 <span class="blackLink mrg-lft-10px" ng-click="nextStep(999,11,{validate:applyCouponForm.$valid,RemoveCoupon:true})" >Remove</span> 1032 </div> 1033 </form> 1034 </div> 1035 <div class="is-gift" ng-if="Cart.CartType!=3"> 1036 <div> 1037 <div class="float-left" style="padding: 3px 0px;"> 1038 <label class="Cart-headers" style="font-size:16px!important;color: #c2c2c2 !important;">Is this a gift?</label> 1039 </div> 1040 <div class="float-left mrg-lft-10px"> 1041 <label class="container-checkbox"> 1042 <input type="checkbox" id="IsGiftCheckbox" ng-model="Cart.Gift.Gift" ng-change="changeToGift()"> 1043 <span class="checkmark" for="IsGiftCheckbox"></span> 1044 </label> 1045 </div> 1046 <div class="clearfix "></div> 1047 </div> 1048 </div> 1049 <div class="clearfix"></div> 1050 </div> 1051 1052 <div class="gift-registration Cart-IsGift-Section" ng-show="Cart.Gift.Gift" ng-cloak style="margin:0px!important;"> 1053 <div class="mrg-bt-25px" ng-class="isMobile==true?'pull-text-center':''"><label class="ft-bd-20">Gift Information</label></div> 1054 <form action="/RealplansSales/validateCartItem" method="post" id="gift_registration_form" data-step="1" name="giftForm"> 1055 <input class="hide ng-pristine ng-valid" id="is_gift"> 1056 <div class="row mrg-bt-20px"> 1057 <div class="col-md-6 col-sm-12"> 1058 <div class="mrg-bt-20px"> 1059 <input class="inputText-Class futura-heavy" id="Gift_GiftEmail" name="Gift.GiftEmail" ng-model="Cart.Gift.GiftEmail" placeholder="Gift Email for the lucky recipient*" type="email" required> 1060 </div> 1061 <div class="mrg-bt-20px"> 1062 <div class="float-left wtd50pr padrth"> 1063 <input class="inputText-Class futura-heavy" id="Checkout_CustomField1" name="Checkout.CustomField1" placeholder="Giftee First Name" type="text" ng-model="Cart.Checkout.CustomField1"> 1064 </div> 1065 <div class="float-left wtd50pr padlft"> 1066 <input class="inputText-Class futura-heavy" id="Checkout_CustomField2" name="Checkout.CustomField2" placeholder="Giftee Last Name" type="text" ng-model="Cart.Checkout.CustomField2"> 1067 </div> 1068 <div class="clearfix"></div> 1069 </div> 1070 <div class="mrg-bt-20px"> 1071 <input class="inputText-Class futura-heavy Giftdatepicker" id="Checkout_CustomField3" name="Checkout.CustomField3" placeholder="Giftee Subscription Start Date" type="text" ng-model="Cart.Checkout.CustomField3" autocomplete="off" style="width:280px!important;"> 1072 <img class="custom-datepicker-trigger Giftdatepicker" style="cursor: pointer;" src="../../Images/NewIcon/calendar.svg" alt="..." title="..."> 1073 </div> 1074 </div> 1075 <div class="col-md-6 col-sm-12"> 1076 <div class=""> 1077 <textarea class="inputText-Class futura-heavy gift-message" cols="20" id="Gift_GiftMessage" name="Gift.GiftMessage" placeholder="Giftee Message" rows="2" ng-model="Cart.Gift.GiftMessage"></textarea> 1078 </div> 1079 </div> 1080 </div> 1081 </form> 1082 </div> 1083 1084</div> 1085
1086<script> 1087 1088 var jsonHostedFields = JSON3.noConflict(); 1089 window.UltraCartHostedFields || document.write('
1089<script src="//secure.ultracart.com/checkout/checkout-hosted-fields-1.0.js?r=' + new Date().getTime() + '"><\/script>') 1090 var hostedFields = UltraCartHostedFields.setup($, jsonHostedFields, { 1091 'sessionCredentials': { 1092 'merchantId': 'HOLSQ' // Change to your merchant ID 1093 // NOTE: This example if for a form post. If you're using a javascript checkout, the session credentials 1094 // also need the 'shoppingCartId'. But ONLY for javascript checkouts. 1095 }, 1096 'cssUrls': [ 1097 'https://use.typekit.net/gyz3xve.css', 1098 'https://app.realplans.com/Content/ultracart.hostedfield.css?ver7.20.11' 1099 1100 ], 1101 'form': '#CreditCardUpdate', // This is only needed for a form POST. javascript checkouts should not be providing this. 1102 'hostedFields': { 1103 'creditCardNumber': { 1104 'selector': '#CreditCardNumber_new', 1105 'tokenSelector': '#cardNumberToken_new', // This is only needed for a form POST. javascript checkouts dont deal with tokens 1106 'callback': function (response) { 1107 var $scope = getScope("cartController", "div"); 1108 if (!!$scope && !!$scope.Cart) { 1109 if (!!$scope.Cart.Payment == false) 1110 $scope.Cart.Payment = {}; 1111 if (!!$scope.Cart.Payment.CreditCard == false) 1112 $scope.Cart.Payment.CreditCard = {}; 1113 $scope.Cart.Payment.CreditCard.CardType = response.cardType; 1114 $scope.Cart.Payment.CreditCard.CardNumber = response.maskedCreditCardNumber; 1115 $scope.Cart.Payment.CreditCard.CardNumberToken = response.token; 1116 } 1117 $("#CreditCardType_new").val(response.cardType); 1118 $("#CreditCardType_new")[0].sumo.reload(); 1119 1120 } 1121 }, 1122 'creditCardCvv2': { 1123 'selector': '#CreditCardCVV2_new', 1124 'tokenSelector': '#cvv2Token_new', // This is only needed for a form POST. javascript checkouts dont deal with tokens 1125 } 1126 } 1127 }); 1128 1129 $("#CreditCardNumber_new").on('change', function () { 1130 // When a change occurs, the hosted field library will add one of three classes to the underlying input: noCreditCardNumber, invalidCreditCardNumber, validCreditCardNumber 1131 1132 //if (!jQueryHostedFields(this).val() || jQueryHostedFields(this).hasClass("noCreditCardNumber")) { 1133 // // No value in the credit card field 1134 //} 1135 //if (jQueryHostedFields(this).hasClass("invalidCreditCardNumber")) { 1136 // // The value in the credit card field is invalid 1137 //} 1138 }); 1139 1140 $("#cvv2Token_new").on('change', function () { 1141 // Clear existing classes 1142 var $scope = getScope("cartController", "div"); 1143 if (!!$scope && !!$scope.Cart) { 1144 if (!!$scope.Cart.Payment == false) 1145 $scope.Cart.Payment = {}; 1146 if (!!$scope.Cart.Payment.CreditCard == false) 1147 $scope.Cart.Payment.CreditCard = {}; 1148 $scope.Cart.Payment.CreditCard.CardVerificationNumberToken = $("#cvv2Token_new").val(); 1149 } 1150 }); 1151 1152 // Perform initial validation 1153 $("#CreditCardNumber_new,#cvv2Token_new").trigger("change"); 1154 1155 function hostFieldValidation() { 1156 var $scope = getScope("cartController", "div"); 1157 if ($("#CreditCardCVV2_new").val() == "") { 1158 $scope.errorList = []; 1159 hostedFields.addClass('ng-invalid', "creditCardCvv2"); 1160 $scope.errorList.push({ errorid: 1, message: Message.PaymentDetailError }); 1161 $scope.isError = true; 1162 } 1163 else { 1164 hostedFields.removeClass('ng-invalid', "creditCardCvv2"); 1165 } 1166 1167 if ($("#CreditCardNumber_new").val() == "") { 1168 $scope.errorList = []; 1169 hostedFields.addClass('ng-invalid', "creditCardNumber"); 1170 $scope.errorList.push({ errorid: 1, message: Message.PaymentDetailError }); 1171 $scope.isError = true; 1172 } 1173 else 1174 hostedFields.removeClass('ng-invalid', "creditCardNumber"); 1175 1176 } 1177</script>
1177 1178 1179 </div> 1180 1181 <div class="Term-and-condition" ng-class="isMobile==true?'pull-text-center':''" ng-if="Cart.TermCondDesc != '' && Cart.TermCondDesc != undefined"> 1182 <div class="mr-bt-20"><label class="ft-bd-20">Terms and Conditions</label></div> 1183 <div> 1184 <p class="futura-light" style="line-height:normal!important;" ng-if="IsGift==false">{{Cart.TermCondDesc}}</p> 1185 <p class="futura-light" style="line-height:normal!important;" ng-if="IsGift==true"> 1186 As this is a gift, the subscription will only bill you one time. 1187 The person receiving the gift will have the option to continue with Real Plans, but will have to pay for their own subscription if they wish to continue. 1188 </p> 1189 1190 <div class="mrg-bt-20px mrg-rgt-20px"> 1191 <span class="container-checkbox" style="display:inline!important;"> 1192 <input type="checkbox" id="AgreedTCW30" ng-model="IsAgreedTCW30" ng-checked="IsAgreedTCW30" onchange=""> 1193 <label for="AgreedTCW30" class="checkmark" style="position:relative;top:7px;"></label> 1194 </span> 1195 <label class="futura-light" style="line-height:normal!important;display:inline!important;margin-left:5px!important;">I have read and agree with the terms and conditions of checkout.</label> 1196 </div> 1197 </div> 1198 </div> 1199 1200 <div class="order-summary" ng-if="Cart.Items.length>0"> 1201 <div class="mr-bt-20" ng-class="isMobile==true?'pull-text-center':''"><label class="ft-bd-20">Order Confirmation</label></div> 1202 <form action="/UpdateCart" method="POST" class="mrg-bt-30px"> 1203 <div class="row mrg-bt-20px"> 1204 <div class="col"> 1205 <div ng-repeat="item in Cart.Items"> 1206 <div class="row" style="padding-left: 15px;"> 1207 <div class="col pad-rem-left"> 1208 <div class="Cart-item-name float-left">{{item.description}}</div> 1209 </div> 1210 <div class="col-2"> 1211 <span class="Cart-item-price float-right">${{item.cost| number : 2}}</span> 1212 <i class="remove" ng-click="removeItemToCart(item)" data-itemid="{{item.cartItemId}}"></i> 1213 </div> 1214 </div> 1215 <hr class="cart-item-seprator" /> 1216 </div> 1217 <div class="row"> 1218 <div class="col"> 1219 <div class="Cart-item-name float-right"> Subtotal</div> 1220 </div> 1221 <div class="col-2"> 1222 <span class="Cart-item-price float-right">${{Cart.SubTotal| number : 2}}</span> 1223 </div> 1224 </div> 1225 <div class="row" ng-if="!!Cart.Discount && Cart.Discount>0"> 1226 <div class="col"> 1227 <div class="Cart-item-name float-right"> Discount</div> 1228 </div> 1229 <div class="col-2"> 1230 <span class="Cart-item-price float-right">- ${{Cart.Discount| number : 2}}</span> 1231 </div> 1232 </div> 1233 <div class="row"> 1234 <div class="col"> 1235 <div class="Cart-item-name float-right"> Tax</div> 1236 </div> 1237 <div class="col-2">
1238 <span class="Cart-item-price float-right">${{Cart.Tax | number : 2}}</span> 1239 </div> 1240 </div> 1241 <div class="row"> 1242 <div class="col"> 1243 <div class="Cart-item-name float-right"> Total</div> 1244 </div> 1245 <div class="col-2"> 1246 <span class="Cart-item-price float-right">${{Cart.Total | number : 2}}</span> 1247 </div> 1248 </div> 1249 </div> 1250 </div> 1251 </form> 1252 </div> 1253 <div class="order-summary" ng-if="Cart.Items.length==0"> 1254 <div class="mr-tp-36 mr-bt-20 pull-text-center"><label class="ft-bd-20">You have no items in your cart.</label></div> 1255 </div> 1256 <div class="pull-text-center mrg-bt-30px"> 1257 <span class="blackLink" ng-click="getRPSkuList(null,null,1,true)" ng-show="Cart.applyofferid == false"> Add items to cart</span> 1258 </div> 1259 <div class="pull-text-center mrg-bt-30px" style="padding:10px 0px" ng-if="Cart.Items.length>0"> 1260 <span class="Cart-btn" ng-click="nextStep(11,20,{validate:(paymentDetailForm.$valid && ((Cart.Gift.Gift && giftForm.$valid) || Cart.Gift.Gift!=true ))})" style="width:250px;display:inline-block;"> CONFIRM ORDER </span> 1261 </div> 1262 1263 </div> 1264 1265 <div class="Step" ng-show="stepId==99"> 1266 <div class="create-account" style="max-width:325px;margin:0 auto; text-align:center"> 1267 <form action="/Users/RegisterSubscriber" method="post" id="User_Login_form" name="UserloginForm"> 1268 <div> 1269 <label class="NewCart-Sub-Header">Login to Real Plans</label> 1270 </div> 1271 <div> 1272 <input type="email" name="LoginEmail" placeholder="Email*" class="inputText-Class futura-heavy" ng-model="Cart.User.Email" required /> 1273 </div> 1274 <div> 1275 <input type="password" name="LoginPassword" placeholder="Password*" class="inputText-Class futura-heavy" ng-model="Cart.User.Password" required /> 1276 </div> 1277 <div class="mrg-tp-15px"> 1278 <a href="" class="blackLink" ng-click="restForgetPassword(UserloginForm.LoginEmail.$valid)">Forgot Password?</a> 1279 </div> 1280 <div class="pull-text-center" style="margin-top:40px"> 1281 <span class="Cart-btn ContinueBtn" ng-click="nextStep(99,0,UserloginForm.$valid)">CONTINUE</span> 1282 </div> 1283 <div class="pull-text-center" style="margin-top:36px;"> 1284 <span class="blackLink" ng-click="swithLoginAndCreateUserStep(false)">Not a subscriber? Create an account</span> 1285 </div> 1286 </form> 1287 </div> 1288 </div> 1289 1290 <div class="Step Step121" ng-show="stepId==121"> 1291 <div> 1292 <div class="pull-text-center mrg-bt-50px"> 1293 <label class="ft-bd-20">Which Whole30 would you like to do?</label> 1294 </div> 1295 <div class="pull-text-center mrg-bt-50px"> 1296 <div class="W30_type_container"> 1297 <div class="W30_type"> 1298 <img src="/Images/CartIcons/MiniWhole30.svg" class="mrg-bt-10px" style="width:185px" /> 1299 <label class="mrg-bt-10px">The Original</label> 1300 <label class="container-checkbox"> 1301 <input type="radio" name="IsPBW30" id="IsW30" ng-click="Cart.User.MealPlanType=24;W30_url='/Images/CartIcons/MiniWhole30.svg'" ng-checked="Cart.User.MealPlanType==24" />
1302 <span class="checkmark" for="IsW30"></span> 1303 </label> 1304 </div> 1305 <div class="W30_type"> 1306 <img src="/Images/CartIcons/MiniPBWhole30.svg" class="mrg-bt-10px" style="width:185px;height:36px!important;" /> 1307 <label class="mrg-bt-10px">Plant Based</label> 1308 <label class="container-checkbox"> 1309 <input type="radio" name="IsPBW30" id="IsPBW30" ng-model="IsPbW30On" ng-checked="Cart.User.MealPlanType==14;" ng-click="Cart.User.MealPlanType=14;W30_url='/Images/CartIcons/MiniPBWhole30.svg'" /> 1310 <span class="checkmark" for="IsPBW30"></span> 1311 </label> 1312 </div> 1313 </div> 1314 1315 1316 </div> 1317 <div class="pull-text-center mrg-bt-20px"> 1318 <span class="Cart-btn ContinueBtn" ng-click="nextStep(7,12,{MealplanTypeID:Cart.User.MealPlanType})">CONTINUE</span> 1319 </div> 1320 <div class="pull-text-center mrg-bt-20px"> 1321 <span class="Back_Cart_btn" ng-click="Gotobackstep(1)"></span> 1322 </div> 1323 </div> 1324 </div> 1325 1326 <div class="Step Step12" ng-show="stepId==12"> 1327 <div> 1328 <form name="w30startDateForm"> 1329 <div class="pull-text-center mrg-bt-50px"><label class="ft-bd-20">Yes!</label> <label class="ft-bd-20">Youâre on your way to food freedom.</label></div> 1330 <div class="pull-text-center" style="margin-bottom:50px!important;"> 1331 <label class="ft-bd-20"> 1332 When are you starting your 1333 <img ng-src="{{W30_url}}" ng-class="Cart.User.MealPlanType==14?'w30PB_logo':'w30_logo_sm mrg-rgt-1px'">? 1334 </label> 1335 </div> 1336 <div class="pull-text-center mrg-bt-20px"> 1337 <input class="data-Class futura-heavy" id="ChallengeStartDate" name="W30StartDate" placeholder="MM/DD/YYYY" type="text" style="width:125px;padding: 0 6px;" ng-model="Cart.User.W30StartDate" readonly required> 1338 <span id="settingcalender"><img class="custom-datepicker-trigger " style="margin: -5px 0px 0px 7px; cursor: pointer;" src="../../Images/NewIcon/calendar.svg" alt="..." title="..."></span> 1339 </div> 1340 </form> 1341 <div class="pull-text-center mrg-bt-50px"> 1342 <a href="" class="blackLink" ng-click="nextStep(12,9)">Iâll choose later</a> 1343 </div> 1344 <div class="pull-text-center mrg-bt-20px"> 1345 <span class="Cart-btn ContinueBtn" ng-click="nextStep(12,9,{validate:w30startDateForm.$valid,formObj:w30startDateForm})">CONTINUE</span> 1346 </div> 1347 <div class="pull-text-center mrg-bt-20px"> 1348 <span class="Back_Cart_btn" ng-click="Gotobackstep(121)"></span> 1349 </div> 1350 </div> 1351 </div> 1352 1353 <div class="Step" ng-show="stepId==13"> 1354 <form name="rppSetupform"> 1355 <div class="pull-text-center "><label class="ft-bd-25">Welcome!</label></div> 1356 <div class="pull-text-center topmargin"> 1357 <label class="NewCart-Sub-Header">Letâs start to set up your system.</label> 1358 </div> 1359 <div style="margin-top:65px;"> 1360 <div class="pull-text-center"><label class="NewCart-Sub-Header">What do you call your users?</label></div> 1361 <div style="margin-top:20px;position:relative;height:30px;"> 1362 <div class="ddnew CenterDiv futura-heavy" style="width:220px"> 1363 <select id="CallYourUsersDdl" name="CallYourUsersDdl" style="width:100%" ng-model="Cart.User.CallYourUsers" required> 1364 <option value="-1">- Select- </option> 1365 <option value="1">Client</option> 1366 <option value="2">Patient</option> 1367 </select> 1368 </div> 1369 </div> 1370 </div> 1371 <div style="position:relative;margin-top:65px;"> 1372 <div style="padding-bottom:20px;"> 1373 <div class="pull-text-center"> 1374 <label class="NewCart-Sub-Header">
1374Do you use macros with your {{(Cart.User.CallYourUsers==-1||Cart.User.CallYourUsers==1||Cart.User.CallYourUsers==undefine||Cart.User.CallYourUsers==null)?"clients":"patients"}}?</label> 1375 </div> 1376 <div style="margin-top:20px;position:relative;height:30px;"> 1377 <div class="ddnew CenterDiv futura-heavy" style="width:220px"> 1378 <select id="CallYourMacroDdl" name="" style="width:100%" ng-model="Cart.User.macros" required> 1379 <option value="-1">- Select- </option> 1380 <option value="1">Yes</option> 1381 <option value="2">No</option> 1382 <option value="3">Sometimes</option> 1383 </select> 1384 </div> 1385 </div> 1386 <div class="pull-text-center Btn-margin"> 1387 <span class="Cart-btn ContinueBtn" ng-click="nextStep(13,9,{validate:rppSetupform.$valid})">CONFIRM</span> 1388 </div> 1389 </div> 1390 1391 </div> 1392 </form> 1393 </div> 1394 1395 <div class="Step" ng-show="stepId==21" st> 1396 <form name="rppSetupform2" style="max-width:400px;margin:0 auto;padding:0px 20px;" id="RPPDataSection"> 1397 <div class="pull-text-center mrg-bt-40px"><label class="ft-bd-20">Tell us a bit about you and your business:</label></div> 1398 1399 1400 <div style="max-width:300px;margin:0 auto;padding:0px 20px;"> 1401 <div class="ddnew futura-heavy mrg-bt-25px" style="width:270px"> 1402 <select id="Profession" name="Profession" style="width:100%" ng-model="Rpp.Profession" tabindex="1" required> 1403 <option>Your profession</option> 1404 <option value="Registered Dietitian">Registered Dietitian</option> 1405 <option value="Functional Doctor">Functional Doctor</option> 1406 <option value="Naturopathic doctor">Naturopathic doctor</option> 1407 <option value="Holistic Nutritionist">Holistic Nutritionist</option> 1408 <option value="Personal Chef">Personal Chef</option> 1409 <option value="Personal Trainer">Personal Trainer</option> 1410 <option value="Gym Owner">Gym Owner</option> 1411 <option value="Health Coach">Health Coach</option> 1412 <option value="Other">Other</option> 1413 </select> 1414 </div> 1415 1416 <div class="ddnew futura-heavy mrg-bt-25px" style="width:270px"> 1417 <select id="Yearinbusiness" name="Yearinbusiness" style="width:100%" ng-model="Rpp.PracticeYear" tabindex="2" required> 1418 <option>Years in business</option> 1419 <option value="1">0-1</option> 1420 <option value="5">2-5</option> 1421 <option value="10">5+</option> 1422 </select> 1423 </div> 1424 1425 <div class="ddnew futura-heavy mrg-bt-25px" style="width:270px"> 1426 <select id="Yearactiveclients" name="Yearactiveclients" style="width:100%" ng-model="Rpp.ActiveClient" tabindex="3" required> 1427 <option># of active clients</option> 1428 <option value="2">1-2</option> 1429 <option value="15">< 15</option> 1430 <option value="50">< 50</option> 1431 <option value="100">More than 50</option> 1432 </select> 1433 </div> 1434 1435 </div> 1436 <div class="pull-text-center Btn-margin mrg-bt-30px"> 1437 <span class="Cart-btn ContinueBtn" ng-click="nextStep(21,10,{validate:rppSetupform2.$valid,skip:false, MealplanTypeID:-2})">SELECT SUBSCRIPTION</span> 1438 </div> 1439 <div class="pull-text-center mrg-bt-30px">
1440 <span class="Back_Cart_btn" ng-click="Gotobackstep(PreviousStep)"></span> 1441 </div> 1442 <div class="pull-text-center mrg-bt-20px"> 1443 <a href="" class="blackLink" ng-click="nextStep(21,10,{skip:true, MealplanTypeID:-2})">Skip to next page</a> 1444 </div> 1445 1446 </form> 1447 </div> 1448 1449 </div> 1450 1451 <div class="modal fade" id="rp-sku-modal" tabindex="-1" role="dialog" aria-labelledby="rp-sku-label" aria-hidden="true" data-keyboard="false" data-backdrop="static"> 1452 <div class="modal-dialog rp-sku-modal-wdt"> 1453 <div class="modal-content rp-sku-modal-wdt"> 1454 <div class="modal-body font-futura"> 1455 <div style="margin:0px 0px 0px 0px!important"> 1456 <div style="margin-bottom:10px;"> 1457 <div style="width:200px" class="float-left"> 1458 <label class="sku-filter-label Cart-headers">Pricing/Options</label> 1459 </div> 1460 <div class="rp-sku-modal-Close float-right pull-text-right" style="width:36px;"> 1461 <button type="button" class="sm-btn_close" aria-hidden="true" data-dismiss="modal" data-refresh="false" style="position:relative;top:0px;"></button> 1462 </div> 1463 <div class="clearfix"></div> 1464 </div> 1465 1466 <div class="" ng-if="CartitemList.RPSkuCategories.length>0"> 1467 <div class="SubscriptionPlanDiv" style="padding:1px 0px 0px 0px;"> 1468 <div class="ddnew data-Class"> 1469 <select name="SubscriptionPlan" ng-change="getRPSkuList(SubscriptionType,DietType,0)" ng-model="SubscriptionType" style="width:100%"> 1470 <option ng-repeat="x in CartitemList.Subscriptions" ng-selected="x.Selected==1" value="{{x.Value}}">{{x.Text}}</option> 1471 </select> 1472 </div> 1473 </div> 1474 <div class="DietTypeDiv" style="padding:1px 0px 0px 0px;" ng-if="CartitemList.HideDietFilter!=true"> 1475 <div class="ddnew data-Class"> 1476 <select name="DietType" ng-change="getRPSkuList(SubscriptionType,DietType,0)" ng-model="DietType" style="width:100%"> 1477 <option ng-repeat="x in CartitemList.Diets" ng-selected="x.Selected==1" value="{{x.Value}}">{{x.Text}}</option> 1478 </select> 1479 </div> 1480 </div> 1481 <div class="float-left pull-text-right" style="padding:5px 0px 0px 15px;" ng-hide="Cart.IsRPPUser"> 1482 <div class="float-left"> 1483 <label class="Cart-headers" style="font-size:20px!important">Is this a gift?</label> 1484 </div> 1485 <div class="float-left mrg-lft-10px"> 1486 <label class="container-checkbox" style="line-height:0px!important;"> 1487 <input type="checkbox" ng-model="IsGift" id="IsGift" ng-change="getRPSkuList(SubscriptionType,DietType,0)" /> 1488 <span class="checkmark" for="IsGift"></span> 1489 <label for="IsGift" class="checkmark-text mrg-lft-10px"></label> 1490 </label> 1491 </div> 1492 <div class="clearfix "></div> 1493 </div> 1494 <div class="clearfix"></div> 1495 </div> 1496 </div> 1497 1498 <div class=""> 1499 <hr class="line-seprator" style="margin-top:5px;" /> 1500 </div> 1501 1502 <div class="" style="margin:0px!important"> 1503 <div class="rp-item-category" ng-repeat="SkuCategory in CartitemList.RPSkuCategories" style="margin:0px 0px 40px 0px!important;width:100%" ng-if="CartitemList.RPSkuCategories.length>0"> 1504 <label class="sku-category-label">{{SkuCategory.Name}}</label> 1505 <div class="item-category-desc data-Class">{{SkuCategory.Description}}</div> 1506 <div class="slider-container"> 1507 <div class="row mrg-tp-20px MS-content"> 1508 <div class="col-md-4 col-sm-12 rp-item item mrg-bt-20px" ng-repeat="Item in SkuCategory.RPSkus"> 1509 <div class="item-box" ng-click="addItemToCart(null,Item)"> 1510 <img src="#!" ng-src="/Images/SkusLogo/{{Item.ItemID}}.png" /> 1511 </div> 1512 <div class="item-price mrg-tp-15px">
1513 <span class="Cart-btn price" ng-click="addItemToCart(null,Item)" 1514 data-itemid="{{Item.ItemID}}" 1515 data-image-path="/Images/SkusLogo/{{Item.ItemID}}.png" 1516 data-description="{{Item.Description}}">+{{Item.Price}}</span> 1517 </div> 1518 </div> 1519 </div> 1520 <div class="MS-controls"> 1521 <a href="#!" class="MS-button MS-left"><i class="fa fa-angle-left" aria-hidden="true"></i></a> 1522 <a href="#!" class="MS-button MS-right"><i class="fa fa-angle-right" aria-hidden="true"></i></a> 1523 </div> 1524 </div> 1525 </div> 1526 <div class="rp-item-category no-sku-available" ng-if="CartitemList.RPSkuCategories.length<=0"> 1527 There are no additional items that can be purchased for your account. 1528 </div> 1529 </div> 1530 </div> 1531 </div> 1532 </div> 1533 </div> 1534 1535 <div class="modal fade" id="Duplicate-Subscription-Modal" tabindex="-1" role="dialog" aria-labelledby="Duplicate-Subscription-label" aria-hidden="true"> 1536 <div class="modal-dialog wdt425px"> 1537 <div class="modal-content"> 1538 <div class="modal-body"> 1539 <div> 1540 <label class="NewCart-Sub-Header">Duplicate subscription</label> 1541 </div> 1542 <!-- /title --> 1543 <div class="mrg-tp-20px"> 1544 <p class="data-Class"> 1545 <span ng-bind-html="SubscriptionERROR"></span> 1546 </p> 1547 </div> 1548 <div class="pull-text-center" style="margin:45px 0px 5px 0px;"> 1549 <span class="Cart-btn ContinueBtn" aria-hidden="true" data-dismiss="modal" data-refresh="false" ng-click="backToCart()">CONTINUE</span> 1550 </div> 1551 </div> 1552 </div> 1553 </div> 1554 </div> 1555</div> 1556<form action="/RealPlansSales/Thankyou" method="post" id=_thankYou style="visibility:hidden"> 1557 <input type='hidden' name='name' value='' /> 1558</form>
1559<script> 1560 1561 function handleCredentialResponse(response) { 1562 if (response.error) { 1563 //console.error('Sign-in error', response.error); 1564 alert("Opps!!Something went wrong."); 1565 return; 1566 } 1567 //alert(response.credential); 1568 fetchUserProfile(response.credential); 1569 } 1570 async function fetchUserProfile(token) { 1571 const response = await fetch('https://www.googleapis.com/oauth2/v3/tokeninfo?id_token=' + token); 1572 const userProfile = await response.json(); 1573 console.log(userProfile); 1574 var $scope = getScope("cartController", "div"); 1575 1576 var _user = new Object(); 1577 1578 _user.Email = userProfile.email; 1579 var fullName = userProfile.name; 1580 _user.FullName = fullName; 1581 if (!!fullName) { 1582 var _name = fullName.split(' '); 1583 if (_name.length > 0) { 1584 _user.FirstName = _name[0]; 1585 } else { 1586 1587 } 1588 if (_name.length > 1) { 1589 _user.LastName = _name[_name.length - 1]; 1590 } 1591 } else { 1592 _user.FirstName = userProfile.email; 1593 _user.LastName = " "; 1594 } 1595 _user.GoogleReferenceId = userProfile.sub; 1596 _user.Password = " "; 1597 _user.ConfirmPassWord = " "; 1598 _user.Existingemail = ""; 1599 $scope.Cart.User = _user; 1600 $scope.$apply(); 1601 $scope.nextStep(9, 10, { validate: createaccountform.$valid }) 1602 } 1603</script>
1603 1604
1605<script> 1606 1607 $(function () { 1608 //$('select').SumoSelect(); 1609 $(document).on("click", "#settingcalender,#settingcalenderDetails", function (e) { 1610 ShowCustomCalenderWhole30Setting(e, -1, function (dateText) { 1611 var $scope = getScope("cartController", "div"); 1612 if ($scope != null) { 1613 $scope.Cart.User.W30StartDate = dateText; 1614 $scope.$apply(); 1615 } 1616 }); 1617 }).on('change', "#AgreedTCW30", function (e) { 1618 var $scope = getScope("cartController", "div"); 1619 $scope.IsAgreedTCW30 = $(this).is(":checked"); 1620 }).on('click', ".Giftdatepicker", function (e) { 1621 ShowCustomGiftCalendar(e, function (dateText) { 1622 var $scope = getScope("cartController", "div"); 1623 if ($scope != null) { 1624 if ($scope.Cart.Checkout == null) { 1625 $scope.Cart.Checkout = { CustomField1: "", CustomField2: "", CustomField3: "" }; 1626 } 1627 $scope.Cart.Checkout.CustomField3 = dateText; 1628 $scope.$apply(); 1629 } 1630 }); 1631 }).on('change', "#CCyear", function (e) { 1632 // Create the keyboard event for 'keydown' 1633 var keydownEvent = new KeyboardEvent('keydown', { 1634 key: 'Tab', 1635 keyCode: 9, 1636 code: 'Tab', 1637 which: 9, 1638 shiftKey: false, 1639 ctrlKey: false, 1640 metaKey: false, 1641 bubbles: true, 1642 cancelable: true 1643 }); 1644 1645 // Create the keyboard event for 'keyup' 1646 var keyupEvent = new KeyboardEvent('keyup', { 1647 key: 'Tab', 1648 keyCode: 9, 1649 code: 'Tab', 1650 which: 9, 1651 shiftKey: false, 1652 ctrlKey: false, 1653 metaKey: false, 1654 bubbles: true, 1655 cancelable: true 1656 }); 1657 1658 // Dispatch the events on the desired element 1659 document.dispatchEvent(keydownEvent); 1660 document.dispatchEvent(keyupEvent); 1661 }); 1662 }); 1663 1664 var clickgooglesignbutton = function () { 1665 const signInButton = document.querySelector('.g_id_signin'); 1666 if (signInButton) { 1667 // Trigger a click on the Google Sign-In button 1668 signInButton.click(); 1669 } 1670 } 1671</script>
1671 1672 1673 1674 </div> 1675 1676 <div class="Cart-Fotter"> 1677 <div class="container-fluid pull-text-center"> 1678 <span style="color:#FFFFFF">© Real Plans, All Rights Reserved</span> 1679 </div> 1680 </div> 1681 </div> 1682 <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 1682-1684
1682 1683 <noscript> 1684 <iframe src="https://www.googletagmanager.com/ns.html?id=
1684GTM-M8KJZZ3
vendor: 111 bytes, lines 1684-1687
1684" 1685 height="0" width="0" style="display:none;visibility:hidden"></iframe> 1686 </noscript> 1687
1687<!-- End Google Tag Manager (noscript) --> 1688</body> 1689</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.