PageSourceSearch

https://app.realplans.com/cart

html realplans.com collected 2026-10-02 04:55:54 UTC 87,814 bytes, 1,689 lines download raw bytes

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>&nbsp;<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 (&#39;changed&#39;)}" 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>&nbsp;&nbsp;<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.