- Scan ID:
- 9693ebd4-268a-4089-a850-c9921f3f946eFinished
- Submitted URL:
- https://www.greenvelope.com/event/pwggc-25th-anniversaryRedirected
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 401 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | string |
| 1 | string |
| Event | string |
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| Notification | string |
| Sentry | string |
| SentryBeforeSend | string |
| SentryIgnoreErrors | string |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| log | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en-US"><head><link rel="preconnect" href="https://js.stripe.com"><link rel="preconnect" href="https://js.greenvelope.com"><link rel="preconnect" href="https://cdn.greenvelope.com"><link rel="preconnect" href="https://cdnjs.greenvelope.com"><link rel="preconnect" href="https://cdnserver.greenvelope.com">
<script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflkvQ6Kw/www-widgetapi.js" async=""></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://cdn.mxpnl.com/libs/mixpanel-2.2.min.js"></script><script src="https://cdnjs.greenvelope.com/_js/lib/sentry.7.38.0.min.js"></script>
<script src="https://www.greenvelope.com/viewer2/sentry-init.min.js"></script>
<script>Sentry.init({ dsn: 'https://[email protected]/2302001', environment: 'prod', release: '20240919113107', beforeSend: SentryBeforeSend, ignoreErrors: SentryIgnoreErrors, denyUrls: SentryDenyUrls });Sentry.configureScope(function(scope) { scope.setUser({ id: '.public-432fe1b0d0c94a5a9fbb379f67f4b31b36383136333931' }) });</script>
<script type="text/javascript">
var cdnURL = 'https://cdn.greenvelope.com/';
</script>
<meta charset="utf-8"><title>
PWGGC 25th ANNIVERSARY | Greenvelope.com
</title><meta name="robots" content="noindex">
<link href="https://cdnpng.greenvelope.com/user/favicon.png" rel="shortcut icon" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta property="og:title" content="PWGGC 25th ANNIVERSARY | Greenvelope.com"><meta property="og:url" content="https://www.greenvelope.com/card/.public-432fe1b0d0c94a5a9fbb379f67f4b31b36383136333931"><meta property="og:image" content="https://www.greenvelope.com/viewer/envelope.ashx?ActivityCode=.preview-00c69a7013cf4ffea32acf8f85b7f7fa36383136333931&mode=previewbackfull&coverid=2061&liningid=1101&showcard=false&liningcolor=000000&borderid=&lastmodified=638621921963400000">
<script type="text/javascript">
var activityCodeViewer = '.public-432fe1b0d0c94a5a9fbb379f67f4b31b36383136333931',
guestAddlIDViewer = '0',
previewStyleID = '',
designTagID = '',
langCode = '',
isReadOnly = false,
eventSenderID = 0,
staticMode = false,
printWithCard = false,
isPrintable = false,
isDetailsOnly = false,
pageQS = '',
previewLabelIDs = '',
backgroundAnimationStart = 0;
</script>
<script src="https://js.greenvelope.com/_js/viewerlib.min.js?v=20230627103135" type="text/javascript"></script>
<script src="https://cdnjs.greenvelope.com/_js/lib/knockout/knockout-3.5.0.js"></script>
<script type="text/javascript">
try {
$
} catch (e) {
alert("Oops, something went wrong. Please try reloading the page");
}
</script>
<script src="https://js.greenvelope.com/_js/global.js?v=20230809104144" type="text/javascript"></script>
<script src="https://www.greenvelope.com/_dist/js/utility.min.js?v=20240919092209" type="text/javascript"></script>
<script src="https://js.greenvelope.com/user/_js/models/app.js?v=20240829151036"></script>
<script src="https://www.greenvelope.com/viewer2/_dist/vm.js?v=20240909101312"></script>
<script src="https://js.greenvelope.com/_js/ko-custom.js?v=20230705101313" type="text/javascript"></script>
<script src="https://js.greenvelope.com/_js/mixpanelV4.js?v=20231212104848" type="text/javascript"></script>
<script src="https://cdnjs.greenvelope.com/_js/lib/jquery.fine-uploader/jquery.fine-uploader.js?v=20231212104848" type="text/javascript"></script>
<script src="https://cdnjs.greenvelope.com/_js/lib/easyXDM.debug.js" type="text/javascript" defer=""></script>
<script type="text/javascript">try { mixpanel.init("db196898200383f6592b80c907d4c4bf"); } catch(err) { }</script><script language="javascript" type="text/javascript">
try {
mixpanel.register_once({'Source URL': 'https://www.greenvelope.com'});
mixpanel.register({'Source First': 'Direct'});
} catch(err) { }
</script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-7668421-1', 'auto');
ga('send', 'pageview');
var apiURL = '/api/v1/';
document.addEventListener('readystatechange', function () {
if (document.readyState === 'complete') {
ko.applyBindings(new DefaultViewModel(), document.getElementById("page"));
enableModalStacking();
$('.modal').on('shown.bs.modal', function () { autosize($('textarea')); });
}
});
// Card Reader Narration
function speak(text) {
$("#srText").text(text);
}
</script>
<link href="https://cdnserver.greenvelope.com/_js/lib/bs/css/bootstrap.min.css?v=2" rel="stylesheet" media="all" type="text/css">
<link href="https://www.greenvelope.com/user/_images/iconsV5/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://www.greenvelope.com/user/_images/iconsV5/css/v4-shims.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnserver.greenvelope.com/_js/lib/owl-carousel/2.3.4/owl.carousel.combined.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="stylesheet" href="https://cdnserver.greenvelope.com/_js/lib/jquery.fine-uploader/fine-uploader-new.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link href="https://www.greenvelope.com/viewer2/_dist/styles.css?v=20240909115941" rel="stylesheet" type="text/css">
<link href="https://www.greenvelope.com/_dist/css/shared.css?v=20221222124602" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.typekit.net/ixj5xdv.css"><style> .fa-circle-notch {color: #000000;} </style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-9R95PN1Y3R"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-9R95PN1Y3R');
</script>
<script type="text/javascript">
var shareEventEnabled = false;
</script>
</head>
<body class="cover">
<div id="page">
<div id="srText" aria-live="assertive" class="visually-hidden">Envelope fading into viewEnvelope addressed to PWGGC 25th ANNIVERSARY </div>
<!-- ko with: Card -->
<!-- Custom colors and images to replace -->
<span data-bind="html: $root.CustomCSS"><style>.bg-custom {background-color: #000000;}.border-custom {border-color: #000000;}.btnV2 {background-color: #000000;}.btnV2:hover, .btnV2:focus, .btnV2:active {background-color: #000000;}.btnV2.btnV2-white {color: #000000; border-color: #000000;}.btnV2.btnV2-white:hover, .btnV2.btnV2-white:focus, .btnV2.btnV2-white:active {background-color: #000000}.btnV2.btnV2-clear {color: #000000; border-color: #000000;}.btnV2.btnV2-clear:hover, .btnV2.btnV2-clear:focus, .btnV2.btnV2-clear:active {color: #000000; border-color: #000000; background-color: transparent;}.btnV2.btnV2-link {color: #000000;}.btnV2.btnV2-link:hover, .btnV2.btnV2-link:focus, .btnV2.btnV2-link:active {color: #000000; background-color: transparent;}.gift-card span {color: #000000;}label.gv-checkbox:hover > input[type='checkbox']:not(:disabled) ~ em {border-color: #000000 !important;}label.gv-checkbox > input[type='checkbox']:checked ~ em {border-color: #000000;background-color: #000000;}label.gv-radiobutton:hover > input[type='radio']:not(:disabled) ~ em {box-shadow: 0 0 0 1px #000000;}label.gv-radiobutton > input[type='radio']:checked ~ em {background-color: #000000;}.gv-form label.gv-input input:focus, .gv-form label.gv-input textarea:focus {border-color: #000000 !important;}label.gv-select > select:focus {border-color: #000000 !important;}#rightcolumncontainer .details-header {color: #000000;}.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: #000000 !important;}</style></span>
<!-- ko if: HeaderFontColor() == 'FFFFFF' --><!-- /ko -->
<!-- /ko -->
<!-- ko if: MusicPathMp3() != '' --><!-- /ko -->
<span style="position: absolute; left: 47%; top: 40%; display: none; font-size: 28px;" data-bind="visible: Loading() || ImagesLoaded() == false">
<i class="fa fa-circle-notch fa-spin"></i>
</span>
<div data-bind="visible: BackgroundLoaded()" style="">
<div id="notificationbar" data-bind="style: { height: LayoutManager.NotificationHeight }, css: { offscreen: !AlertBarVisible() }" class="offscreen" style="height: 0px;">
<div id="notificationbar__inner" data-bind="css: { offscreen: !AlertBarVisible() }" class="offscreen">
<div class="hostnamewarning" data-bind="visible: ShowHostNameWarning" style="display: none;">
<i class="fal fa-info-circle"></i>
<span data-bind="text:HostNameWarning"></span>
</div>
<div class="hostmodewarning" data-bind="visible: IsHostMode" style="display: none;">
You are currently viewing the response page as a host. This means that any changes you make will not be emailed to the recipient.
</div>
<div class="status" data-bind="visible: getStatusMessage, html: getStatusMessage" style=""><div class="status-menu gray"><span>RSVP Required By Friday, October 4, 2024</span> <a href="#rsvp" "=""><strong>RSVP NOW</strong></a></div></div>
<!-- ko with: MobileGiftCardVM -->
<div class="gift-card mobile" data-bind="fadeVisible: Visible, click: Clicked" style="display: none;">
<img data-bind="attr: {src: ImageSrc}" alt="Gift Card">
<span data-bind="text: Label">View Your Gift Card: $null</span>
</div>
<!--/ko-->
</div>
</div>
<div id="alertbar" class="alert alert-success" onclick="$(this).stop(true).fadeOut();"> </div>
<div id="pagecontainer" data-bind="css: { blur: ShowOpenButton() }, style: { height: LayoutManager.PgHeight(), 'margin-top': LayoutManager.PageMarginTop() }" style="height: 600px; margin-top: 0px; background-image: url("https://cdn.greenvelope.com/viewer/background.ashx?backgroundid=1038&backgroundcolor=CCCCCC&q=100&w=800");">
<!-- ko if: BackgroundAnimationURL() != '' --><!--/ko-->
<div id="maincontainer" data-bind="class: LayoutManager.MainContainer.Css" class="animated">
<div id="cardcontainer">
<div class="page page-card" data-bind="style: { height: VMCard().IOS10PageHeight }, css: { host: $root.AlertBarVisible }">
<!-- ko with: VMCard -->
<!-- ko if: EnvelopeVersion() == 1 --><!-- /ko -->
<!-- ko if: CardMode() == 'animation' && Card() != null -->
<!-- Preload intermediate images if present. #186620686 -->
<!-- ko if: AnimationMapIntermediate()[0] !== '' --><!-- /ko -->
<!-- ko if: Card().TwoSided() && AnimationMapIntermediate()[1] !== '' --><!-- /ko -->
<!-- Animated Card -->
<div data-bind="visible: ImagesLoaded() == false" style="display: none;" class="text-center">
</div>
<div id="wrapper" class="flex-center" data-bind="visible: ImagesLoaded() == true" style="position: relative;">
<div id="container" class="centerCard no-flick" style="max-width: 600px;" data-bind="style: {'max-width': EnvelopeWidth}">
<div id="env-front" class="flex-center" style="position: relative; opacity: 1; transition: opacity 2000ms ease 0s;">
<!-- ko if: ShowLining() == false --><!-- /ko -->
<img id="imgEnvelopeFront" data-bind="event: { load: function (data, event) { imageLoaded('imgEnvelopeFront') } }, attr: { src: EnvelopeFrontSrc, alt: EnvelopeAltText() }" class="imgEnvelopeFront" style="box-shadow: 20px 60px 60px 0px rgba(0,0,0,0.2);" alt="Envelope addressed to PWGGC 25th ANNIVERSARY " src="/viewer/envelope.ashx?ActivityCode=.public-432fe1b0d0c94a5a9fbb379f67f4b31b36383136333931&ga=0&nocache=1727115584121">
</div>
<div id="env-back" class="flex-center" style="filter: brightness(0.6); transform: perspective(800px) rotateY(270deg); display: none;">
<div>
<!-- ko if: ShowLining() == false --><!-- /ko -->
<img id="imgEnvelopeBack" data-bind="event: { load: function (data, event) { imageLoaded('imgEnvelopeBack') } }, attr: { src: EnvelopeCoverBack }, style: {'max-width': EnvelopeWidth}" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px 0px; width: 100%; max-width: 600px;" alt="Image Only: Envelope Back" src="https://cdn.greenvelope.com/GreenvelopeImages/envelope/cover/2061.portrait.back.png">
<img id="imgEnvelopeBackFlap" data-bind="event: { load: function (data, event) { imageLoaded('imgEnvelopeBackFlap') } }, attr: { src: EnvelopeBackFlapSrc }, style: {'max-width': EnvelopeWidth}" class="imgEnvelopeBackFlap" style="position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; width: 100%; max-width: 600px;" alt="Image Only: Envelope Back" src="https://cdn.greenvelope.com/viewer/envelope.ashx?mode=backflap&lastmodified=638627077277200000&ActivityCode=.public-432fe1b0d0c94a5a9fbb379f67f4b31b36383136333931&ga=0">
</div>
</div>
</div>
<div id="container2" class="centerCard no-flick" data-bind="style: { 'max-width': EnvelopeWidth, transition: 'max-width .4s' }" style="display: none; transition: max-width 0.4s ease 0s; max-width: 600px;">
<div id="envelopeContainer" style="position:relative; transform-style:flat;">
<img id="imgEnvelopeFrontBG" data-bind="attr: { src: EnvelopeCoverFront }" class="imgEnvelopeFront" style="opacity: 0" alt="Image Only: Envelope Front" src="https://cdn.greenvelope.com/GreenvelopeImages/envelope/cover/2061.portrait.front.png">
<div class="overlay" style="z-index: 1;">
<img id="imgEnvelopeFront3" data-bind="visible: ShowLining() == false, attr: { src: EnvelopeCoverFront }" class="imgEnvelopeFront" style="position: absolute; top: 0px; left: 0px; display: none;" alt="Image Only: Envelope Front" src="https://cdn.greenvelope.com/GreenvelopeImages/envelope/cover/2061.portrait.front.png">
<img id="imgLining" data-bind="visible: ShowLining() == true, event: { load: function (data, event) { imageLoaded('imgLining') } }, attr: { src: Lining }" class="imgLining" style="position: absolute; top: 0; left: 0;" alt="Image Only: Envelope Lining" src="https://cdn.greenvelope.com/viewer/lining.ashx?mode=block&liningid=1101&orientation=portrait&liningcolor=000000&coverid=2061">
<div id="img-liningflap" class="img-liningflap portrait" data-bind="class: Card().Orientation" style="transform: perspective(1800px) rotateX(90deg);">
<img id="imgEnvelopeInsideFlap" data-bind="event: { load: function (data, event) { imageLoaded('imgEnvelopeInsideFlap') } }, attr: { src: InsideFlap }" style="transform: scaleY(-1);" alt="Image Only: Envelope Flap" src="https://cdn.greenvelope.com/viewer/envelope.ashx?mode=combinedflap&coverid=2061&liningid=1101&orientation=portrait&liningcolor=000000&sealid=1041">
</div>
</div>
<div class="overlay" style="z-index: 2;">
<img id="imgCard" data-bind="event: { load: function (data, event) { imageLoaded('imgCard') } }, attr: { src: CardURL(), alt: CardAltText() }, css: { custom: Shape() == 'custom'}" border="0" class="imgCard invitation-card" usemap="#cardmap" style="position: absolute; width: 95%; top: 2.5%; left: 0; right: 0; margin: auto;" src="https://cdnpng.greenvelope.com/GreenvelopeImages/cards/6800000/9127200_6816391.png?lastmodified=638621921963400000" alt=" you're invited to the 25th anniversary celebration of WEDNESDAY, OCTOBER16TH 5:00pm until 7:00pm light Refreshments will be served please RSVP BY OCTOBER 4th [email protected] 2 Park plaza, suite 700 irvine, ca 92614 Card Image Description: An elegant business card design by Stacey Meacham with gold foil frame and modern type and classic script details. Perfect for a variety of business events.">
<!-- ko if: Card().Orientation() == 'portrait' -->
<img id="imgCardPortrait" data-bind="attr: { src: CardURL(), alt: CardAltText() }, css: { custom: Shape() == 'custom' }" border="0" class="imgCardPortrait imgCardPortraitSize invitation-card" style="position: absolute;transform: rotate(270deg);top: -18%;left: 15.5%;width: 69%;" src="https://cdnpng.greenvelope.com/GreenvelopeImages/cards/6800000/9127200_6816391.png?lastmodified=638621921963400000" alt=" you're invited to the 25th anniversary celebration of WEDNESDAY, OCTOBER16TH 5:00pm until 7:00pm light Refreshments will be served please RSVP BY OCTOBER 4th [email protected] 2 Park plaza, suite 700 irvine, ca 92614 Card Image Description: An elegant business card design by Stacey Meacham with gold foil frame and modern type and classic script details. Perfect for a variety of business events.">
<!-- /ko -->
</div>
<div class="overlay" style="z-index: 3;">
<img id="imgEnvelopeBack2" class="imgEnvelopeBack2" data-bind="attr: { src: EnvelopeCoverBack }" style="position: absolute; top: 0; left: 0; box-shadow: 20px 60px 60px 0px rgba(0,0,0,0.2);" alt="Image Only: Envelope Back" src="https://cdn.greenvelope.com/GreenvelopeImages/envelope/cover/2061.portrait.back.png">
<img id="imgEnvelopeBackCombined" data-bind="event: { load: function (data, event) { imageLoaded('imgEnvelopeBackCombined') } }, attr: { src: EnvelopeCombined }" class="imgEnvelopeBackCombined" style="position: absolute; top: 0px; left: 0px; width: 100%; display: none; box-shadow: 20px 60px 60px 0px rgba(0,0,0,0.2);" alt="Image Only: Envelope Back" src="https://cdn.greenvelope.com/viewer/envelope.ashx?mode=combinedback&coverid=2061&liningid=1101&orientation=portrait&liningcolor=000000&borderid=null">
<img id="imgFlapShadow" data-bind="visible: EnvelopeVersion() == 2, attr: { src: FlapShadow }" style="position: absolute; top: 0px; left: 0px; transform-origin: center top;" alt="Image Only: Shadow Image" src="https://cdn.greenvelope.com/GreenvelopeImages/envelope/lining/mask/portrait.flap.shadow.png">
<div id="img-flap" class="img-flap" style="position: absolute; transform-origin: top; top: 0; left: 0; width: 100%; -webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;">
<img id="imgEnvelopeBackFlap2" data-bind="attr: { src: EnvelopeBackFlapSrc }" alt="Image Only: Envelope Flap" src="https://cdn.greenvelope.com/viewer/envelope.ashx?mode=backflap&lastmodified=638627077277200000&ActivityCode=.public-432fe1b0d0c94a5a9fbb379f67f4b31b36383136333931&ga=0">
</div>
</div>
</div>
</div>
<div id="container3" class="centerCard no-flick" style="display: none; position: absolute; left: 0px; height: 100%;" data-bind="style: { height: AnimatedHeightMobile }">
<div class="imageMap front" data-bind="style: { 'width': AnimatedWidth, height: AnimatedHeight, transition: 'width .4s, height .4s' }" style="transition: width 0.4s ease 0s, height 0.4s ease 0s; height: 570px; width: 401.111px;">
<img data-bind="attr: { src: CardURL(), alt: CardAltText() }, css: { custom: Shape() == 'custom' }" border="0" class="imgCard2 front mapper invitation-card" style="filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));" src="https://cdnpng.greenvelope.com/GreenvelopeImages/cards/6800000/9127200_6816391.png?lastmodified=638621921963400000" alt=" you're invited to the 25th anniversary celebration of WEDNESDAY, OCTOBER16TH 5:00pm until 7:00pm light Refreshments will be served please RSVP BY OCTOBER 4th [email protected] 2 Park plaza, suite 700 irvine, ca 92614 Card Image Description: An elegant business card design by Stacey Meacham with gold foil frame and modern type and classic script details. Perfect for a variety of business events.">
<span class="overlay" data-bind="html: ImageMap()[0]"></span>
<!-- ko if: ShowCardAnimations --><!-- /ko -->
</div>
<!-- ko if: Card().TwoSided --><!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- ko if: CardMode() == 'static' && Card() != null --><!-- /ko -->
<!-- /ko -->
</div>
<script src="../../_js/lib/video/vimeo_player.js" defer=""></script>
<script src="../../_js/lib/video/youtube_iframe_api.js" defer=""></script>
<div id="card-overlay">
<div class="top left controls" data-bind="style: { top: -LayoutManager.PageMarginTop() }" style="top: 0px;">
<div class="flex-row" data-bind="visible: DesktopGiftCardVM() && DesktopGiftCardVM().Visible(), with: DesktopGiftCardVM" style="display: none;">
<div class="gift-card" data-bind="fadeVisible: Visible, click: Clicked" style="display: none;">
<img data-bind="attr: {src: ImageSrc}" alt="Gift Card">
<span data-bind="text: Label">View Your Gift Card: $null</span>
</div>
</div>
<div class="flex-row" data-bind="if: ShowLeftControls">
<div class="button music" data-bind="if: MusicPathMp3() != '', visible: ShowMusicButton, click: toggleMusic" style="display: none;"></div>
<div class="button pulse-opacity" style="display: none;" data-bind="fadeVisible: ShowFooter() && ShowFlip()">
<a href="#" data-bind="click: flipCard"><img class="flipcard" src="/pub/_images/design/ds-small2.png" loading="lazy" alt="Flip Card"> <!--TOKENSTART-->Flip Card<!--TOKEN:FlipCard--></a></div>
</div>
</div>
<div class="side controls">
<div class="rsvp-widget" data-bind="fadeVisible: ShowFooter() && ShowMessageWidget()" style="display: none;">
<div class="message-btn">
<a href="#messaging" class="btnV2"><!--TOKENSTART-->Send Message<!--TOKEN:SendMessage--></a>
</div>
</div>
<div class="rsvp-widget" data-bind="fadeVisible: ShowFooter() && ShowRSVPWidget()" style="display: none;">
<div class="rsvp" data-bind="visible: VMRsvp().RSVP, with: VMRsvp" style="">
<!-- ko if: !RSVPAllowed() --><!-- /ko -->
<!-- ko if: RSVPAllowed -->
<div class="no-response" data-bind="visible: !ShowComplete(), if: !ShowComplete()">
<a class="btnV2 btnV2-sm pulse" href="#rsvp" data-bind="visible: !ShowSimpleRSVP(), text: $root.SubmitYourRSVPText">Submit your RSVP</a>
<div data-bind="visible: ShowSimpleRSVP" style="display: none;">
<h2 data-bind="text: $root.SubmitYourRSVPText">Submit your RSVP</h2>
<div class="simple-rsvp" data-bind="css: { 'small': $root.LayoutManager.ShrinkSideWidget }">
<a class="btnV2 btnV2-sm attend pulse" href="" data-bind="click:simpleYes, text: $root.WillAttend">Will Attend</a>
<a class="btnV2 btnV2-sm no-attend pulse" href="" data-bind="click:simpleNo, text: $root.WillNotAttend">Will Not Attend</a>
</div>
</div>
</div>
<div class="response mobile-hide" data-bind="visible: ShowComplete, if: ShowComplete" style="display: none;"></div>
<div class="response mobile-only" data-bind="visible: ShowComplete, if: ShowComplete" style="display: none;"></div>
<!-- /ko -->
</div>
<div class="mailingaddress" data-bind="visible: PageMailingAddress" style="display: none;">
<a class="btnV2 btnV2-sm btnV2-block pulse" href="#mailingaddress"><!--TOKENSTART-->Submit Your Mailing Address<!--TOKEN:SubmitMailingAddress--></a>
</div>
<div class="survey" data-bind="visible: PageSurvey" style="display: none;">
<a class="btnV2 btnV2-sm btnV2-block pulse" href="#survey"><!--TOKENSTART-->View Survey<!--TOKEN:CompleteSurveyNow--></a>
</div>
<!--ko if: (!ShowSendGiftCardInDetails() && HasSentGiftCard()) || ShowSendGiftCardInWidget()--><!--/ko-->
</div>
</div>
<div class="top right controls" data-bind="if: ShowRightControls, style: { top: -LayoutManager.PageMarginTop() }" style="top: 0px;"></div>
<div class="nff-sticker-container" style="display: none; top: 0px;" data-bind="fadeVisible: ShowFooter() && ShowNFFSticker(), style: { top: -LayoutManager.PageMarginTop() }">
<img class="nff-sticker" src="/user/_images/promo/nff-sticker-nolink.png" loading="lazy" alt="National Forest Foundation Seal">
</div>
<div class="bottom controls" style="display: none;" data-bind="fadeVisible: !LayoutManager.DetailBottom() || MobileBottomButtonState() == 0, css: {'mobile': LayoutManager.MobileView}">
<div style="display: none;" data-bind="fadeVisible: ShowFooter">
<button type="button" class="button" data-bind="click: zoomModalShow" aria-label="Zoom">
<i class="far fa-search-plus"></i>
</button>
</div>
<div id="saveToAccount" class="menu" aria-label="Save Card" style="display: none;" data-bind="css: { 'open': ShowSaveCardMenu }, fadeVisible: ShowSaveCard">
<ul rel="Save Menu">
<!--ko if: ShowSaveCardToAccount--><!--/ko-->
<!--ko if: ShowDownloadCard-->
<!--ko if: !ShowFlip()-->
<li>
<a data-bind="click: saveCardDownloadFront"><!--TOKENSTART-->Download<!--TOKEN:Download--> <!--TOKENSTART-->Invitation<!--TOKEN:ServiceName--></a>
</li>
<!--/ko-->
<!--ko if: ShowFlip--><!--/ko-->
<!--/ko-->
<li>
<a data-bind="click: saveCardDownloadAccessible"><!--TOKENSTART-->Download<!--TOKEN:Download--> Accessible <!--TOKENSTART-->Invitation<!--TOKEN:ServiceName--> (PDF)</a>
</li>
</ul>
<button type="button" class="button" aria-label="Save Card" data-bind="click: toggleSaveCardMenu">
<i class="fal fa-save"></i>
</button>
</div>
</div>
<div id="poweredByGV" class="footer noprint" style="display: none;" data-bind="fadeVisibleIn200: !LayoutManager.DetailBottom() && ShowFooter()">
<span class="logo">
<span class="mobile-hide"><!--TOKENSTART-->Powered by<!--TOKEN:PoweredBy--></span>
<a href="https://www.greenvelope.com" target="_blank">
<img class="hires" border="0" style="height: 18px; width: 141px;" src="https://cdnpng.greenvelope.com/viewer2/_images/greenvelope_textlogo.png" loading="lazy" alt="Greenvelope">
</a>
</span>
</div>
</div>
</div>
<div class="mobile-bottom placeholder collapsed" data-bind="visible: LayoutManager.DetailBottom() && (MobileBottomButtonState() > 0 || ShowMobileBottomButtonSendGiftCard()), css: { collapsed: !LayoutManager.SideContainer.Collapsed() || !ShowFooter() }" style="">
<!--ko if: ShowMobileBottomButtonSendGiftCard--><!--/ko-->
<div class="btnV2" data-bind="visible: MobileBottomButtonState() == 1, click: toggleSidebar" style="display: none;"><!--TOKENSTART-->View Details<!--TOKEN:ViewDetails--></div>
<a class="btnV2" href="#rsvp" data-bind="visible: MobileBottomButtonState() == 2" style="display: none;"><!--TOKENSTART-->View RSVP<!--TOKEN:ViewRSVP--></a>
<div class="btnV2" data-bind="visible: MobileBottomButtonState() == 3, click: toggleSidebar" style="display: none;"><!--TOKENSTART-->View Details / RSVP<!--TOKEN:ViewDetailsRSVP--></div>
<a class="btnV2" href="#rsvp" data-bind="visible: MobileBottomButtonState() == 4" style=""><!--TOKENSTART-->RSVP Now<!--TOKEN:RSVPNow--></a>
<a class="btnV2" href="#survey" data-bind="visible: MobileBottomButtonState() == 5" style="display: none;"><!--TOKENSTART-->View Survey<!--TOKEN:CompleteSurveyNow--></a>
<a class="btnV2" href="#mailingaddress" data-bind="visible: MobileBottomButtonState() == 6" style="display: none;"><!--TOKENSTART-->Submit Your Mailing Address<!--TOKEN:SubmitMailingAddress--></a>
<a class="btnV2" href="#messaging" data-bind="visible: ShowMobileBottomButtonSendMessage" style="display: none;"><!--TOKENSTART-->Send Message<!--TOKEN:SendMessage--></a>
</div>
<div class="mobile-bottom collapsed" data-bind="visible: LayoutManager.DetailBottom() && (MobileBottomButtonState() > 0 || ShowMobileBottomButtonSendGiftCard()), css: { blur: ShowOpenButton, collapsed: !LayoutManager.SideContainer.Collapsed() || !ShowFooter() }" style="">
<!--ko if: ShowMobileBottomButtonSendGiftCard--><!--/ko-->
<div class="btnV2 pulse" data-bind="visible: MobileBottomButtonState() == 1, click: toggleSidebar" style="display: none;"><!--TOKENSTART-->View Details<!--TOKEN:ViewDetails--></div>
<a class="btnV2 pulse" href="#rsvp" data-bind="visible: MobileBottomButtonState() == 2" style="display: none;"><!--TOKENSTART-->View RSVP<!--TOKEN:ViewRSVP--></a>
<div class="btnV2 pulse" data-bind="visible: MobileBottomButtonState() == 3, click: toggleSidebar" style="display: none;"><!--TOKENSTART-->View Details / RSVP<!--TOKEN:ViewDetailsRSVP--></div>
<a class="btnV2 pulse" href="#rsvp" data-bind="visible: MobileBottomButtonState() == 4" style=""><!--TOKENSTART-->RSVP Now<!--TOKEN:RSVPNow--></a>
<a class="btnV2 pulse" href="#survey" data-bind="visible: MobileBottomButtonState() == 5" style="display: none;"><!--TOKENSTART-->View Survey<!--TOKEN:CompleteSurveyNow--></a>
<a class="btnV2 pulse" href="#mailingaddress" data-bind="visible: MobileBottomButtonState() == 6" style="display: none;"><!--TOKENSTART-->Submit Your Mailing Address<!--TOKEN:SubmitMailingAddress--></a>
<a class="btnV2 pulse" href="#messaging" data-bind="visible: ShowMobileBottomButtonSendMessage" style="display: none;"><!--TOKENSTART-->Send Message<!--TOKEN:SendMessage--></a>
</div>
</div>
<div id="rightcolumncontainer" data-bind="class: LayoutManager.SideContainer.Css" class="offscreen animated">
<div class="details-header mobile-only" data-bind="click: toggleSidebar">
<div>
<i class="fal fa-times" aria-hidden="true"></i>
<span><!--TOKENSTART-->Hide Details<!--TOKEN:HideDetails--></span>
</div>
</div>
<div class="rsvp-widget mobile-only" data-bind="visible: ShowSidebarRSVPWidget()" style="">
<div class="rsvp" data-bind="visible: VMRsvp().RSVP, with: VMRsvp" style="">
<!-- ko if: !RSVPAllowed() --><!-- /ko -->
<!-- ko if: RSVPAllowed -->
<div class="no-response" data-bind="visible: !ShowComplete(), if: !ShowComplete()">
<a class="btnV2 btnV2-sm pulse" href="#rsvp" data-bind="visible: !ShowSimpleRSVP(), text: $root.SubmitYourRSVPText">Submit your RSVP</a>
<div data-bind="visible: ShowSimpleRSVP" style="display: none;">
<h2 data-bind="text: $root.SubmitYourRSVPText">Submit your RSVP</h2>
<div class="simple-rsvp" data-bind="css: { 'small': $root.LayoutManager.ShrinkSideWidget }">
<a class="btnV2 btnV2-sm attend pulse" href="" data-bind="click:simpleYes, text: $root.WillAttend">Will Attend</a>
<a class="btnV2 btnV2-sm no-attend pulse" href="" data-bind="click:simpleNo, text: $root.WillNotAttend">Will Not Attend</a>
</div>
</div>
</div>
<div class="response mobile-hide" data-bind="visible: ShowComplete, if: ShowComplete" style="display: none;"></div>
<div class="response mobile-only" data-bind="visible: ShowComplete, if: ShowComplete" style="display: none;"></div>
<!-- /ko -->
</div>
<div class="mailingaddress" data-bind="visible: PageMailingAddress" style="display: none;">
<a class="btnV2 btnV2-sm btnV2-block pulse" href="#mailingaddress"><!--TOKENSTART-->Submit Your Mailing Address<!--TOKEN:SubmitMailingAddress--></a>
</div>
<div class="survey" data-bind="visible: PageSurvey" style="display: none;">
<a class="btnV2 btnV2-sm btnV2-block pulse" href="#survey"><!--TOKENSTART-->View Survey<!--TOKEN:CompleteSurveyNow--></a>
</div>
<!--ko if: (!ShowSendGiftCardInDetails() && HasSentGiftCard()) || ShowSendGiftCardInWidget()--><!--/ko-->
</div>
<div class="rsvp-widget mobile-only" data-bind="visible: ShowSidebarMessageWidget()" style="display: none;">
<div class="message-btn">
<a href="#messaging" class="btnV2"><!--TOKENSTART-->Send Message<!--TOKEN:SendMessage--></a>
</div>
</div>
<div id="rightcolumncontent">
<!-- ko if: PageDetails() == true --><!-- /ko -->
<a class="save-card-mobile mobile-only noprint" style="display: none;" data-bind="visible: ShowSaveCard(), attr: {'href': SaveCardURL}" href="/sign-up?ActivityCode=.public-432fe1b0d0c94a5a9fbb379f67f4b31b36383136333931">
<i class="fal fa-arrow-alt-to-bottom"></i> <!--TOKENSTART-->Save to Your Account<!--TOKEN:SaveToYourAccount-->
</a>
<div class="nff-sticker-container" style="display: none;" data-bind="visible: ShowNFFStickerDetails">
<img class="nff-sticker" src="/user/_images/promo/nff-sticker-nolink.png" loading="lazy" alt="National Forest Foundation Seal">
</div>
<div id="poweredByGVMobile" class="poweredby mobile-only noprint">
<span class="logo">
<span><!--TOKENSTART-->Powered by<!--TOKEN:PoweredBy--></span>
<a href="https://www.greenvelope.com" target="_blank">
<img class="hires" border="0" style="height: 18px; width: 141px;" src="https://cdnpng.greenvelope.com/viewer2/_images/greenvelope_textlogo.png" loading="lazy" alt="Greenvelope">
</a>
</span>
</div>
</div>
<div class="custom-scroll" data-bind="template: { name: "template-GVScrollbar", data: PanelScrollbarVM }">
<div class="gv-scrollbar vertical" data-bind="attr: { "id": ID }, css: { "horizontal": IsHorizontal, "vertical": IsVertical }" id="panel-scroll" style="display: none;">
<div class="handle" style="height: 0px;"></div>
</div>
</div>
<div class="rsvp-widget mobile-hide" data-bind="visible: ShowSidebarRSVPWidget()" style="">
<div class="rsvp" data-bind="visible: VMRsvp().RSVP, with: VMRsvp" style="">
<!-- ko if: !RSVPAllowed() --><!-- /ko -->
<!-- ko if: RSVPAllowed -->
<div class="no-response" data-bind="visible: !ShowComplete(), if: !ShowComplete()">
<a class="btnV2 btnV2-sm pulse" href="#rsvp" data-bind="visible: !ShowSimpleRSVP(), text: $root.SubmitYourRSVPText">Submit your RSVP</a>
<div data-bind="visible: ShowSimpleRSVP" style="display: none;">
<h2 data-bind="text: $root.SubmitYourRSVPText">Submit your RSVP</h2>
<div class="simple-rsvp" data-bind="css: { 'small': $root.LayoutManager.ShrinkSideWidget }">
<a class="btnV2 btnV2-sm attend pulse" href="" data-bind="click:simpleYes, text: $root.WillAttend">Will Attend</a>
<a class="btnV2 btnV2-sm no-attend pulse" href="" data-bind="click:simpleNo, text: $root.WillNotAttend">Will Not Attend</a>
</div>
</div>
</div>
<div class="response mobile-hide" data-bind="visible: ShowComplete, if: ShowComplete" style="display: none;"></div>
<div class="response mobile-only" data-bind="visible: ShowComplete, if: ShowComplete" style="display: none;"></div>
<!-- /ko -->
</div>
<div class="mailingaddress" data-bind="visible: PageMailingAddress" style="display: none;">
<a class="btnV2 btnV2-sm btnV2-block pulse" href="#mailingaddress"><!--TOKENSTART-->Submit Your Mailing Address<!--TOKEN:SubmitMailingAddress--></a>
</div>
<div class="survey" data-bind="visible: PageSurvey" style="display: none;">
<a class="btnV2 btnV2-sm btnV2-block pulse" href="#survey"><!--TOKENSTART-->View Survey<!--TOKEN:CompleteSurveyNow--></a>
</div>
<!--ko if: (!ShowSendGiftCardInDetails() && HasSentGiftCard()) || ShowSendGiftCardInWidget()--><!--/ko-->
</div>
<div class="rsvp-widget mobile-hide" data-bind="visible: ShowSidebarMessageWidget()" style="display: none;">
<div class="message-btn">
<a href="#messaging" class="btnV2"><!--TOKENSTART-->Send Message<!--TOKEN:SendMessage--></a>
</div>
</div>
</div>
</div>
<div data-bind="fadeVisibleIn200: ShowOpenButton" class="text-center" id="openButton" style="display:none;">
<a class="btnV2 btnV2-lg" href="" data-bind="click: VMCard().userClickedOpen, text: ViewServiceName">View Invitation</a>
</div>
</div>
<!-- ko with: VMRsvp -->
<div class="modal fade v2" id="modalRSVP" tabindex="-1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !ShowPurchase() && $parent.LayoutManager.SideContainer.Collapsed()">
<i class="far fa-chevron-left"></i>
<!--TOKENSTART-->Back<!--TOKEN:Back-->
</div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !ShowPurchase() && !$parent.LayoutManager.SideContainer.Collapsed()" style="display: none;">
<i class="far fa-chevron-left"></i>
<!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails-->
</div>
<div class="btnV2 btnV2-link" data-bind="visible: ShowPurchase, click: paymentEditRsvp" style="display: none;">
<i class="far fa-chevron-left"></i>
<!--TOKENSTART-->Change RSVP<!--TOKEN:ChangeRSVP-->
</div>
</div>
<div class="modal-content" style="text-align: center; padding: 50px; display: none;" data-bind="visible: !RSVP() && $root.Loading()">
<i class="fa fa-spinner fa-spin fa-lg"></i>
</div>
<div class="modal-content" data-bind="visible: RSVP, if: RSVP" style="">
<div class="modal-header">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h4 class="modal-title" data-bind="visible: ShowRSVP, text: $parent.SubmitYourRSVPText">Submit your RSVP</h4>
<h4 class="modal-title" data-bind="visible: ShowPurchase" style="display: none;">
<!--TOKENSTART-->Payment<!--TOKEN:Payment-->
</h4>
<h4 class="modal-title" data-bind="visible: ShowComplete() && !IsRegistered()" style="display: none;">
<!--TOKENSTART-->RSVP Complete!<!--TOKEN:RSVPComplete!-->
</h4>
<h4 class="modal-title" data-bind="visible: ShowComplete() && IsRegistered()" style="display: none;">
<!--TOKENSTART-->Registration Confirmation<!--TOKEN:RegistrationConfirmation-->
</h4>
</div>
<div class="modal-body">
<div class="rsvp-closed" data-bind="visible: !RSVPAllowed()" style="display: none;">
<!--TOKENSTART-->This event is no longer accepting RSVPs.<!--TOKEN:EventNoLongerAcceptingRSVPs-->
</div>
<div class="rsvp-container" data-bind="visible: ShowRSVP() ">
<div class="rsvp-message" data-bind="visible: RSVP().RSVPMessage != null, html: RSVP().RSVPMessage" style="display: none;"></div>
<div class="guests-container" data-bind="foreach: Guests">
<div class="guest" data-bind="attr: { 'data-guest': UXID() }, visible: !IsNotInvited()" data-guest="0_">
<div class="invalid invalid-guest" data-bind="attr: { 'id': UXID() + '_RSVP' }" style="display: none;" id="0__RSVP">
<i class="fa fa-warning"></i> <span data-bind="text: $root.LanguageReference().getByToken('PleaseRSVPForGuest')">Please select "Will Attend" or "Will Not Attend" for this guest</span>
</div>
<div class="guest-head">
<div class="guest-info" data-bind="visible: !EditMode()" style="display: none;">
<div class="name" data-bind="visible: FullName != null" style="">
<span data-bind="html: escapeHtmlExceptBr(FullName())"></span>
<a aria-label="Edit name/email" href="#" data-bind="click: $parent.editGuest, visible: $parent.GuestMode() != 'preview' && $parent.EnableGuestNameChange" style=""><i class="fa fa-pencil"></i></a>
</div>
<div class="email" data-bind="text: Email, visible: Email" style="display: none;"></div>
</div>
<div class="guest-edit gv-form" data-bind="visible: EditMode">
<div class="private-fields" data-bind="if: Type() != 'P' || $parent.IsPublicOrHostNew() == false"></div>
<div class="public-fields" data-bind="if: $parent.Public() != null && Type() == 'P' && $parent.IsPublicOrHostNew() == true">
<div data-bind="visible: $parent.Public().FNameCapture == true">
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_FName' }" style="display: none;" id="0__FName">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required" data-bind="css: { required: $parent.Public().FNameRequire }">
<p>
<!-- ko text: $root.LanguageReference().getByToken('FirstName') -->First Name<!--/ko-->
</p>
<input type="text" data-bind="value:FName">
</label>
</div>
<div data-bind="visible: $parent.Public().LNameCapture == true">
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_LName' }" style="display: none;" id="0__LName">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required" data-bind="css: { required: $parent.Public().LNameRequire }">
<p>
<!-- ko text: $root.LanguageReference().getByToken('LastName') -->Last Name<!--/ko-->
</p>
<input type="text" data-bind="value:LName">
</label>
</div>
<div>
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_Email' }" style="display: none;" id="0__Email">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required">
<p>
<!-- ko text: $root.LanguageReference().getByToken('Email') -->Email<!--/ko-->
</p>
<input type="text" data-bind="value: Email, enable: Type() != 'P' || $parent.IsPublicOrHostNew()">
</label>
</div>
<div data-bind="visible: $parent.Public().CompanyCapture == true" style="display: none;">
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_Company' }" style="display: none;" id="0__Company">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input" data-bind="css: { required: $parent.Public().CompanyRequire }">
<p>
<!-- ko text: $root.LanguageReference().getByToken('Company') -->Company<!--/ko-->
</p>
<input type="text" data-bind="value: Company">
</label>
</div>
<div data-bind="visible: $parent.Public().AddrCapture == true" style="display: none;">
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_Addr' }" style="display: none;" id="0__Addr">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input" data-bind="css: { required: $parent.Public().AddrRequire }">
<p>
<!-- ko text: $root.LanguageReference().getByToken('Address') -->Address<!--/ko-->
</p>
<input type="text" data-bind="value: Address">
</label>
</div>
<div data-bind="visible: $parent.Public().CityCapture == true" style="display: none;">
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_City' }" style="display: none;" id="0__City">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input" data-bind="css: { required: $parent.Public().CityRequire }">
<p>
<!-- ko text: $root.LanguageReference().getByToken('City') -->City<!--/ko-->
</p>
<input type="text" data-bind="value: City">
</label>
</div>
<div data-bind="visible: $parent.Public().StateCapture == true" style="display: none;">
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_State' }" style="display: none;" id="0__State">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input" data-bind="css: { required: $parent.Public().StateRequire }">
<p>
<!-- ko text: $root.LanguageReference().getByToken('State') -->State / Province<!--/ko-->
</p>
<input type="text" data-bind="value: State">
</label>
</div>
<div data-bind="visible: $parent.Public().ZipCapture == true" style="display: none;">
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_Zip' }" style="display: none;" id="0__Zip">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input" data-bind="css: { required: $parent.Public().ZipRequire }">
<p>
<!-- ko text: $root.LanguageReference().getByToken('Zip/PostalCode') -->Zip / Postal Code<!--/ko-->
</p>
<input type="text" data-bind="value: Zip">
</label>
</div>
<div data-bind="visible: $parent.Public().PhoneCapture == true" style="display: none;">
<div class="invalid inline" data-bind="attr: { 'id': UXID() + '_Phone' }" style="display: none;" id="0__Phone">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input" data-bind="css: { required: $parent.Public().PhoneRequire }">
<p>
<!-- ko text: $root.LanguageReference().getByToken('Phone') -->Phone<!--/ko-->
</p>
<input type="text" data-bind="value: Phone">
</label>
</div>
</div>
</div>
<div class="spacer"></div>
<div class="guest-rsvp" data-bind="visible: $parent.ShowRSVPButtons" style="">
<a href="#" class="btnV2 attend" data-bind="click: $parent.rsvpGuest.bind($data, true), visible: RsvpStatus() == null" style="">
<!-- ko text: $root.LanguageReference().getByToken('WillAttend') -->Will Attend<!--/ko-->
</a>
<a href="#" class="btnV2 no-attend" data-bind="click: $parent.rsvpGuest.bind($data, false), visible: RsvpStatus() == null" style="">
<!-- ko text: $root.LanguageReference().getByToken('WillNotAttend') -->Will Not Attend<!--/ko-->
</a>
<div class="status attending" style="display: none;" data-bind="visible: RsvpStatus">
<i class="fa fa-check-circle"></i>
<!-- ko text: $root.LanguageReference().getByToken('Attending') -->Attending<!--/ko-->
</div>
<div class="status notattending" style="display: none;" data-bind="visible: RsvpStatus() == false">
<i class="fa fa-minus-circle"></i>
<!-- ko text: $root.LanguageReference().getByToken('NotAttending') -->Not Attending<!--/ko-->
</div>
<a class="changersvp" data-bind="click: $parent.rsvpGuestChange, visible: RsvpStatus() != null && Type() != 'X'" style="display: none;" href="#" aria-label="Change RSVP"><i class="fa fa-pencil"></i></a>
</div>
<a class="remove" href="#" style="display: none;" data-bind="visible: Type() == 'X', click: $parent.removePlusOne"><i class="far fa-trash-alt"></i></a>
</div>
<div class="guest-tickets" style="display: none;" data-bind="visible: ShowTickets">
<div class="body">
<div class="tickets">
<label class="gv-select">
<span>
<!-- ko text: $root.LanguageReference().getByToken('PleaseSelectYourTicket') -->Please select your ticket<!--/ko-->
<span class="required">*</span>
<span class="invalid margin-t-5" style="display: none;" data-bind="attr: { 'id': 'ticketval_' + UXID() }" id="ticketval_0_"><i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->.</span>
</span>
<select data-bind="enable: AllowTicketPurchaseChange,
attr: { 'id': 'ticket_' + UXID(), 'data-guest': UXID() },
options: TicketsGuest,
optionsValue: 'EventPurchaseItemID',
optionsText: 'TicketDisplay',
value: SelectedTicketID,
valueAllowUnset: false,
optionsCaption: $root.LanguageReference().getByToken('ChooseATicket')" aria-required="true" id="ticket_0_" data-guest="0_"><option value="">Choose a Ticket</option>
</select>
</label>
</div>
</div>
</div>
<div class="guest-survey" data-bind="visible: RsvpStatus() != null && $parent.EventQuestionVM($data).GuestQuestions($data)().length > 0, css: { collapsed: HideSurvey }" style="display: none;">
<div class="head" data-bind="click: toggleSurvey">
<!--TOKENSTART-->Survey Questions<!--TOKEN:SurveyQuestions-->
<i class="fa fa-chevron-up" data-bind="class: HideSurvey() ? 'fa-chevron-down' : 'fa-chevron-up'"></i>
</div>
<!-- ko with: $parent.EventQuestionVM($data) -->
<div class="body" data-bind="css: {'has-follow-ups': HasFollowUps}">
<!--ko with: $data.Guest()-->
<!--ko foreach: $parent.GuestQuestions($data) --><!--/ko -->
<!--/Guest Questions-->
<!--/ko-->
<!--/Guest-->
<script type="text/html" id="Qtypes">
<!-- ko if: Q.QType() == 'R'-->
<ul data-bind="foreach: Q.AnswersOrdered(), attr: { 'id': 'response_' + Q.EventQuestionID() + '_' + G.UXID() }">
<li>
<label class="gv-radiobutton">
<input type="radio" data-bind="
checked: $parent.G.GetResponseValue($parent.Q, EventQuestionID()),
checkedValue: AValue().toString(),
attr: {
name: 'response_group_' + EventQuestionID() + '_' + $parent.G.UXID(),
'id': 'response_' + EventQuestionAnswerID() + '_' + $parent.G.UXID() + '_R'
},
event: {
change: $parent.ChangeEvent ? $parent.G.FollowUpQuestions.answerSelected.bind(null, $parent.G.UXID(), $parent.Q, $data, $element) : null
}"
notranslate />
<em></em>
<span data-bind="text: AText()"></span>
</label>
</li>
</ul>
<!--/ko-->
<!-- ko if: Q.QType() == 'S'-->
<label class="gv-select">
<span data-bind="text: Q.QText"></span>
<select data-bind="attr: {
'aria-required': Q.IsRequired().toString(),
'id': 'response_' + Q.EventQuestionID() + '_' + G.UXID()
},
options: Q.AnswersOrdered,
optionsValue: function (item) { return item.AValue() },
optionsText: function (item) { return item.AText() },
value: G.GetResponseValue(Q, Q.EventQuestionID()),
optionsCaption: $root.LanguageReference().getByToken('PleaseSelect...'),
event: {
change: ChangeEvent ? G.FollowUpQuestions.answerSelected.bind(null, G.UXID(), Q, null, $element) : null
}">
</select>
</label>
<!--/ko-->
<!-- ko if: Q.QType() == 'M'-->
<ul data-bind="foreach: Q.AnswersOrdered(), attr: { 'id': 'response_' + Q.EventQuestionID() + '_' + G.UXID() }">
<li>
<label class="gv-checkbox">
<input type="checkbox" data-bind="value: EventQuestionAnswerID(),
checked: $parent.G.IsResponseSelected($data, $parent.Q),
attr: {
name: 'response_group_' + EventQuestionID() + '_' + $parent.G.UXID(),
'id': 'response_' + EventQuestionAnswerID() + '_' + $parent.G.UXID() + '_M'
},
event: { change: $parent.ChangeEvent ? $parent.G.FollowUpQuestions.answerSelected.bind(null, $parent.G.UXID(), $parent.Q, $data, $element) : null }"
notranslate />
<em></em>
<span data-bind="text: AText()"></span>
</label>
</li>
</ul>
<!--/ko-->
<!-- ko if: Q.QType() == 'T'-->
<label class="gv-input">
<input type="text" data-bind="value: G.GetResponseText(Q.EventQuestionID()), attr: { 'id': 'response_' + Q.EventQuestionID() + '_' + G.UXID() }" />
</label>
<!--/ko-->
<!-- ko if: Q.QType() == 'L'-->
<label class="gv-input">
<textarea rows="4" data-bind="value: G.GetResponseText(Q.EventQuestionID()), attr: { 'id': 'response_' + Q.EventQuestionID() + '_' + G.UXID() }"></textarea>
</label>
<!--/ko-->
</script>
</div>
<!-- /ko -->
</div>
</div>
</div>
<div class="plusone" style="" data-bind="visible: PlusOneAvailable() > 0">
<a href="#" data-bind="click: addPlusOne"><i class="far fa-plus-circle"></i> <!--TOKENSTART-->Bring a Guest<!--TOKEN:BringAGuest--></a>
<!--ko if:$root.IsHostMode--><!--/ko-->
</div>
<!-- ko with: PrimaryGuest -->
<div class="guest-purchase" style="display: none;" data-bind="if: $parent.ItemsGuest() && $parent.ItemsGuest().length > 0, visible: $parent.ItemsGuest() && $parent.ItemsGuest().length > 0, css: { collapsed: HidePurchase }"></div>
<!-- /ko -->
<div class="donation gv-form" data-bind="if: Purchase() != null && Purchase().DonationsAllowed"></div>
<div class="comment gv-form" data-bind="if: RSVP().RSVPCommentEnabled">
<label class="gv-input">
<textarea id="txtComment" data-bind="attr: { placeholder: $root.LanguageReference().getByToken('OptionalMessageToHost') }" placeholder="Optional message to the host"></textarea>
</label>
</div>
<div class="submit gv-form" data-bind="if: RSVP">
<div style="display: none;" data-bind="visible: IsDayOfEvent() && GuestMode() === 'host-new', enabled: !Processing()">
<label class="gv-checkbox">
<input type="checkbox" data-bind="checked: CheckInOnRSVP">
<em></em>
<span>
<!--TOKENSTART-->undefined<!--TOKEN:CheckIn-->
</span>
</label>
</div>
<div id="divErrors" class="invalid" style="display: none;" data-bind="visible: !PageValid()">
<i class="fa fa-warning"></i> <span data-bind="text: $root.LanguageReference().getByToken('RequiredDataMissingAbove')">Required data is missing above.</span>
</div>
<div class="space-between-fix"></div>
<div class="buttons">
<a href="/user/track'" class="btnV2 btnV2-link" data-bind="visible: GuestMode() === 'host-new'" style="display: none;">Cancel</a>
<a id="btnSubmitRSVP" href="#" class="btnV2" data-bind="click: rsvpSubmit, visible: !Processing() && (!PaymentRequiredBeforeRSVP() || !HasPayingGuests()), text: SubmitRSVPText()">Submit RSVP</a>
<a id="btnContinuePayment" href="#" class="btnV2" data-bind="click: preRsvpGuestPurchase, visible: !Processing() && (PaymentRequiredBeforeRSVP() && HasPayingGuests())" style="display: none;">
<!--TOKENSTART-->Continue to Payment<!--TOKEN:ContinueToPayment-->
</a>
<button class="btnV2" data-bind="visible: Processing" style="display: none;">
<i class="fa fa-spinner fa-spin fa-lg"></i> <!-- ko text: $root.LanguageReference().getByToken('Working...') -->Working...<!--/ko-->
</button>
</div>
</div>
</div>
<div class="purchase-container" data-bind="visible: ShowPurchase" style="display: none;">
<!--ko if: Purchase() != null && Purchase().GuestPurchase != null --><!--/ko-->
<div id="payment" data-bind="visible: ShowCardEntry" style="display: none;">
<div class="gv-form payment1" data-bind="visible: SelectedPaymentMethod() == 1">
<div class="input-container">
<div class="col">
<label class="gv-input">
<p>
<!--TOKENSTART-->Cardholder Full Name<!--TOKEN:CardholderFullName-->
<span class="required">*</span>
<span class="invalid" id="valPaymentName" style="display: none;">
<i class="fa fa-warning"></i> <!--TOKENSTART-->Required<!--TOKEN:Required-->
</span>
</p>
<input class="payment-name" type="text" data-bind="disable: DisableCardForm">
</label>
<label class="gv-input">
<p>
<!--TOKENSTART-->Card Number<!--TOKEN:CardNumber-->
<span class="required">*</span>
<span class="invalid" id="valPaymentNumber" style="display: none;">
<i class="fa fa-warning"></i> <!--TOKENSTART-->Required<!--TOKEN:Required-->
</span>
</p>
<div id="card-element" data-bind="visible: !DisableCardForm()"></div>
</label>
</div>
<div class="col">
<label class="gv-input">
<p>
<!--TOKENSTART-->Cardholder Email<!--TOKEN:CardholderEmail-->
<span class="required">*</span>
<span class="invalid" id="valPaymentEmail" style="display: none;">
<i class="fa fa-warning"></i> <!--TOKENSTART-->Required<!--TOKEN:Required-->
</span>
</p>
<input class="payment-email" type="text" data-bind="disable: DisableCardForm">
</label>
<label class="gv-input">
<p>
<!--TOKENSTART-->Billing Zip Code<!--TOKEN:BillingZipCode-->
<span class="required">*</span>
<span class="invalid" id="valPaymentZip" style="display: none;">
<i class="fa fa-warning"></i> <!--TOKENSTART-->Required<!--TOKEN:Required-->
</span>
</p>
<input class="payment-zip" type="text" maxlength="10" data-bind="disable: DisableCardForm">
</label>
</div>
</div>
<!--ko if: Purchase() != null && Purchase().GuestPurchase != null --><!--/ko-->
</div>
<div class="payment2 payByCheck" data-bind="visible: SelectedPaymentMethod() == 2" style="display: none;">
<div class="gvdirs">
<!--TOKENSTART-->You have selected to pay by check. Your event host has provided the following directions for those paying by check.<!--TOKEN:PayByCheckHostDirectionsBelow-->
<!--TOKENSTART-->These directions have been emailed to you as well.<!--TOKEN:TheseDirectionsHaveBeenEmailed-->
</div>
<!--ko if: Purchase() != null && Purchase().GuestPurchase != null --><!--/ko-->
</div>
</div>
</div>
<div class="complete-container" data-bind="visible: ShowComplete" style="display: none;">
<div class="rsvp-confirmation" data-bind="html: nlbr(RSVPConfirmation()), visible: RSVPConfirmation" style="display: none;"></div>
<!-- ko if: SomeoneIsAttending && Locations && Locations.length > 0 --><!-- /ko -->
<div class="registry-container" data-bind="visible: RSVP().RegistryDisplay " style="display: none;">
<div class="registry-header">
<!--TOKENSTART-->Registry<!--TOKEN:WeAreRegistered-->
</div>
<!-- ko with: $root.VMDetails().Details() -->
<div class="registry-desc" data-bind="html: EventRegistryDescription, visible: EventRegistryDescription" style="display: none;" ignore=""></div>
<div class="registry-list" data-bind="foreach: Registries"></div>
<!-- /ko -->
</div>
<div class="rsvp-submitted">
<span data-bind="text: RsvpDate"></span> - <!--TOKENSTART-->RSVP Submitted<!--TOKEN:RSVPSubmitted--> (<span data-bind="text: GuestsAttending">0</span> <!--TOKENSTART-->Attending<!--TOKEN:Attending-->)
</div>
<div class="rsvp-summary">
<div class="guests" data-bind="foreach: Guests">
<div class="guest" data-bind="visible: !IsNotInvited()">
<div class="icon">
<div class="no" data-bind="text: RsvpStatus() ? 'Y' : 'N', css: {'yes': RsvpStatus, 'no': !RsvpStatus()}">N</div>
</div>
<div class="info">
<div class="name" data-bind="text: FullName"></div>
<!-- ko if: ShowTickets --><!-- /ko -->
<!-- ko if: $parent.ShowComplete --><!-- /ko -->
</div>
</div>
</div>
<div class="items" data-bind="visible: PurchasedItems().length > 0" style="display: none;">
<div class="head"><!--TOKENSTART-->Items<!--TOKEN:Items--></div>
<div class="body" data-bind="foreach: PurchasedItems"></div>
</div>
</div>
<div data-bind="visible: RSVP().RSVPGuestChangeAllowed && PurchaseSummary() != null" style="text-align: center; display: none;">
<a href="#" class="btnV2" data-bind="click: rsvpChange">
<!--TOKENSTART-->Change RSVP<!--TOKEN:ChangeRSVP-->
</a>
</div>
<div class="purchase-summary" style="display: none;" data-bind="visible: PurchaseSummary() != null">
<span data-bind="html: PurchaseSummary()"></span>
</div>
<div style="display: none; text-align: center;" data-bind="visible: !isEmpty(TicketHTML())">
<span class="text-left" data-bind="html: TicketHTML()"></span>
<br>
<a href="/tickets.aspx?eix=2whx67ZFXlQ=&gix=null" class="btnV2 btnV2-link" target="_blank" data-bind="attr: { href: '/tickets.aspx?eix=' + $parent.EIX() + '&gix=' + $parent.GIX()} "><i class="fal fa-print" aria-hidden="true"></i>
<!--TOKENSTART-->Printer Friendly Ticket<!--TOKEN:PrinterFriendlyTicket-->
</a>
</div>
<div class="fake-tickets" style="display: none;" data-bind="visible: isReadOnly && isEmpty(TicketHTML()) && PrimaryGuest().SelectedTicket && PrimaryGuest().ShowTickets">
<div class="tickets-container" data-bind="foreach: Guests">
<div class="ticket bg-custom border-custom" data-bind="visible: SelectedTicket() && !IsNotInvited(), if: SelectedTicket" style="display: none;"></div>
</div>
<a class="btnV2 btnV2-link" data-bind="click: function(){showMessage('Printer Friendly Ticket is not available in Preview Mode.')}"><i class="fal fa-print" aria-hidden="true"></i>
<!--TOKENSTART-->Printer Friendly Ticket<!--TOKEN:PrinterFriendlyTicket-->
</a>
<br>
</div>
<div class="complete-footer">
<!--ko if: RSVP().GiftCardDisplay && SendAGiftCardVM() && !SendAGiftCardVM().HasSentGiftCard()--><!--/ko-->
<div data-bind="visible: RSVP().RSVPGuestChangeAllowed && PurchaseSummary() == null" style="">
<a href="#" class="btnV2 btnV2-white" data-bind="click: rsvpChange">
<!--TOKENSTART-->Change RSVP<!--TOKEN:ChangeRSVP-->
</a>
</div>
<div data-bind="visible: $parent.PageMessaging()" style="display: none;">
<a href="#messaging" class="btnV2 btnV2-white">
<!--TOKENSTART-->Send Message<!--TOKEN:SendMessage-->
</a>
</div>
<a data-dismiss="modal" href="#" class="btnV2">
<!--TOKENSTART-->Done<!--TOKEN:Done-->
</a>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- /ko -->
<div class="modal v2 top fade" id="modalGVConfirm" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog">
<div class="modal-content" data-bind="with: GVConfirmViewModel">
<div class="modal-header">
<span class="fal fa-times close" aria-hidden="true" data-bind="click: no"></span>
</div>
<div class="clearfix"></div>
<div class="modal-body">
<!-- ko with: $parent.VMRsvp-->
<div class="icon" data-bind="css: AutoRsvpStatusClass"></div>
<!-- /ko -->
<div class="message" data-bind="text:Message">Are you sure?</div>
<div class="actions">
<a href="#" class="btnV2 btnV2-clear" data-bind="click: no, text: NoText">No</a>
<a href="#" class="btnV2" data-bind="click: yes, text: YesText">Yes</a>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!--ko with: VMSurvey-->
<div class="modal fade v2" id="modalSurvey" tabindex="-1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: $parent.LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !$parent.LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content" style="text-align: center; padding: 50px; display: none;" data-bind="visible: $root.Loading">
<i class="fa fa-spinner fa-spin fa-lg"></i>
</div>
<div class="modal-content" data-bind="visible: !$root.Loading(), if: GuestSurveyResponse" style=""></div>
</div>
</div>
<!--/ko-->
<div class="modal fade v2" id="modalMailingAddress" tabindex="-1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content" style="text-align: center; padding: 50px; display: none;" data-bind="visible: $root.Loading">
<i class="fa fa-spinner fa-spin fa-lg"></i>
</div>
<div class="modal-content" data-bind="if:!$root.Loading(), visible: !$root.Loading()" style="">
<div class="modal-header">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h2 class="modal-title" data-bind="text: $root.LanguageReference().getByToken('SubmitMailingAddress')">Submit Your Mailing Address</h2>
</div>
<div class="modal-body" data-bind="with: VMMailingAddress">
<div class="mailing-address gv-form">
<div class="email-form" data-bind="if: showNameEmailForm, visible: showNameEmailForm">
<div class="flexrow">
<div data-field="FirstName">
<div class="invalid inline" style="display: none;">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required">
<p><!-- ko text: $root.LanguageReference().getByToken('FirstName') -->First Name<!--/ko--></p>
<input type="text" data-bind="value: FirstName, event: { blur: validateMailingAddressField }">
</label>
</div>
<div data-field="LastName">
<div class="invalid inline" style="display: none;">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required">
<p><!-- ko text: $root.LanguageReference().getByToken('LastName') -->Last Name<!--/ko--></p>
<input type="text" data-bind="value: LastName, event: { blur: validateMailingAddressField }">
</label>
</div>
</div>
<div class="flexrow">
<div data-field="Email">
<label class="gv-input">
<p><!-- ko text: $root.LanguageReference().getByToken('Email') -->Email<!--/ko--></p>
<input type="text" data-bind="value: Email">
</label>
</div>
</div>
</div>
<div class="flexrow">
<div data-field="Street1">
<div class="invalid inline" style="display: none;">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required" data-bind="css: { required: Street1Required }">
<p><!-- ko text: $root.LanguageReference().getByToken('MailingAddressStreet1') -->Street 1<!--/ko--></p>
<input type="text" data-bind="value: Street1, event: { blur: validateMailingAddressField }">
</label>
</div>
<div data-field="Street2">
<div class="invalid inline" style="display: none;">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input" data-bind="css: { required: Street2Required }">
<p><!-- ko text: $root.LanguageReference().getByToken('MailingAddressStreet2') -->Street 2<!--/ko--></p>
<input type="text" data-bind="value: Street2, event: { blur: validateMailingAddressField }">
</label>
</div>
</div>
<div class="flexrow">
<div data-field="City">
<div class="invalid inline" style="display: none;">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required" data-bind="css: { required: CityRequired }">
<p><!-- ko text: $root.LanguageReference().getByToken('MailingAddressCity') -->City<!--/ko--></p>
<input type="text" data-bind="value: City, event: { blur: validateMailingAddressField }">
</label>
</div>
<div data-field="State">
<div class="invalid inline" style="display: none;">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required" data-bind="css: { required: StateRequired }">
<p><!-- ko text: $root.LanguageReference().getByToken('MailingAddressState') -->State / Province<!--/ko--></p>
<input type="text" data-bind="value: State, event: { blur: validateMailingAddressField }">
</label>
</div>
<div data-field="Zip">
<div class="invalid inline" style="display: none;">
<i class="fa fa-warning"></i> <!-- ko text: $root.LanguageReference().getByToken('Required') -->Required<!--/ko-->
</div>
<label class="gv-input required" data-bind="css: { required: ZipRequired }">
<p><!-- ko text: $root.LanguageReference().getByToken('MailingAddressZip') -->Zip / Postal<!--/ko--></p>
<input type="text" data-bind="value: Zip, event: { blur: validateMailingAddressField }">
</label>
</div>
</div>
<div class="flexrow">
<div data-field="Country" data-bind="visible: CollectCountry, if: CollectCountry" style="display: none;"></div>
</div>
</div>
<div class="submit gv-form">
<div class="buttons">
<a id="btnSubmitMailingAddress" href="#" class="btnV2" data-bind="visible: !Saving(), click: submitMailingAddress, text: $root.LanguageReference().getByToken('MailingAddressSubmit')">Submit Address</a>
<button class="btnV2" data-bind="visible: Saving" style="display: none;">
<i class="fa fa-spinner fa-spin fa-lg"></i> <!-- ko text: $root.LanguageReference().getByToken('Working...') -->Working...<!--/ko-->
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ko with: VMMessaging -->
<div class="modal fade v2" id="modalMessaging" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: $parent.LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !$parent.LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
<span class="heading"><!--TOKENSTART-->Message To Sender<!--TOKEN:MessageToHost--></span>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h4 class="modal-title"><!--TOKENSTART-->Message To Sender<!--TOKEN:MessageToHost--></h4>
</div>
<div class="modal-body">
<div id="messaging">
<div class="main">
<div class="conversation-list">
<div class="margin-t-40 text-center font-size-16" data-bind="style: { display: Loaded() == true && Items().length == 0 ? 'block' : 'none' }" style="display: block;">
<!--TOKENSTART-->No messages... Start the conversation below!<!--TOKEN:NoMessagesStartConversationBelow-->
</div>
<!-- ko if: Items().length > 0 --><!-- /ko -->
<div data-bind="visible: Loaded() == false" style="display: none;" class="text-center">
<div style="padding-top: 30px;">
<i class="fa fa-spinner fa-spin fa-lg"></i> <!--TOKENSTART-->Loading...<!--TOKEN:Loading...-->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="send-container" id="upAttach-dz">
<textarea data-bind="value: MessageBody, attr: { placeholder: SendAMessagePlaceholder() }" class="form-control" aria-label="Send a Message" placeholder="Send a message"></textarea>
<div class="send">
<div class="dropzone" style="text-align: left;">
<span class="mobile-hide">
<i class="fa fa-paperclip fa-lg mobile-hide"></i> <!--TOKENSTART-->Drag & Drop Attachments or<!--TOKEN:DragDropAttachmentsOr--> <a id="btnbrowselist"><!--TOKENSTART-->Select a file<!--TOKEN:Select_a_file--></a>
</span>
<a href="#" class="btnV2 pull-right" style="margin-top: -6px;" data-bind="click: sendMessage, visible: Sending() == false"><!--TOKENSTART-->Send Message<!--TOKEN:SendMessage--></a>
<a href="#" class="btnV2 pull-right" style="margin-top: -6px; display: none;" data-bind="visible: Sending() == true"><i class="fa fa-spinner fa-spin fa-lg"></i> <!-- ko text: SendingLabel() -->Sending...<!-- /ko --></a>
</div>
<div id="upAttach"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /ko -->
<script type="text/template" id="qq-template">
<div class="qq-uploader-selector qq-uploader qq-uploader-minimize">
<div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone notranslate>
<span class="qq-upload-drop-area-text-selector"></span>
</div>
<div class="qq-upload-button-selector qq-upload-button">
<div>Choose your file to upload</div>
</div>
<span class="qq-drop-processing-selector qq-drop-processing">
<span>Processing</span>
<span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
</span>
<ul class="qq-upload-list-selector qq-upload-list" aria-live="polite" aria-relevant="additions removals">
<li>
<div style="display: inline-block; vertical-align: top;" notranslate>
<i class="fa fa-file-text-o"></i>
<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
</div>
<div style="display: inline-block;">
<span class="qq-upload-file-selector qq-upload-file" ignore notranslate></span>
<span class="qq-upload-size-selector qq-upload-size" notranslate></span>
<span role="status" class="qq-upload-status-text-selector qq-upload-status-text" notranslate></span>
<div class="qq-progress-bar-container-selector" notranslate>
<div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
</div>
<a class="qq-upload-cancel-selector fa fa-times-circle font-size-16" href="#"></a>
<a class="qq-upload-delete-selector fa fa-times-circle font-size-16" href="#"></a>
</li>
</ul>
<dialog class="qq-alert-dialog-selector">
<div class="qq-dialog-message-selector" notranslate></div>
<div class="qq-dialog-buttons">
<button type="button" class="qq-cancel-button-selector btn btn-default">Close</button>
</div>
</dialog>
<dialog class="qq-confirm-dialog-selector">
<div class="qq-dialog-message-selector" notranslate></div>
<div class="qq-dialog-buttons">
<button type="button" class="qq-cancel-button-selector btn btn-default">No</button>
<button type="button" class="qq-ok-button-selector btn btn-default">Yes</button>
</div>
</dialog>
<dialog class="qq-prompt-dialog-selector">
<div class="qq-dialog-message-selector" notranslate></div>
<input type="text">
<div class="qq-dialog-buttons">
<button type="button" class="qq-cancel-button-selector btn btn-default">Cancel</button>
<button type="button" class="qq-ok-button-selector btn btn-default">Ok</button>
</div>
</dialog>
</div>
</script>
<script type="text/html" id="template-GVScrollbar"></script>
<script type="text/html" id="template-SendAGiftCard">
<!--ko if: $data-->
<div class='send-gift'>
<!--ko if: AcceptGiftCardsFromGuests() && !HasSentGiftCard()-->
<a href='javascript: void(0);' class='btnV2 btnV2-link' data-bind='click: sendGiftCard'>
<i class='fas fa-gift-card' style="margin-bottom: 5px;"></i>
<span class='caps' data-bind='text: SendAGiftCardText'></span>
</a>
<!--/ko-->
<!--ko if: HasSentGiftCard-->
<div class='sent' data-bind='click: showDetails'>
<i class='fas fa-check-circle'></i>
<span class='caps'>
<!--ko text: LanguageReference().getByToken("GiftCardForHost")--><!--/ko--> - $<!--ko text: SentGiftCardAmount--><!--/ko-->
</span>
</div>
<!--/ko-->
</div>
<!--/ko-->
</script>
<script type="text/html" id="template-SendAGiftCard-DetailsModal"></script>
<script type="text/html" id="template-SendAGiftCard-EmailModal"></script>
<script type="text/html" id="template-SendAGiftCard-JifitiModal"></script>
<div class="modal fade v2" id="modalSMSOptIn" tabindex="-1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<h4 class="modal-title"><!--TOKENSTART-->{HostName} sent you an invitation<!--TOKEN:HostNameSentYouServiceName--></h4>
<div class="updates"><!--TOKENSTART-->To continue receiving updates from {HostName}, please click "Continue" below:<!--TOKEN:SMSUpdatesFromHost--></div>
<div class="text-center">
<a class="btnV2 btn-block" data-bind="click: smsOptIn.bind($data, true)"><!--TOKENSTART-->Continue<!--TOKEN:SMSAccept--></a>
</div>
<div class="text-center">
<br>
<a href="#" data-bind="click: smsOptIn.bind($data, false)"><!--TOKENSTART-->Opt out, no more messages from {HostName}<!--TOKEN:SMSDecline--></a>
</div>
<div class="rates"><!--TOKENSTART-->You are opting in to receive updates exclusively from {HostName}. We will not sell this information or advertise to you.<!--TOKEN:SMSMessageRates--></div>
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalPhotos" tabindex="-1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h4 class="modal-title"><!--TOKENSTART-->Photos<!--TOKEN:Photos--></h4>
</div>
<div class="modal-body">
<!-- ko with: $root.VMPhoto -->
<div data-bind="with: PhotoGallery">
<div class="photos-carousel owl-carousel owl-theme" data-bind="foreach: { data: Photos }"></div>
<!--ko if: AllowComments--><!--/ko-->
</div>
<!-- /ko -->
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade v2" id="modalTicketList" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
</div>
<div class="modal-body">
<!-- ko if: TicketsVisible() && TicketsVisible().length > 0 && Purchase() --><!-- /ko -->
<!-- ko if: ItemsVisible() && ItemsVisible().length > 0 && VMDetails().EnablePurchaseItemGrid() && Purchase()--><!-- /ko -->
<script type="text/html" id="purchaseItemTemplate">
<div class="item">
<div class="summary">
<div class="name" data-bind="text: Name"></div>
<div class="tags tt" style="display: none;"
data-bind="visible: Labels.length > 0 && $root.ShowLabels(), template: {name: 'template-label', foreach: Labels }"
data-content="Only guests with these tags will see this item. The tags themselves are only visible in preview mode.">
</div>
<div class="price">
<!--ko if: ShowPrice-->
<!--ko text: formatCurrencyCode(Price + DisplayFee, $root.Purchase().TicketingCurrency, 2)--><!--/ko-->
<!--/ko-->
</div>
</div>
<div class="showmore-toggle" data-bind="visible: IsToggleVisible">
<div class="showmore" data-bind="click: toggleDetails">
<a href="#" data-bind="visible: !DetailsVisible()"><!--TOKEN:MoreInfo--></a>
<a href="#" data-bind="visible: DetailsVisible"><!--TOKEN:LessInfo--></a>
</div>
</div>
<div class="morecontent" data-bind="visible: DetailsVisible">
<div class="price" data-bind="visible: PurchaseCharity > 0,text: $root.LanguageReference().getByToken('TaxDeductibleAmount={#}').replace('{#}', formatCurrency(PurchaseCharity))">
</div>
<div class="description" data-bind="text: Descr"></div>
<div class="meta">
<div data-bind="visible: IsAvailable && AvailableQtyVisible > 0">
<!--TOKEN:Remaining-->: <span data-bind="text: RemainingQty"></span>
</div>
<div data-bind="visible: IsAvailable && AvailableEndDt != null">
<!--TOKEN:SaleEnds--> <span data-bind="html: DateDescription"></span>
</div>
<div data-bind="visible: !IsAvailable">
<span class="red-text not-exclaim"><!--TOKEN:NotAvailable--></span>
</div>
</div>
</div>
</div>
</script>
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalLocation" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h2 class="modal-title" data-bind="text: VMDetails().LocationLabel">Location</h2>
</div>
<div class="modal-body">
<h2 class="modal-title mobile-only" data-bind="text: VMDetails().LocationLabel">Location</h2>
<!-- ko with: $root.VMDetails() -->
<div class="locations" data-bind="foreach: Locations">
<div class="location">
<div class="info">
<div class="tags tt" style="display: none;" data-bind="visible: Labels.length > 0 && $root.ShowLabels(), template: {name: 'template-label', foreach: Labels }" data-content="Only guests with these tags will see this location. The tags themselves are only visible in preview mode." data-original-title="" title=""></div>
<div class="name" data-bind="text: !LocationType ? Name : LocationType">PHILLIPS WHISNANT GAZIN GORCZYCA & CURTIN, LLP.</div>
<!--ko if: LocationType --><!--/ko-->
<div class="address" data-bind="visible: !isBlank(Address), html: Address">2 Park Plaza<br>Suite 700<br>Irvine, CA 92614</div>
<div class="link" data-bind="visible: !isBlank(URL)" style="display: none;">
<a class="btnV2 btnV2-sm" data-bind="attr: {href: URL}" target="_blank">
<!--TOKENSTART-->Virtual Event Link<!--TOKEN:VirtualEventLink-->
</a>
<br>
<a class="btnV2 btnV2-xs btnV2-link" data-bind="click: $parent.copyURL"><i class="far fa-clone"></i>
<!--TOKENSTART-->Copy Link to Event<!--TOKEN:CopyLinkToEvent-->
</a>
</div>
<div class="phone" data-bind="text: PhoneNumber"></div>
<div class="date" data-bind="html: DateDescription, visible: ShowDate"><span style="white-space:nowrap">5:00 PM - 7:00 PM</span> <span style="white-space:nowrap">Wednesday, October 16, 2024</span></div>
<div class="notes" data-bind="html: nlbr(Notes)">Parking available in the adjacent parking structure</div>
<div class="actions">
<a class="show-map" href="#" data-bind="visible: ShowMap, click: $parent.showMapPopup">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span data-bind="text: $root.ViewMap">View Map</span>
</a>
<div class="calendar dropdown" data-bind="visible: ShowCalendar && LocationStartDate">
<a data-toggle="dropdown" href=""><i class="fa fa-calendar"></i> <!--TOKENSTART-->Add to calendar<!--TOKEN:AddToCalendar--></a>
<ul class="dropdown-menu" role="menu">
<li><a data-bind="attr: { href: '/AddToCal.aspx?clidx=' + Clidx + '&mode=i' }" href="/AddToCal.aspx?clidx=tHWzCJRkUZk=&mode=i">iCal</a></li>
<li><a target="_blank" data-bind="attr: { href: '/AddToCal.aspx?clidx=' + Clidx + '&mode=g' }" href="/AddToCal.aspx?clidx=tHWzCJRkUZk=&mode=g">Google Cal</a></li>
<li><a data-bind="attr: { href: '/AddToCal.aspx?clidx=' + Clidx + '&mode=i' }" href="/AddToCal.aspx?clidx=tHWzCJRkUZk=&mode=i">Outlook</a></li>
</ul>
</div>
</div>
</div>
<div class="map" data-bind="visible: ShowMap">
<iframe frameborder="0" style="border: 0" title="Location Map" data-bind="attr: { src: MapEmbedAddress }" data-gtm-yt-inspected-6="true" src="https://www.google.com/maps/embed/v1/place?q=2+Park+Plaza%0ASuite+700%0AIrvine%2C+CA+92614+&key=AIzaSyBRH5Aoq2hzsZ5sBBL0bJbLiHks4DyudR8&zoom=13"></iframe>
</div>
</div>
</div>
<!-- /ko -->
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalRegistry" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h2 class="modal-title"><!--TOKENSTART-->Registry<!--TOKEN:WeAreRegistered--></h2>
</div>
<div class="modal-body">
<h2 class="modal-title mobile-only"><!--TOKENSTART-->Registry<!--TOKEN:WeAreRegistered--></h2>
<!-- ko with: $root.VMDetails().Details() -->
<div class="registry-desc" data-bind="html: EventRegistryDescription, visible: EventRegistryDescription" style="display: none;" ignore=""></div>
<div class="registry-list" data-bind="foreach: Registries"></div>
<!-- /ko -->
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalSummary" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h2 class="modal-title"><!--TOKENSTART-->Summary<!--TOKEN:Summary--></h2>
</div>
<div class="modal-body">
<h2 class="modal-title mobile-only"><!--TOKENSTART-->Summary<!--TOKEN:Summary--></h2>
<!-- ko with: VMDetails().Details -->
<div class="description" style="display: none;" data-bind="html: EventDescr, visible: EventDescr"></div>
<!-- /ko -->
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalMap" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<div class="modal-title"><!--TOKENSTART-->View Map<!--TOKEN:ViewMap--></div>
</div>
<div class="modal-body">
<iframe width="447" height="377" frameborder="0" title="Location Map" style="border:0" data-bind="attr: { src: MapEmbedAddress }" data-gtm-yt-inspected-6="true"></iframe>
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalSection" tabindex="-1" data-keyboard="false" data-bind="with: VMDetails">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<!-- ko with: $parent -->
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
<!-- /ko -->
</div>
<div class="modal-content" data-bind="with: ActiveSection"></div>
</div>
</div>
<div class="modal fade v2" id="modalGuestList" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<div class="modal-title"><!--TOKENSTART-->Guest List<!--TOKEN:GuestList--></div>
</div>
<div class="modal-body">
<h2 class="modal-title mobile-only"><!--TOKENSTART-->Guest List<!--TOKEN:GuestList--></h2>
<!-- ko with: $root.VMDetails() -->
<div class="guest-list-widget" data-bind="visible: GuestListTabs" style="">
<div class="tab-bar" data-bind="foreach: GuestListTabs">
<a href="#" data-bind="css: { active: Selected }, click: selectTab, html: Name" class="active">All</a>
<a href="#" data-bind="css: { active: Selected }, click: selectTab, html: Name" class=""><i class="fa fa-check-circle"></i><span class="mobile-hide">Attending</span></a>
<a href="#" data-bind="css: { active: Selected }, click: selectTab, html: Name" class=""><i class="fa fa-minus-circle"></i><span class="mobile-hide">Not Attending</span></a>
<a href="#" data-bind="css: { active: Selected }, click: selectTab, html: Name" class=""><i class="fa fa-question-circle"></i><span class="mobile-hide">Pending</span></a>
</div>
<div class="content-wrapper">
<div class="content">
<div class="loading" data-bind="visible: LoadingGuestList">
<i class="fa fa-spinner fa-spin fa-lg"></i><!--TOKENSTART-->Loading...<!--TOKEN:Loading...-->
</div>
<span data-bind="html: GuestHTML, visible: !LoadingGuestList()" style="display: none;"></span>
</div>
<div class="custom-scroll" data-bind="template: { name: "template-GVScrollbar", data: $root.GuestListScrollbarVM }">
<div class="gv-scrollbar vertical" data-bind="attr: { "id": ID }, css: { "horizontal": IsHorizontal, "vertical": IsVertical }" id="guestlist-scroll" style="display: block;">
<div class="handle"></div>
</div>
</div>
</div>
</div>
<!-- /ko -->
<script>
document.addEventListener('readystatechange', function () {
if (document.readyState === 'complete') {
var _resizeHandler = function () {
if (typeof $ === 'function') {
var width = $('#rightcolumncontent .guest-list-widget').width();
if (width < 550) {
$('#rightcolumncontent .guest-list-widget .mobile-hide').hide();
} else {
$('#rightcolumncontent .guest-list-widget .mobile-show').hide();
}
}
};
_resizeHandler();
window.addEventListener('resize', _resizeHandler);
}
});
</script>
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalSponsors" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<div class="modal-title"><!--TOKENSTART-->Sponsors<!--TOKEN:Sponsors--></div>
</div>
<div class="modal-body">
<h2 class="modal-title mobile-only"><!--TOKENSTART-->Sponsors<!--TOKEN:Sponsors--></h2>
<!-- ko with: $root.VMDetails -->
<div id="logos-list" data-bind="foreach: Logos"></div>
<!-- /ko -->
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalAttachments" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h2 class="modal-title"><!--TOKENSTART-->Attachments<!--TOKEN:Attachments--></h2>
</div>
<div class="modal-body">
<!-- ko with: $root.VMDetails() -->
<div data-bind="foreach: Attachments"></div>
<!-- /ko -->
</div>
</div>
</div>
</div>
<div class="modal fade v2" id="modalShare" tabindex="-1" data-keyboard="false">
<div class="modal-dialog mobile-full">
<div class="mobile-header">
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: LayoutManager.SideContainer.Collapsed"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back<!--TOKEN:Back--></div>
<div class="btnV2 btnV2-link" data-dismiss="modal" data-bind="visible: !LayoutManager.SideContainer.Collapsed()" style="display: none;"><i class="far fa-chevron-left"></i> <!--TOKENSTART-->Back to Details<!--TOKEN:BackToDetails--></div>
</div>
<div class="modal-content">
<div class="modal-header mobile-hide">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h2 class="modal-title"><!--TOKENSTART-->Share this Event<!--TOKEN:ShareThisEvent--></h2>
</div>
<div class="modal-body" data-bind="with: VMDetails">
<div class="share-email gv-form" data-bind="if: Share"></div>
</div>
</div>
</div>
</div>
<div class="zoom-modal" data-bind="attr: { id: ZoomModalClientID }, css: { 'in': ZoomIn, 'open': ShowZoom }, event: { click: zoomModalClose }" id="gvZoomModal">
<!-- ko if: ShowZoom --><!--/ko-->
<button type="button" title="Close Zoomed Image">
<img src="https://cdnpng.greenvelope.com/viewer2/_images/[email protected]" srcset="https://cdnpng.greenvelope.com/viewer2/_images/[email protected] 1x, https://cdnpng.greenvelope.com/viewer2/_images/[email protected] 2x" alt="Close Zoomed Image" height="49" width="48">
</button>
</div>
<!--ko template: { name: 'template-SendAGiftCard-DetailsModal', data: SendAGiftCardVM() }-->
<!--ko if: $data-->
<div class="modal fade v2 send-gift details-modal" data-bind="attr: { "id": DetailsModalClientID }" data-backdrop="static" data-keyboard="false" id="modal_GiftCardDetails">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<span class="fa fa-times close" data-dismiss="modal" aria-hidden="true"></span>
<h4 data-bind="text: LanguageReference().getByToken("GiftCardForHost")">Gift Card Sent!</h4>
</div>
<div class="modal-body">
<img data-bind="attr: { "src": SentGiftCardImage }" alt="Gift Card">
<div>
<strong ignore="">
$<!--ko text: SentGiftCardAmount-->0<!--/ko-->
</strong>
</div>
<div>
<span data-bind="text: SentGiftCardProduct" ignore=""></span>
</div>
<div data-bind="if: HasSentGiftCardPurchaseDate"></div>
</div>
</div>
</div>
</div>
<!--/ko-->
<!--/ko-->
<!--ko template: { name: 'template-SendAGiftCard-EmailModal', data: SendAGiftCardVM() }-->
<!--ko if: $data && AcceptGiftCardsFromGuests()--><!--/ko-->
<!--/ko-->
<!--ko template: { name: 'template-SendAGiftCard-JifitiModal', data: SendAGiftCardVM() }-->
<!--ko if: $data && AcceptGiftCardsFromGuests()--><!--/ko-->
<!--/ko-->
</div>
<script type="text/html" id="template-label">
<div class="gv-tag" data-bind='attr: { style: "background-color: #" + Color + ";" }'>
<span data-bind="text: Label"></span>
</div>
</script>
</body></html>