CINXE.COM

ResDiary Widget

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ResDiary Widget</title> <meta property="og:title" content="Book online with ResDiary" /> <meta property="og:image" content="/Content/Images/resdiary-logo-og.jpg" /> <meta property="og:description" content="Click here to make a booking" /> <link rel="stylesheet" type="text/css" href="https://booking.resdiary.com/bundles/css/local.css?v=gJbdYINwJY-9O2l_o7nj9eYxNZYRowhTQZR-QteZLPg"> <link rel="stylesheet" type="text/css" href="https://booking.resdiary.com/bundles/css/widget.css?v=stmvqbN_KlhJ3ihGKRDXN8kPJx9sAbgsBhkTZXBf5QI"> <link rel="stylesheet" type="text/css" href="https://widgetthemes-live.azureedge.net/Providers/Platform818Accor6377/4000.css?v=637273673415830000"> </head> <body> <div id="rd-widget-root" data-rd-api-base-url="https://booking.resdiary.com" data-rd-settings="{&quot;MicrositeName&quot;:&quot;Platform818Accor6377&quot;,&quot;ChannelCode&quot;:&quot;ONLINE&quot;,&quot;ThemeId&quot;:4000,&quot;CssUrl&quot;:&quot;https://widgetthemes-live.azureedge.net/Providers/Platform818Accor6377/4000.css?v=637273673415830000&quot;,&quot;ShowDateOfBirth&quot;:false,&quot;ShowDateOfBirthYear&quot;:false,&quot;DateOfBirthRequired&quot;:false,&quot;DateOfBirthDescription&quot;:&quot;&quot;,&quot;IsChildrenCoversShown&quot;:false,&quot;IsInfantsCoversShown&quot;:false,&quot;CustomSuccessPageUrl&quot;:null,&quot;Date&quot;:null,&quot;Time&quot;:null,&quot;PartySize&quot;:null,&quot;FixedPromotionId&quot;:null,&quot;ShowCustomerTitle&quot;:true,&quot;DivideTimeSlotsByService&quot;:false,&quot;ShowSmsMarketingOption&quot;:false,&quot;ShowOptinCheckboxes&quot;:true,&quot;ShowPostcodeField&quot;:true,&quot;PostcodeRequired&quot;:true,&quot;AllowAreaChoice&quot;:false,&quot;IncludeAnyArea&quot;:false,&quot;SkipInitial&quot;:false,&quot;MicrositeDomain&quot;:&quot;https://www.resdiary.com&quot;,&quot;ShowTelephoneNumberField&quot;:false,&quot;ShowMobileNumberField&quot;:true,&quot;ShowCompanyField&quot;:false,&quot;ShowMembershipIdField&quot;:false,&quot;MembershipIdTitle&quot;:&quot;Accor Plus No.&quot;,&quot;IsMembershipIdRequired&quot;:false,&quot;ShowRoomNumberField&quot;:false,&quot;TrackingSettings&quot;:{&quot;GoogleTagManagerId&quot;:&quot;GTM-NXNPVSC&quot;,&quot;GoogleAnalyticsId&quot;:&quot;&quot;,&quot;GoogleAnalytics4Id&quot;:&quot;&quot;,&quot;GoogleAdWordsId&quot;:&quot;&quot;,&quot;GoogleAdWordsLabel&quot;:&quot;&quot;,&quot;FacebookPixelId&quot;:&quot;&quot;,&quot;TwitterAdId&quot;:&quot;&quot;,&quot;SegmentKey&quot;:&quot;&quot;},&quot;SkipPromotionsScreen&quot;:false,&quot;DropdownGeneralTextColour&quot;:&quot;#020d00&quot;,&quot;DropdownGeneralValidationErrorColour&quot;:&quot;#59582b&quot;,&quot;DropdownGeneralPlaceholderColour&quot;:&quot;#161616&quot;,&quot;IsGroupWidget&quot;:false,&quot;GroupWidgetRestaurants&quot;:[],&quot;IncludeJQuery&quot;:true,&quot;IsEventsWidget&quot;:false,&quot;WidgetBookingType&quot;:&quot;Booking&quot;,&quot;MarketingLevel&quot;:null,&quot;ContactDetailsTitle&quot;:&quot;&quot;,&quot;IsPreviewWidget&quot;:false,&quot;TakeawaySetting&quot;:&quot;ReservationOnly&quot;,&quot;TakeawayCountdownMinutes&quot;:15,&quot;MicrositeUrl&quot;:&quot;https://www.resdiary.com/Restaurant/Platform818Accor6377&quot;,&quot;IncludeTablePlusWrapper&quot;:false,&quot;TablePlusChannel&quot;:null,&quot;TablePlusMemberChannel&quot;:null,&quot;AccorConnectApiKey&quot;:null,&quot;AccorConnectClientId&quot;:null,&quot;AccorConnectSecret&quot;:null,&quot;ShowHouseholdsField&quot;:false,&quot;TheStarEntertainmentRemoteGroupId&quot;:52607,&quot;ShowRestaurantAddress&quot;:null,&quot;ShowGroupingByCity&quot;:null,&quot;ShowOrderByClosest&quot;:null,&quot;AccorRedirectUrl&quot;:null,&quot;AccorBaseUrl&quot;:null,&quot;PrecheckVenueEmailOptin&quot;:false}" class="clearfix"> <div class="rd-widget-content container-fluid" style="display: none" data-bind="visible: isShowingWidget"> <div id="booking-widget-container"> <div data-bind="ifnot: forceBookButton"> <div class="row" data-bind="if: showWidgetHeader"> <div class="col-xs-12 col-sm-3"> <div id="logodiv" class="logo-panel"> <img id="logo" class="resdiary-chosen-logo" alt="Powered by ResDiary" /> </div> </div> <div data-bind="if: showBookingSummary"> <div class="col-xs-12 col-sm-9" data-bind="with: booking"> <div id="booking-summary-panel" class="panel-booking view-selected-options" data-bind="click: $parent.goToInitialScreen, css: { 'cursor-pointer': $parent.canGoToInitialScreen}"> <div class="panel-body booking-summary"> <span id="calendar-icon-bookingpanel" class="glyphicon glyphicon-calendar"></span><span class="booking-info" data-bind="text: formattedDate"></span> <!-- ko if: $parent.showCoversSummary --> <span> | </span> <span class="glyphicon glyphicon-user"></span><span class="booking-info" data-bind="text: totalCovers"></span> <!-- /ko --> <span> | </span> <span class="glyphicon glyphicon-time"></span><span class="booking-info" data-bind="text: selectedTimeLabel"></span> </div> </div> </div> </div> <div data-bind="if: showRestaurantInfo"> <div class="col-xs-12 col-sm-offset-1 col-sm-8"> <div class="panel-booking view-selected-options restaurant-info"> <div class="panel-body booking-summary"> <div data-bind="text: selectedVenueName"></div> <div class="restaurant-address" data-bind="text: selectedVenueAddress"></div> </div> </div> </div> </div> </div> <div class="row clearfix"> <div class="col-xs-12"> <div id="venue-selection" class="widget-screen" data-bind="with: venueSelectionViewModel, visible: showVenueSelection"> <div class="venue-selector"> <div class="row header clearfix"> <div class="col-xs-12"> <h4 class="text-center">Choose a Venue</h4> <div class="input-group drop-fill-in"> <span class="drop-fill-in input-group-addon search-control"><i class="rd-icons rd-icons-search"></i></span> <input type="text" class="group-dropdown form-control drop-fill-in search-control" id="venueSearch" placeholder="City, town, postcode" data-bind="value: locationSearchText, jqAutoSourceValueProp: 'Description', jqAutoClass: 'lc-menu', jqAuto: {source: searchLocations, select: selectSearchResult, renderMenu: renderSearchResults, position: { my : 'center top', at: 'center bottom+2 ' }, appendTo: '#search-location-container', delay: 500}" /> <span class="drop-fill-in input-group-addon search-control clickable" data-bind="visible: canClearLocation, click: clearLocation"> <i class="rd-icons rd-icons-close"></i> </span> </div> <div class="row" data-bind="if: googleError"> <div class="col-xs-12"> <h6 data-bind="text: googleError" class="text-danger"></h6> </div> </div> <div class="row" data-bind="if: showOrderByClosest"> <div class="col-xs-12"> <div class="form-group clickable header" data-bind="click: setCurrentLocation, visible: showCurrentLocationButton"> <span class="rd-icons rd-icons-location-arrow"></span> <span>Order by closest to me</span> </div> </div> </div> </div> </div> <div class="row venue-list"> <div class="col-xs-12"> <div data-bind="foreach: venueLocationGroups"> <div class="row city-header clearfix" data-bind="visible: name != null && name.length > 0 && $parents[0].showGroupingByCity()"> <div class="col-xs-12"> <div class="city" data-bind="text: name"></div> </div> </div> <div data-bind="foreach: venues"> <div class="venue row clearfix" data-bind="click: function() { $parents[1].chooseVenue(micrositeName) }"> <div class="col-xs-10"> <div class="venue-name" data-bind="text: name"></div> <div class="venue-address" data-bind="visible: $parents[1].showRestaurantAddress(), text: address"></div> </div> <div class="col-xs-2"> <div class="pull-right btn-choose-venue"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </div> </div> </div> </div> </div> </div> </div> <div class="lc-container" id="search-location-container"></div> </div> </div> <!-- ko if: isEventsWidget --> <div id="eventEnquiryDetails" class="widget-screen" data-bind="with: initialViewModel, visible: showInitialEnquiryDetails"> <div data-bind="with: booking, visible: waitState"> <div class="widget-initial-skip-container"> <i class='glyphicon glyphicon-cog widget-initial-skip-loader'></i> </div> </div> <div data-bind="with: booking, visible: !waitState()" class="event-enquiry-details-content"> <div class="row"> <div class="col-sm-12 form-group" data-bind="validationElement: selectedEventType"> <label class="sr-only">Event Type</label> <label>Event Type</label> <dropdown-list params="options: $parent.availableEventTypes, optionsText: 'name', optionsValue: 'id', selected: selectedEventType, icon: 'glyphicon glyphicon-chevron-down', placeholder: 'Please select an event type...'"></dropdown-list> <span class="help-block" data-bind="validationMessage: selectedEventType"></span> </div> </div> <div class="row" data-bind="if: otherEventTypeDescriptionVisible"> <div class="col-sm-12 form-group" data-bind="validationElement: otherEventTypeDescription"> <label class="sr-only">Specify the type of event...</label> <label>Specify the type of event...</label> <input id="otherEventTypeDescription" data-bind="textInput: otherEventTypeDescription" type="text" class="form-control drop-fill-in" /> </div> </div> <div class="row"> <div class="col-sm-6 form-group" data-bind="validationElement: partySize"> <label class="sr-only">Guests</label> <label>Guests</label> <input id="partySize" data-bind="textInput: partySize" type="text" class="form-control drop-fill-in" /> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="row"> <div class="col-sm-6 form-group" data-bind="validationElement: selectedDate"> <label class="sr-only">Date</label> <label>Date</label> <div class="input-group date datepicker-inline-mini" id="datepicker" data-bind="dateTimePicker: selectedDate, dateTimePickerInput: $('#datetimepicker-input'), dateTimePickerOptions: { format : 'LL', minDate: moment().startOf('day'), maxDate: $parent.maxDate, ignoreReadonly: true, viewDate: $parent.calendarDate }, datePickerEnabledDates: $parent.enabledDates"> <input type="text" class="form-control drop-fill-in" id="datetimepicker-input" readonly="readonly" /> <span class="input-group-addon drop-fill-in"> <span class="glyphicon glyphicon-calendar cal-span-helper"></span> </span> </div> </div> <div class="col-sm-6 form-group" data-bind="validationElement: selectedTime"> <label class="sr-only">Time</label> <label>Time</label> <dropdown-list params="options: $parent.availableTimeSlots, optionsText: 'formattedTime', optionsValue: 'time', selected: selectedTime, icon: 'glyphicon glyphicon-chevron-down', placeholder: 'Select a time...'"></dropdown-list> <span class="help-block" data-bind="validationMessage: selectedTime"></span> </div> </div> <div class="row" data-bind="if: !$parent.hasAreasForEvents()"> <div class="form-group col-sm-12 has-error"> <span class="help-block">This restaurant is not accepting event enquiries on the date you selected. Please select another date or contact the restaurant directly.</span> </div> </div> </div> </div> <div class="row"> <div class="form-group col-sm-12"> <label class="sr-only">Additional Information</label> <label>Additional Information</label> <textarea id="comments" rows="3" data-bind="textInput: comments" type="text" class="form-control drop-fill-in" maxlength="2000"></textarea> <span class="help-block" data-bind="text: commentsLimitText"></span> </div> </div> <div class="row clearfix"> <div class="col-sm-12"> <div class="navigation-buttons"> <button class="btn btn-default btn-previous btn-change-venue" tabindex="0" data-bind="click: $parent.changeVenue, visible: $parent.isChangeVenueVisible"> <span class="glyphicon glyphicon-arrow-left"></span> Change Venue </button> <button class="btn btn-default btn-next" tabindex="0" data-bind="enable: $parent.isNextButtonEnabled, click: $parent.next"> <span data-bind="visible: !$parent.waitState()"> Next <span class="glyphicon glyphicon-arrow-right"></span> </span> <span data-bind="visible: $parent.waitState()"> Loading... </span> </button> </div> </div> </div> </div> </div> <!-- /ko --> <!-- ko ifnot: isEventsWidget --> <div id="initial" class="widget-screen" data-bind="with: initialViewModel, visible: showInitial"> <div data-bind="with: booking, visible: skipInitial"> <div class="widget-initial-skip-container"> <i class='glyphicon glyphicon-cog widget-initial-skip-loader'></i> </div> </div> <div data-bind="with: booking, visible: !skipInitial()"> <div class="row"> <div class="col-xs-12"> <div class="row clearfix text-center takeaway-container" data-bind="if: $parent.isTakeawayButtonVisible"> <div> <span data-bind="visible: !$parent.isInTakeawayMode()">We now offer takeaway food</span> <div data-bind="visible: $parent.isInTakeawayMode"><span data-bind="text:$parent.getFormattedRestaurantTakeawayString()"></span></div> <div class="takeaway-padding" data-bind="visible: $parent.isInTakeawayMode">Please choose a date and time slot below.</div> </div> <button class="btn btn-default" data-bind="visible: !$parent.isInTakeawayMode(), click: $parent.setBookingToTakeaway">Order for takeaway ⮕</button> <button class="btn btn-default" data-bind="visible: $parent.shouldDisplayStandardBookingButton(), click: $parent.setBookingToStandard">Reserve a table ⮕</button> </div> <div class="row clearfix" data-bind="if: !$parent.isInTakeawayMode()"> <!--Covers Picker Dropdown--> <div class="col-xs-12"> <div class="form-group"> <label for="party-size-input" data-bind="visible: !$parent.showChildrenOrInfants()">Party size</label> <label for="party-size-input" data-bind="visible: $parent.showChildrenOrInfants">Adults</label> <div id="party-size-input" class="cursor-pointer"> <covers-dropdown params="options: $parent.availableCovers, selected: selectedCovers, isUpdating: $parent.isCoversUpdating"> </covers-dropdown> </div> </div> </div> <div class="col-xs-12" data-bind="visible: $parent.isChildrenCoversShown"> <div class="form-group"> <label for="children-input">Children</label> <div id="children-input" class="cursor-pointer"> <covers-dropdown params="options: $parent.availableChildrenCovers, selected: selectedChildren"> </covers-dropdown> </div> </div> </div> <div class="col-xs-12" data-bind="visible: $parent.isInfantsCoversShown"> <div class="form-group"> <label for="infants-input">Infants</label> <div id="infants-input" class="cursor-pointer"> <covers-dropdown params="options: $parent.availableInfantCovers, selected: selectedInfants"> </covers-dropdown> </div> </div> </div> </div> <div class="row clearfix" data-bind="css: { loading : $parent.requestingAvailability }"> <!--Datetimepicker--> <div class="col-xs-12"> <div class="form-group cursor-pointer"> <div class="input-group date datepicker-inline" id="datepicker" data-bind="dateTimePicker: selectedDate, dateTimePickerInput: $('#datetimepicker-input'), dateTimePickerOptions: { format : 'LL', minDate: $parent.datePickerMinDate, inline: true, viewDate: $parent.calendarDate }, datePickerEnabledDates: $parent.enabledDates, datePickerStandbyDates: $parent.standbyDates"> </div> </div> </div> <div class="col-xs-12"> <div class="row"> <!--Area Picker Dropdown--> <div class="col-xs-12" data-bind="visible: $parent.allowAreaChoice"> <div class="form-group"> <label for="area-input">Area</label> <div id="area-input" class="cursor-pointer"> <dropdown-list params="options: $parent.adjustedAreas, optionsText: 'name', optionsValue: 'id', optionsEnabled: 'hasAvailability', optionsValueNotFoundText: 'Choose an area...', selected: areaId, icon: 'th-large'"></dropdown-list> </div> </div> </div> <!--Time Picker Dropdown--> <div class="col-xs-12"> <div class="form-group"> <label data-bind="visible: !$parent.isInTakeawayMode()">Time</label> <label data-bind="visible: $parent.isInTakeawayMode">Please pick a time</label> <div for="time-input" class="cursor-pointer"> <time-dropdown params="availableServices: $parent.availableServices, selected: selectedTime, icon:'time', divideTimeSlotsByService: $parent.divideTimeSlotsByService, datePickerstandbyTimeSlots: $parent.standbyTimeSlots"></time-dropdown> </div> <div class="standby-warning" data-bind="visible: $parent.selectedTimeIsStandby"> <span class="glyphicon glyphicon glyphicon-exclamation-sign warning-icon"></span> <label data-bind="text: $parent.getStandbyWarningText()"></label> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 booking-warnings"> <div data-bind="visible: isMaxPartySizeExceeded"> <span class="help-block" data-bind="text: maxPartySizeExceededAlertText"></span> </div> <div class="table-return-notice" data-bind="fadeVisible: $parent.tableReturnNotice"> <span data-bind="text:$parent.tableReturnNotice"></span> </div> </div> </div> </div> </div> </div> </div> <div class="row clearfix"> <div class="col-xs-12"> <div class="navigation-buttons"> <button class="btn btn-default btn-previous btn-change-venue" tabindex="0" data-bind="click: $parent.changeVenue, visible: $parent.isChangeVenueVisible"> <span class="glyphicon glyphicon-arrow-left"></span> Change Venue </button> <button class="btn btn-default btn-next" tabindex="0" data-bind="enable: $parent.isNextButtonEnabled, click: $parent.next"> <span data-bind="visible: !$parent.waitState()"> Next <span class="glyphicon glyphicon-arrow-right"></span> </span> <span data-bind="visible: $parent.waitState()"> Loading... </span> </button> </div> </div> </div> </div> </div> <div id="promotion" class="widget-screen" data-bind="with: promotionViewModel, visible: showPromotion "> <div class="row"> <div class="col-xs-12"> <br /> <div data-bind="ifnot: fixedPromotionId"> <div data-bind="ifnot: promotionRequired">Please select an option or continue booking.</div> <div class="font-bold" data-bind="if:promotionRequired"> <span data-bind="ifnot: booking().isTakeawayBooking">An option is required for this booking.</span> <span data-bind="if: booking().isTakeawayBooking">An option is required for this order.</span> </div> </div> <br /> <div class="list-group list-group-promotion" data-bind="foreach: availablePromotions"> <div> <a class="list-group-item" data-bind="css: { active: isSelected }"> <div class="clickable-promotion-text" data-bind="click: $parent.togglePromotionSelected"> <div class="row promo-container"> <div class="col-xs-9"> <h4><span data-bind="text: name"></span> <span data-bind="text: $parent.formatPrice(price())"></span></h4> </div> <div class="col-xs-3"> <span class="btn btn-select"><span data-bind="visible: showTick" class="glyphicon glyphicon-ok success-icon"></span><span data-bind="text: selectButtonText"></span></span> </div> <br /> </div> <p class="pre-line" data-bind="visible: !isShowingReadLink(), text: description"></p> <!-- ko if: takeawayType() === rd.widget.constants.takeawayType.Delivery --> <span>Delivery</span> <!-- /ko --> <!-- ko if: takeawayType() === rd.widget.constants.takeawayType.Collection --> <span>Collection</span> <!-- /ko --> </div> <!-- ko if: menuUrl() --> <span class="menu-preview" data-bind="click: function(){$parent.openMenu(menuUrl())}">Menu (Preview)</span> <!-- /ko --> <div> <p class="pre-details clickable-promotion-text" data-bind="visible: isShowingReadLink, text: descriptionDetails, click: $parent.togglePromotionSelected"></p> <span class="font-bold read-link-text" data-bind="visible: isShowingReadLink, click: toggleReadMore(), text: readLinkText()"></span> </div> </a> </div> </div> <div class="table-return-notice" data-bind="fadeVisible: leaveTimeText"> <span data-bind="text: leaveTimeText"></span> </div> <div class="row clearfix"> <div class="col-xs-12"> <div class="navigation-buttons"> <div class="standby-warning font-bold" data-bind="visible: showErrorMessage"> <span class="glyphicon glyphicon-exclamation-sign warning-icon"></span> <span>To continue, please select one of the options above</span> </div> <br /> <button class="btn btn-default btn-previous" tabindex="0" data-bind="click: previous"> <span class="glyphicon glyphicon-arrow-left"></span> Previous </button> <button class="btn btn-default btn-next" tabindex="0" data-bind="enable: isNextButtonEnabled, click: next"> Next <span class="glyphicon glyphicon-arrow-right"></span> </button> </div> </div> </div> </div> </div> </div> <!-- /ko --> <div id="contact" class="widget-screen" data-bind="with: contactDetailsViewModel, visible: showContact "> <div data-bind="with: booking().contact"> <div> <!-- ko if: !$parent.isMarketingWidget() || !$parent.privacyPolicyVisible() --> <!-- ko if: !$parent.isMarketingWidget() --> <h4>Contact Details</h4> <!-- /ko --> <!-- ko if: $parent.isMarketingWidget() --> <h4 class="contact-details-title" data-bind="visible: $parent.contactDetailsTitle, text: $parent.contactDetailsTitle"></h4> <!-- /ko --> <div class="row"> <!--ko if: showCustomerTitle --> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: title"> <label for="title" class="sr-only">Title</label> <input id="title" data-bind="textInput: title" type="text" class="form-control input-sm drop-fill-in" placeholder="Title" autocomplete="honorific-prefix" /> </div> <!-- /ko --> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: firstName"> <label for="firstName" class="sr-only">First Name</label> <input id="firstName" data-bind="textInput: firstName" type="text" class="form-control input-sm drop-fill-in" placeholder="First Name" autocomplete="given-name" /> </div> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: lastName"> <label for="lastName" class="sr-only">Last Name</label> <input id="lastName" data-bind="textInput: lastName" type="text" class="form-control input-sm drop-fill-in" placeholder="Last Name" autocomplete="family-name" /> </div> <!-- ko if: showCompanyField --> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: company"> <label for="company" class="sr-only">Company</label> <input id="company" data-bind="textInput: company" type="text" class="form-control input-sm drop-fill-in" placeholder="Company" autocomplete="organization" /> </div> <!-- /ko --> <!-- ko if: showTelephoneNumberField--> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: telephone"> <label for="telephone" class="sr-only">Telephone Number</label> <input class="form-control input-sm drop-fill-in" data-bind="textInput: telephone, countryCodePicker: telephoneCountry" placeholder="Telephone Number" type="tel" id="telephone" autocomplete="tel-national"> </div> <!-- /ko --> <!--ko if: $parent.shouldShowMobileNumberField()--> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: mobile"> <label for="mobile" class="sr-only">Mobile Number</label> <input class="form-control input-sm drop-fill-in" data-bind="textInput: mobile, countryCodePicker: mobileCountry" placeholder="Mobile Number" type="tel" id="mobile" autocomplete="tel"> </div> <!--/ko--> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: email"> <label for="emailAddress" class="sr-only">Email Address</label> <input id="emailAddress" data-bind="textInput: email" type="text" class="form-control input-sm drop-fill-in" placeholder="Email Address" autocomplete="email" /> </div> <!--ko if: showMembershipIdField --> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: membershipId"> <label for="membershipId" class="sr-only">Membership Number</label> <input class="form-control input-sm drop-fill-in" data-bind="enable: $parent.membershipFieldEnabled, textInput: membershipId, attr: {placeholder: $parent.membershipIdTitle}" type="text" /> </div> <!--/ko--> <!--ko if: (showRoomNumberField() && $parent.isBookingWidget()) --> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: roomNumber"> <label for="roomNumber" class="sr-only">Room Number</label> <input id="roomNumber" data-bind="textInput: roomNumber" type="text" class="form-control input-sm drop-fill-in" placeholder="Room Number" /> </div> <!--/ko--> <!--ko if: $parent.shouldShowCustomerPostcodeField()--> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: postcode"> <label for="postcode" class="sr-only">Postcode</label> <input id="postcode" data-bind="textInput: postcode" type="text" class="form-control input-sm drop-fill-in" placeholder="Postcode" autocomplete="postal-code" /> </div> <!--/ko--> <!--ko if: $parent.showDateOfBirth--> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="validationElement: dateOfBirth"> <label for="dateOfBirth" class="form-title" data-bind="visible: $parent.showDateOfBirthYear">Date of Birth</label> <label for="dateOfBirth" class="form-title" data-bind="visible: !$parent.showDateOfBirthYear()">Birthday</label> <div id="dateOfBirth"> <select name="Day" data-bind="value: dobDay, options: $parent.dayOptions, optionsCaption: 'Day'" class="drop-fill-in"> </select> <select name="Month" data-bind="value: dobMonth, options: $parent.monthOptions, optionsCaption: 'Month'" class="drop-fill-in"></select> <select name="Year" data-bind="visible: $parent.showDateOfBirthYear, value: dobYear, options: $parent.yearOptions, optionsCaption: 'Year'" class="drop-fill-in"></select> </div> <div class="help-block general-text dob-description" data-bind="visible: $parent.dateOfBirthDescription, text: $parent.dateOfBirthDescription"></div> <span class="help-block" data-bind="validationMessage: dateOfBirth"></span> </div> <!-- /ko --> <!--ko if: $parent.booking().isTakeawayBooking() && $parent.booking().takeawayType() === rd.widget.constants.takeawayType.Delivery--> <div> <div data-bind="with: $parent.booking().deliveryAddress"> <div> <div class="form-group col-sm-12 contact-detail-input clear-floating" data-bind="validationElement: addressLine1"> <label for="title" class="sr-only">Address Line 1</label> <input id="title" data-bind="textInput: addressLine1" type="text" class="form-control input-sm drop-fill-in" placeholder="Address Line 1"/> </div> <div class="form-group col-sm-12 contact-detail-input clear-floating"> <label for="title" class="sr-only">Address Line 2</label> <input id="title" data-bind="textInput: addressLine2" type="text" class="form-control input-sm drop-fill-in" placeholder="Address Line 2"/> </div> <div class="form-group col-sm-12 contact-detail-input clear-floating" data-bind="validationElement: city"> <label for="title" class="sr-only">City</label> <input id="title" data-bind="textInput: city" type="text" class="form-control input-sm drop-fill-in" placeholder="City"/> </div> <div class="form-group col-sm-12 contact-detail-input clear-floating" data-bind="validationElement: postcode"> <label for="title" class="sr-only">Postcode</label> <input id="title" data-bind="textInput: postcode" type="text" class="form-control input-sm drop-fill-in" placeholder="Postcode"/> </div> </div> </div> </div> <!-- /ko --> </div> <!-- ko if: !$parent.isMarketingWidget() --> <div class="row"> <div class="form-group col-sm-6 contact-detail-input clear-floating" data-bind="visible: customField().name(), validationElement: customFieldValue"> <label for="customField" class="form-title" data-bind="text: customField().name"></label> <input id="customField" data-bind="textInput: customFieldValue, attr : { placeholder: customField().name }" type="text" class="form-control input-sm drop-fill-in" /> </div> </div> <!-- /ko --> <!--ko if: ($parent.showHouseholdsField() && $parent.isBookingWidget()) --> <div class="row"> <div class="form-group col-xs-12 households-input-wrapper"> <div id="households-input" class="cursor-pointer"> <label for="households" class="form-title">Households</label> <households-dropdown params="options: $parent.booking().availableHouseholds, selected: $parent.booking().selectedHouseholds, isUpdating: $parent.booking().isHouseholdsUpdating"></households-dropdown> </div> </div> </div> <!-- /ko --> <!-- ko if: $parent.isBookingWidget() --> <div class="row"> <div class="form-group col-xs-12" id="commentsSection"> <label for="comments" class="form-title">Comments</label> <textarea id="comments" rows="3" data-bind="textInput: $parent.booking().comments" type="text" class="form-control input-sm drop-fill-in" maxlength="2000" autocomplete="comment-box-stops-auto-fills"></textarea> <span class="help-block" data-bind="text: $parent.bookingNotesLimitText()"></span> </div> </div> <!-- /ko --> <div class="row"> <!-- ko if: $parent.showOptinCheckboxes() --> <div class="col-xs-12" data-bind="visible: isVenueMarketingSettingEnabled"> <div class="form-title small" data-bind="html: providerMarketingText"></div> <div class="marketing-options"> <div class="form-group"> <label><input type="checkbox" data-bind="checked: receiveMoreProviderInfoEmailCheckbox || precheckVenueEmailOptin" name="subscribe" /> Email</label> </div> <div class="form-group" data-bind="visible: showSmsMarketingOption"> <label><input type="checkbox" data-bind="checked: receiveMoreProviderInfoSmsCheckbox" name="subscribe" /> SMS</label> </div> </div> </div> <div class="col-xs-12" data-bind="visible: isGroupMarketingSettingEnabled"> <div class="form-title small" data-bind="html: groupMarketingText"></div> <div class="marketing-options"> <div class="form-group"> <label><input type="checkbox" data-bind="checked: receiveMoreInfoEmailCheckbox" name="subscribe" /> Email</label> </div> <div class="form-group" data-bind="visible: showSmsMarketingOption"> <label><input type="checkbox" data-bind="checked: receiveMoreInfoSmsCheckbox" name="subscribe" /> SMS</label> </div> </div> </div> <!-- /ko --> <!-- ko if: !$parent.showOptinCheckboxes() --> <div class="form-title small col-xs-12" data-bind="visible: isVenueOrGroupSettingEnabled(), html: noCheckboxOptInText"></div> <!-- /ko --> <!-- ko if: $parent.isMarketingWidget() && $parent.privacyPolicy() --> <div class="form-title small col-xs-12"> <label> <input type="checkbox" data-bind="checked: $parent.hasPrivacyPolicyBeenAccepted" /> I have read and accept the <a href="#" data-bind="click: $parent.showPrivacyPolicy">Privacy Policy</a> </label> </div> <!-- /ko --> </div> <!-- ko if: $parent.isBookingWidget() && $parent.isTheStarGroup() --> <div class="row"> <div class="form-group col-xs-12"> <div><b>The Star Entertainment Group Ltd. (and its subsidiaries) collect your personal information to process your reservation request, to handle any dietary requirements, to allow restaurant management to contact you about your reservation and, if applicable, for the purpose of proceeding with your request to receive newsletters and marketing materials with information about promotions, events and special offers relevant to you. We may disclose your information to our related companies and third-party service providers. Our <a href="https://www.starentertainmentgroup.com.au/privacy-policy/" target="_blank">Privacy Policy</a> explains how we handle personal information and how you may access, correct or complain about the handling of personal information.</b></div> </div> </div> <!-- /ko --> <!-- ko if: !$parent.isMarketingWidget() --> <div> <div class="row clearfix"> <div class="col-xs-12"> <button class="btn btn-default btn-previous" tabindex="0" data-bind="click: $parent.previous"> <span class="glyphicon glyphicon-arrow-left"></span> Previous </button> <button class="btn btn-default btn-next" tabindex="0" data-bind="click: $parent.next"> Next <span class="glyphicon glyphicon-arrow-right"></span> </button> </div> </div> </div> <!-- /ko --> <!-- ko if: $parent.isMarketingWidget() --> <div> <div class="row clearfix"> <div class="col-xs-12"> <button class="btn btn-default btn-next" tabindex="0" data-bind="click: $parent.registerCustomer, disable: $parent.hasClickedConfirm"> Confirm <span class="glyphicon glyphicon-arrow-right"></span> </button> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div> <div id="restaurant-terms" data-bind="if: $parent.privacyPolicyVisible()"> <div data-bind="if: $parent.privacyPolicy"> <h4 class="modal-title">Privacy Policy</h4> <div class="restaurant-terms-text"> <p data-bind="html: $parent.removeNewlineAndTabFromHTML($parent.privacyPolicy)"></p> </div> </div> <div class="row clearfix"> <div class="col-xs-12"> <button type="button" class="btn btn-default" data-bind="click: $parent.hidePrivacyPolicy, text: $parent.hidePrivacyPolicyText"></button> <button type="button" class="btn btn-default accept-button pull-right" data-bind="click: $parent.acceptPrivacyPolicy">Accept and Continue</button> </div> </div> </div> </div> </div> <div id="confirm" class="widget-screen" data-bind="with: confirmationViewModel, visible: showConfirmation "> <div data-bind="with: booking"> <div data-bind="ifnot: ($parent.termsAndConditionsVisible() || $parent.privacyPolicyVisible())"> <h4>Confirm Your Details Below</h4> <div id="reservation-info"> <table class="table table-confirmation"> <tr> <td class="col-xs-4">Date:</td> <td class="col-xs-8"><strong data-bind="text: formattedDate"></strong></td> </tr> <tr> <td class="col-xs-4">Time:</td> <td class="col-xs-8"><strong data-bind="text: formattedTime"></strong></td> </tr> <tr data-bind="if: !isTakeawayBooking()"> <td class="col-xs-4">People:</td> <td class="col-xs-8"><strong data-bind="text: totalCovers"></strong></td> </tr> </table> <div id="contact-info" data-bind="with: contact"> <table class="table table-confirmation"> <tr> <td class="col-xs-4">First Name:</td> <td class="col-xs-8"><b data-bind="text: firstName"></b></td> </tr> <tr> <td class="col-xs-4">Last Name:</td> <td class="col-xs-8"><b data-bind="text: lastName"></b></td> </tr> <!-- ko if: $parent.isEvent && company --> <tr> <td class="col-xs-4">Company:</td> <td class="col-xs-8"><b data-bind="text: company"></b></td> </tr> <!-- /ko --> <tr data-bind="visible: telephone"> <td class="col-xs-4">Telephone Number:</td> <td class="col-xs-8"><b data-bind="text: telephone"></b></td> </tr> <tr> <td class="col-xs-4">Mobile Number:</td> <td class="col-xs-8"><b data-bind="text: mobile"></b></td> </tr> <tr> <td class="col-xs-4">Email Address:</td> <td class="col-xs-8"><b data-bind="text: email"></b></td> </tr> <tr data-bind="visible: membershipId"> <td class="col-xs-4">Membership Number</td> <td class="col-xs-8"><b data-bind="text: membershipId"></b></td> </tr> <tr data-bind="visible: roomNumber"> <td class="col-xs-4">Room Number</td> <td class="col-xs-8"><b data-bind="text: roomNumber"></b></td> </tr> <tr data-bind="visible: postcode"> <td class="col-xs-4">Postcode:</td> <td class="col-xs-8"><b data-bind="text: postcode"></b></td> </tr> </table> </div> <div class="row" data-bind="if: !$parent.isEventsWidget()"> <div class="col-xs-12 table-return-notice" data-bind="visible: $parent.returnNoticeText"> <span data-bind="text: $parent.returnNoticeText"></span> </div> </div> <div class="row" data-bind="if: $parent.hasTermsOrPrivacyPolicy && !$parent.isTheStarGroup()"> <div class="col-xs-12" data-bind="if: !$parent.isEventsWidget() && $parent.hasTermsOrPrivacyPolicy"> <label> <input type="checkbox" data-bind="checked: $parent.areRestaurantTermsAccepted, value: $parent.areTermsOrPrivacyPolicyAccepted" /> I have read and accept the <span class="terms-conditions-hyperlink" data-bind="if: $parent.restaurantTermsConditions, click: $parent.showTermsAndConditions">Booking Terms And Conditions</span> <span data-bind="if: $parent.hasTermsAndPrivacyPolicy">and</span> <span class="terms-conditions-hyperlink" data-bind="if: $parent.privacyPolicy, click: $parent.showPrivacyPolicy">Privacy Policy</span> </label> </div> <div class="col-xs-12" data-bind="if: $parent.isEventsWidget() && $parent.privacyPolicy"> <label> <input type="checkbox" data-bind="checked: $parent.hasPrivacyPolicyBeenAccepted" /> I have read and accept the <a href="#" data-bind="click: $parent.showPrivacyPolicy">Privacy Policy</a> </label> </div> </div> <div class="row" data-bind="if: $parent.isTheStarGroup()"> <!-- The Star Group Terms and Conditions --> <div class="col-xs-12"> <label> <input type="checkbox" data-bind="checked: $parent.areRestaurantTermsAccepted" /> I agree to the Restaurant <a data-bind="if: $parent.restaurantTermsConditions()" data-toggle="modal" href="#" data-target="#star-terms-and-conditions">Terms &amp; Conditions</a> and The Star Entertainment <a href="https://www.starentertainmentgroup.com.au/privacy-policy/" target="_blank">Privacy Policy</a>. </label> <!-- Modal --> <div class="modal terms-and-conditions-modal fade" id="star-terms-and-conditions" tabindex="-1" role="dialog" aria-labelledby="starTermsAndConditionsModalLabel" data-bind="if: $parent.restaurantTermsConditions()"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="starTermsAndConditionsModalLabel">Terms and conditions</h4> </div> <div class="modal-body"> <div class="pre-details" data-bind="html: $parent.removeNewlineAndTabFromHTML($parent.restaurantTermsConditions)"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </div> </div> <div class="row clearfix"> <div class="col-xs-12"> <button class="btn btn-default btn-previous" tabindex="0" data-bind="click: $parent.previous"> <span class="glyphicon glyphicon-arrow-left"></span> Previous </button> <button class="btn btn-default btn-next" tabindex="0" data-bind="enable: $parent.isNextButtonEnabled && !$parent.isPreviewWidget() && $parent.isNextButtonEnabledIfTheStarGroup(), click: $parent.next"> <span data-bind="text: $parent.nextButtonText"></span> <span class="glyphicon glyphicon-arrow-right"></span> </button> </div> </div> </div> <div class="restaurant-terms"> <div data-bind="if: $parent.restaurantTermsConditions() && !$parent.isEventsWidget(), visible: $parent.termsAndConditionsVisible"> <h4 class="modal-title">Booking Terms And Conditions</h4> <div class="restaurant-terms-text"> <div class="pre-details" data-bind="html: $parent.removeNewlineAndTabFromHTML($parent.restaurantTermsConditions)"></div> </div> </div> <div data-bind="if: $parent.privacyPolicy(), visible: $parent.privacyPolicyVisible"> <h4 class="modal-title">Privacy Policy</h4> <div class="restaurant-terms-text"> <div class="pre-details" data-bind="html: $parent.removeNewlineAndTabFromHTML($parent.privacyPolicy)"></div> </div> </div> </div> <div class="row clearfix t-and-c-buttons"> <div class="col-xs-12" data-bind="if: $parent.termsAndConditionsVisible, visible: $parent.termsAndConditionsVisible"> <button type="button" class="btn btn-default" data-bind="click: $parent.hideTermsAndConditions, text: $parent.hideTermsText"></button> <button type="button" class="btn btn-default accept-button pull-right" data-bind="click: $parent.acceptTermsAndConditions">Accept and Continue</button> </div> <div class="col-xs-12" data-bind="if: $parent.privacyPolicyVisible, visible: $parent.privacyPolicyVisible"> <button type="button" class="btn btn-default" data-bind="click: $parent.hidePrivacyPolicy, text: $parent.hideTermsText"></button> <button type="button" class="btn btn-default accept-button pull-right" data-bind="click: $parent.acceptPrivacyPolicy">Accept and Continue</button> </div> </div> </div> </div> <div id="loading" class="widget-screen" data-bind="with: paymentViewModel, visible: showLoading "> <div> <div class="create-booking-loader-container"> <div class="margin-bottom-lg clearfix"> <div data-bind="if: isProcessingPayment"> <div class="alert alert-warning col-xs-12"> <p class="text-danger"><b>Your bank is confirming your transaction request.</b><br />Please do not refresh or close this page.<br />A booking confirmation message will display once your transaction is complete.</p> </div> </div> <div class="alert alert-warning col-xs-12 margin-bottom-lg" data-bind="visible: showisProcessingPaymentWarning()"> <p class="text-danger"><b>We are still waiting on your bank confirming your transaction.</b><br /> Please do not refresh or close this page.<br /> Your booking will not be complete until you see a booking confirmation message displayed on screen.</p> </div> </div> <div class="col-xs-12"> <i class='glyphicon glyphicon-cog create-booking-loader general-text'></i> </div> </div> </div> </div> <!-- ko if: isBookingWidget --> <div id="success" class="widget-screen" data-bind="with: successViewModel, visible: showSuccess "> <div> <div data-bind="if: bookingResponse()"> <div data-bind="if: isShowingPreorderButton()" > <div class="takeaway-countdown"> <div class="takeaway-countdown-lcontent"> <span data-bind="if: !isTakeawayExpired()">Time left to complete your order</span> <span data-bind="if: isTakeawayExpired()">Your order has timed out. Please try again.</span> </div> <div class="takeaway-countdown-rcontent"> <div class="takeaway-countdown-rcontent-inner"> <span class="glyphicon glyphicon-time"></span> <span data-bind="text: takeawayCountdownTime()"></span> </div> </div> </div> </div> <h4> <span data-bind="if: !isShowingPreorderButton() && !selectedTimeIsStandby">Booking Successful</span> <span data-bind="if: isShowingPreorderButton && !selectedTimeIsStandby">Takeaway Details Confirmed</span> <span data-bind="if: selectedTimeIsStandby">You&#x27;ve been added to the standby list</span> </h4> <div class="row" data-bind="if: !isShowingPreorderButton()"> <div class="col-xs-12 success-table-label"> <span data-bind="text: thankYouText"></span> <div data-bind="text: bookingDetailsText"></div> </div> </div> <div data-bind="with: bookingDetails"> <table class="table table-confirmation"> <tr> <td class="col-xs-4">Reference:</td> <td class="col-xs-8"><strong data-bind="text: bookingReference"></strong></td> </tr> <tr> <td class="col-xs-4">Date:</td> <td class="col-xs-8"><strong data-bind="text: date"></strong></td> </tr> <tr> <td class="col-xs-4">Time:</td> <td class="col-xs-8"><strong data-bind="text: time"></strong></td> </tr> <tr data-bind="if: !$parent.isShowingPreorderButton()"> <td class="col-xs-4">People:</td> <td class="col-xs-8"><strong data-bind="text: covers"></strong></td> </tr> </table> <div class="row"> <div class="col-xs-12 success-table-label"> <span>Your contact details are as follows:</span> </div> </div> <div id="contact-info"> <table class="table table-confirmation"> <tr> <td class="col-xs-4">Name:</td> <td class="col-xs-8"><b data-bind="text: dinerName"></b></td> </tr> <tr data-bind="visible: dinerTelephone"> <td class="col-xs-4">Telephone Number:</td> <td class="col-xs-8"><b data-bind="text: dinerTelephone"></b></td> </tr> <tr> <td class="col-xs-4">Mobile Number:</td> <td class="col-xs-8"><b data-bind="text: dinerMobile"></b></td> </tr> <tr> <td class="col-xs-4">Email Address:</td> <td class="col-xs-8"><b data-bind="text: dinerEmail"></b></td> </tr> <tr data-bind="visible: dinerMembershipId"> <td class="col-xs-4">Membership Number:</td> <td class="col-xs-8"><b data-bind="text: dinerMembershipId"></b></td> </tr> </table> </div> </div> <div class="row" data-bind="if: isShowingPreorderButton() && !isTakeawayExpired()"> <div class="col-xs-12 success-table-label text-center"> <div class="font-bold">Your takeaway slot has been confirmed. Please make your menu choices using the button below.</div> <form target="_blank" data-bind="attr: { action: preorderFormUrl }"> <button type="submit" class="btn btn-default btn-preorder">Place order here ⮕</button> </form> </div> </div> </div> </div> </div> <!-- /ko --> <!-- ko if: isEventsWidget --> <div id="successEvent" class="widget-screen" data-bind="with: successViewModel, visible: showSuccess "> <div> <div data-bind="if: bookingResponse()"> <h4>Thank you for your enquiry</h4> <div class="row"> <div class="col-xs-12 success-table-label"> <span data-bind="text: eventMadeAtText"></span> <div>Your enquiry details are as follows:</div> </div> </div> <div data-bind="with: bookingDetails"> <table class="table table-confirmation"> <tr> <td class="col-xs-4">Reference:</td> <td class="col-xs-8"><strong data-bind="text: reference"></strong></td> </tr> <tr> <td class="col-xs-4">Date:</td> <td class="col-xs-8"><strong data-bind="text: date"></strong></td> </tr> <tr> <td class="col-xs-4">Time:</td> <td class="col-xs-8"><strong data-bind="text: time"></strong></td> </tr> <tr> <td class="col-xs-4">People:</td> <td class="col-xs-8"><strong data-bind="text: covers"></strong></td> </tr> <tr> <td class="col-xs-4">First Name:</td> <td class="col-xs-8"><b data-bind="text: firstName"></b></td> </tr> <tr> <td class="col-xs-4">Surname:</td> <td class="col-xs-8"><b data-bind="text: surname"></b></td> </tr> <tr data-bind="if: company"> <td class="col-xs-4">Company:</td> <td class="col-xs-8"><b data-bind="text: company"></b></td> </tr> <tr data-bind="visible: telephoneNumber"> <td class="col-xs-4">Telephone Number:</td> <td class="col-xs-8"><b data-bind="text: telephoneNumber"></b></td> </tr> <tr> <td class="col-xs-4">Mobile Number:</td> <td class="col-xs-8"><b data-bind="text: mobileNumber"></b></td> </tr> <tr> <td class="col-xs-4">Email Address:</td> <td class="col-xs-8"><b data-bind="text: email"></b></td> </tr> </table> </div> </div> </div> </div> <!-- /ko --> <!-- ko if: isMarketingWidget --> <div id="successEvent" class="widget-screen" data-bind="visible: showSuccess "> <div> <h4>Thank you for signing up</h4> <div>You have sucessfully signed up to receive our news and offers.</div> </div> </div> <!-- /ko --> <div id="error" class="widget-screen" data-bind="with: errorViewModel, visible: showError "> <div> <h3 class="screen-title"> Error</h3> <div data-bind="text: bookingStatusDescription"> </div> </div> </div> <!-- ko ifnot: isEventsWidget --> <div id="payment" class="widget-screen" data-bind="with: paymentViewModel, visible: showPayment "> <div> <div class="clearfix margin-bottom-lg padding-bottom-20"> <div data-bind="if: isStripeInTestMode" class="row"> <div class="col-xs-12"> <div class="col-xs-12 alert alert-warning text-center"> <p class="text-danger">The restaurant is currently setup in Stripe test mode. Please make sure live mode is enabled before attempting to accept online bookings to avoid bookings being declined.</p> </div> </div> </div> <div data-bind="if: bookingResponse()"> <div class="col-xs-12 "> <div data-bind="visible: shouldShowPaymentRequiredMessage"> <h5> A payment of <span data-bind="text: paymentAmount"></span> will be required to hold this booking. </h5> </div> <div class="row" data-bind="visible: shouldShowCreditCardRequiredMessage"> <div class="alert alert-warning col-xs-12 padding-bottom-20"> <p class="text-center text-danger">Card details are required to secure your reservation. These will be held securely in our PCI-compliant Payment Gateway. Charges may be applied in accordance with our terms and conditions.</p> </div> </div> </div> </div> </div> <div> <div class="row"> <div class="form-group col-xs-12" data-bind="validationElement: cardName"> <h5 class="form-title">Cardholder Name</h5> <input data-bind="textInput: cardName" type="text" class="form-control input-sm drop-fill-in" /> </div> <div class="form-group col-xs-12"> <h5 class="form-title">Card Number</h5> <div id="card-number" class="form-control input-sm drop-fill-in"></div> <div role="alert" class="has-error"> <span id="card-number-errors" class="help-block"></span> </div> </div> </div> <div class="row"> <div class="form-group col-xs-12"> <h5 class="form-title">Card Expiry Date</h5> <div id="card-expiry" class="form-control input-sm drop-fill-in"></div> <div role="alert" class="has-error"> <span id="card-expiry-errors" class="help-block"></span> </div> </div> <div class="form-group col-xs-12"> <h5 class="form-title">Card Security Code</h5> <div id="card-cvc" class="form-control input-sm drop-fill-in"></div> <div role="alert" class="has-error"> <span id="card-cvc-errors" class="help-block"></span> </div> </div> </div> <div class="row clearfix"> <div class="col-xs-12"> <div class="navigation-buttons"> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <button class="btn btn-default btn-previous" tabindex="0" data-bind="click: previous"> <span class="glyphicon glyphicon-arrow-left"></span> Previous </button> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 bg-light"> <img class="powered-by-stripe stripe-black-logo" data-bind="css: isDarkBackground() ? 'stripe-white-logo' : 'stripe-black-logo' " /> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <button class="btn btn-default btn-next pull-right" tabindex="0" data-bind="enable: isNextButtonEnabled , click: next"> Next <span class="glyphicon glyphicon-arrow-right"></span> </button> </div> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade" role="dialog" data-bind="bsModal: { backdrop: 'static', show: false }, bsModalOpener: cardVerificationFailed"> <div class="modal-dialog" role="document"> <div class="modal-content error-modal-content"> <div class="modal-header"> <h5 class="modal-title">Transaction Failed</h5> </div> <div class="modal-body"> <div class="payment-message"> Unfortunately the transaction for this booking has failed. Money was not taken from your account nor were your card details stored. Please check the card details you have entered are correct, and that your account has sufficient funds if a payment has been requested by the venue. If the issue persists please contact your bank for assistance. </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-bind="click: function() {cardVerificationFailed(false)}"> Ok </button> </div> </div> </div> </div> <!-- Other modal --> <div class="modal fade" role="dialog" data-bind="bsModal: { backdrop: 'static', show: false }, bsModalOpener: paymentFailed"> <div class="modal-dialog" role="document"> <div class="modal-content error-modal-content"> <div class="modal-header"> <h5 class="modal-title">Transaction Failed</h5> </div> <div class="modal-body"> Unfortunately the transaction for this booking has failed. Money was not taken from your account nor were your card details stored. Please check the card details you have entered are correct, and that your account has sufficient funds if a payment has been requested by the venue. If the issue persists please contact your bank for assistance. </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-bind="click: function() {paymentFailed(false)}"> Ok </button> </div> </div> </div> </div> <div class="modal-backdrop fade in" data-bind="visible: paymentFailed() || cardVerificationFailed()"></div> </div> </div> <!-- /ko --> <div class="row clearfix"> <div class="col-xs-12"> <div class="custom-logo"> &nbsp;</div> </div> </div> </div> </div> </div> <div data-bind="if: forceBookButton"> <div class="insecure-fallback-book-button"> <div class="logo-panel"> <img alt="Powered by ResDiary" src="" /> </div> <a href="https://www.resdiary.com/Restaurant/Platform818Accor6377" class="btn btn-default reserve-button">Reserve Now</a> </div> </div> </div> </div> </div> <script type="text/javascript"> var rd = rd || {}; rd.widget = rd.widget || {}; rd.widget.resources = rd.widget.resources || {}; rd.widget.resources = { "surname": "Surname", "welcome": "Welcome %1", "selectEventType": "Please select an event type...", "cardNameRequired": "A card holder name is required", "thankYouForJoiningStandbyList": "Thank you for joining the standby list for %1. We will send you an email when there is availability.", "households": "Households", "creatingBooking": "Creating Booking...", "enterTitleHere": "Mr / Mrs / Miss", "expiry": "Expiry", "thankYouForYourReservationAtVenue": "Thank you for your reservation at {{venueName}}", "sendEnquiry": "Send Enquiry", "selectTimeSlot": "Select a time slot", "chooseMoreSpecificTimeSlotsAtNextStep": "Choose a specific time at the next step", "adults": "Adults", "august": "August", "numberValidationMessage": "Please enter a number.", "bookingFailedDueToInvalidCard": "We couldn't create your booking because we couldn't validate your card. Please ensure you've entered the correct details.", "friday": "Friday", "selectYourCountryCode": "Select your country code", "orderOnlineButton": "Order for takeaway", "tuesday": "Tuesday", "signUpSuccess": "Thank you for signing up", "backButton": "Back", "previous": "Previous", "monday": "Monday", "optionRequired": "An option is required for this booking.", "thursday": "Thursday", "emailAddress": "Email Address", "enterTelephoneNumber": "Enter Telephone Number Here", "takeawaySuccessMessage": "Your takeaway slot has been confirmed. Please make your menu choices using the button below.", "noAvailableTimesWithinTwoHoursOfSelection": "We’re sorry, there appears to be no availability near this time", "wouldYouLikeToReceiveProviderSpecialOffers": "I would like to receive news and offers from <strong>%1</strong> by:", "venueSearchPlaceholder": "City, town, postcode", "enquiryErrorNoAvailability": "Your enquiry couldn't be made due to lack of availability at the requested time. Please contact the restaurant directly to discuss your enquiry requirements.", "defaultBelowMinPartySizeMessage": "This restaurant is not taking enquiries below %1 people.", "number": "Number", "takeawayExpirationText": "Your order has timed out. Please try again.", "logout": "Log out", "eventsWidgetDisabled": "Sorry, we are currently not accepting online event enquiries.", "availabilityAtOurOtherVenues": "Availability at our other venues", "transactionFailedMessage": "Unfortunately the transaction for this booking has failed. Money was not taken from your account nor were your card details stored. Please check the card details you have entered are correct, and that your account has sufficient funds if a payment has been requested by the venue. If the issue persists please contact your bank for assistance.", "addressLineTwo": "Address Line 2", "addressLineOne": "Address Line 1", "enterEmailAddress": "Enter Email Address Here", "specifyOtherType": "Specify the type of event...", "invalidEventType": "Please enter an event type", "bookingDetailsBelowText": "The booking details are as follows:", "enterSpecialOfferCode": "Enter Special Offer Code", "reference": "Reference", "defaultZeroPartySizeMessage": "This restaurant is not taking enquiries with 0 guests.", "youHaveNotBeenCharged": "Your card has not been charged.", "partySize": "Party size", "enquiryOutOfLimitsError": "Your enquiry could not be made because the restaurant is not accepting this party size. This could've happened because the restaurant made changes to their setup during your enquiry. Please reload the widget to try again.", "errorCreatingBookingCustomerBlockedText": "There has been a problem confirming your booking. Please contact the restaurant.", "noTimeSelected": "No Time Selected", "december": "December", "dateTime": "Date & Time", "errorConfirmingBookingPaymentFailed": "Your booking could not be confirmed because the payment has failed", "acceptAndClose": "Accept and Close", "submit": "Reserve Now", "sunday": "Sunday", "select": "Select", "defaultAboveMaxPartySizeMessage": "This restaurant is not taking enquiries above %1 people.", "people": "People", "invalidPartySize": "Please enter the number of guests expected to attend", "loadXMoreLocation": "Load {{number}} more locations", "telephoneNumber": "Telephone Number", "wouldYouLikeToReceiveSpecialOffersByEmailAndSMSFromVenueAndGroup": "I would like to receive news and offers from <strong>%1</strong> and <strong>%2</strong> by Email and SMS.", "restaurantPrivacyPolicyLink": "Privacy Policy", "requiredField": "A value is required for this field", "commentDescription": "Let us know if you have any special requests and we will do our best to assist. Please note that special requests cannot be guaranteed.", "requiredToPay": "A payment of", "postcode": "Postcode", "november": "November", "cardholderName": "Cardholder Name", "delivery": "Delivery", "enterPostcode": "Enter Postcode Here", "specifyPartySize": "Guests", "confirmBooking": "Confirm Booking", "orderingForCollection": "You are now ordering from %1.", "resDiaryTermsLink": "ResDiary Terms and Conditions", "mobileNumber": "Mobile Number", "termsAndConditions": "Terms and conditions", "promotionTableReturn": "With the selected promotion your table is required to be returned by {{time}}", "confirm": "Confirm", "company": "Company", "bookingDetails": "Booking details", "resDiaryLogo": "ResDiary logo", "september": "September", "widgetThemeNotFound": "Theme Id '{0}' was not found in restaurant '{1}'.", "hideTerms": "Hide Terms", "menuPreview": "Menu (Preview)", "dateOfBirth": "Date of Birth", "collection": "Collection", "getEmbedCodeText": "If you are trying to embed the widget on your restaurant website please use the widget configurator to generate an embed code.", "requireDOB": "Please Enter a Valid Date of Birth", "optionRequiredTakeaway": "An option is required for this order.", "searchingOurOtherNearbyVenues": "Searching our other nearby venues", "thankYouForEnquiry": "Thank you for your enquiry", "validCovers": "Please Select a Valid Number of People", "wednesday": "Wednesday", "bookingNotesRemainingChars": "%1 of %2 characters remaining", "stripeProcessingMessage": "<b>Your bank is confirming your transaction request.</b><br />Please do not refresh or close this page.<br />A booking confirmation message will display once your transaction is complete.", "requireBirthday": "Please Enter a Valid Birthday", "pleaseCheckDetails": "Confirm Your Details Below", "january": "January", "clearLocation": "Clear location", "membershipId": "Membership Number", "enterFirstNameHere": "Enter First Name Here", "specifyOtherTypeOfEventMessage": "Please specify the type of event that you require (max: 200 characters)", "takeawayDetailsConfirmed": "Takeaway Details Confirmed", "validCardDetails": "Valid card details required", "eventType": "Event Type", "wouldYouLikeToReceiveResdiarySpecialOffers": "I would like to receive news and offers from <strong>ResDiary</strong> by:", "takeawayTimeSlot": "Please choose a date and time slot below.", "bookingReference": "Reference", "moreAvailableTimes": "available time slots at this location", "stripeTestModeWarning": "The restaurant is currently setup in Stripe test mode. Please make sure live mode is enabled before attempting to accept online bookings to avoid bookings being declined.", "requirePostcode": "A postcode is required", "additionalInformation": "Additional Information", "errorAvailabilitySearch": "There was a problem finding availabilty.", "useCurrentLocation": "Use current location", "moreAvailableTime": "available time slot at this location", "cardSecurityCode": "Card Security Code", "required": "Required", "ok": "Ok", "or": "or", "requireEmail": "A Valid Email is Required", "currentLocation": "Current Location", "requirePhone": "A Valid Telephone Number is Required", "notAvailable": "None Available", "venueMapLinkAriaLabel": "Redirects to the Google Maps page for {{providername}}", "october": "October", "selectTimeSlotAriaLabel": "Select {{time}}", "errorCreatingBookingInvalidPromotionText": "There has been an error creating your booking, the selected promotion is no longer valid.", "navigateListToEarlierTimeSlot": "Navigate the list to an earlier time slot.", "day": "Day", "may": "May", "cvc": "CVC", "sms": "SMS", "roomNumber": "Room Number", "email": "Email", "error": "Error", "april": "April", "month": "Month", "march": "March", "close": "Close", "other": "Other", "validCardNumber": "A valid card number is required", "title": "ResDiary Widget", "titleLabel": "Title", "promotions": "Promotions", "changeVenue": "Change Venue", "lastName": "Last Name", "pleaseSelectOption": "Please select an option or continue booking.", "enterYourData": "Enter your {{data}}", "nextMonth": "Next month", "nameOnCard": "Name on card", "maxCoversExceededMessage": "The total covers for this booking (%1) exceeds the maximum allowed (%2).", "hideTermsAndPrivacyPolicy": "Hide Terms and Privacy Policy", "restaurantPrivacyPolicyTitle": "Privacy Policy", "chooseAVenue": "Choose a Venue", "requireMembershipId": "A Membership Id is Required", "comments": "Comments", "rdTermsTitle": "ResDiary Terms And Conditions", "requireAddressLineOne": "An address line is required", "tableReturnNotice": "Your table is required to be returned by %1", "enquirySuccessful": "You have successfully made an enquiry at %1.", "hidePrivacyPolicy": "Hide Privacy Policy", "showLess": "Show less", "february": "February", "reserveATable": "Reserve a table", "cardVerificationFailed": "Verifying your card details has failed.", "anyArea": "Any Area", "readMore": "Read more", "readLess": "Read less", "joinStandbyList": "Join Standby List", "signUpSuccessMessage": "You have sucessfully signed up to receive our news and offers.", "offerFoodCollection": "We now offer takeaway food", "birthday": "Birthday", "confirmTakeawayDetails": "Place your order", "errorCreatingBookingText": "There has been an error creating your booking", "acceptAndContinue": "Accept and Continue", "contactDetails": "Contact Details", "noAvailabiltyAtOtherVenuesMessage": "There is no availability at our other venues for the timeslot you selected.", "requireMobileNumber": "A Valid Mobile Number is Required", "wholeNumberValidatonMessage": "Please enter a positive whole number", "wouldYouLikeToReceiveSpecialOffersByEmailAndSMS": "I would like to receive news and offers from <strong>%1</strong> by Email and SMS.", "googlePlacesError": "An error occurred trying to get location suggestions from Google. Please try again later.", "orderByClosest": "Order by closest to me", "firstName": "First Name", "cardDetails": "Card Details", "wouldYouLikeToReceiveNewsAndOffers": "I would like to receive news and offers from {{venueName}} by:", "chooseArea": "Choose an area...", "unsupportedViewForWidget": "We're sorry but we cannot display this widget in the requested format.", "socialMediaTitle": "Book online with ResDiary", "socialMediaDescription": "Click here to make a booking", "areaNotAvailable": "%1 (unavailable)", "requireFirstName": "A First Name is Required", "takeawayCountdownText": "Time left to complete your order", "deSelectTimeSlotAriaLabel": "Deselect {{time}}", "completeBooking": "Complete Booking", "newLocation": "New location, ", "andPrivacyPolicy": "and", "timeTakeaway": "Please pick a time", "saturday": "Saturday", "thankYouForYourReservation": "Thank you for your reservation", "requireLastName": "A Last Name is Required", "tokenizationOnly": "Card details are required to secure your reservation. These will be held securely in our PCI-compliant Payment Gateway. Charges may be applied in accordance with our terms and conditions.", "resDiaryTerms": "https://github.com/ResDiary/ResDiary-Portal/blob/5cbfd74e270c056adfc99f49885805a914fa82d9/RD.Microsite/Views/Shared/_TermsAndConditions.cshtml", "transactionFailed": "Transaction Failed", "selectItem": "Select {{item}}", "selectTime": "Select a time...", "children": "Children", "requireCity": "A city is required", "stripeStillProcessingMessage": "<b>We are still waiting on your bank confirming your transaction.</b><br /> Please do not refresh or close this page.<br /> Your booking will not be complete until you see a booking confirmation message displayed on screen.", "accorLogin": "ALL / Accor Plus Members: Login here", "loading": "Loading...", "acceptTermsConditions": "I have read and accept the ", "contactDetailsBelowText": "Your contact details are as follows:", "cardNumber": "Card Number", "cardExpiryDate": "Card Expiry Date", "previousMonth": "Previous month", "customFieldRequired": "{{fieldName}} is required.", "loadOneMoreLocation": "Load 1 more location", "errorTakingPaymentNoAvailabilityText": "Confirmation failed because there is no availability - no payment has been taken.", "pleaseSelectPromotion": "Please select a promotion or continue booking.", "checkAvailabilityAtOurOtherVenues": "Check availability at our other venues", "enterMobileNumber": "Enter Mobile Number Here", "selected": "Selected", "yourBookingReference": "Your booking reference is:", "checkAvailability": "Check availability", "optional": "Optional", "unselectItem": "Unselect {{item}}", "yourDetailsAreAsFollows": "Your details are as follows:", "poweredBy": "Powered by ResDiary", "takeawayOrderButton": "Place order here", "infants": "Infants", "validTime": "Please select a time", "validDate": "Please Select a Valid Date", "chooseDPT": "Choose Date, Party Size and Time", "enterLastNameHere": "Enter Last Name Here", "confirmDetails": "Confirm Details", "visitPortalText": "If you are trying to book a restaurant, please visit <a href=\"https://www.resdiary.com\">our booking portal</a>.", "errorCreatingBookingNoAvailabilityText": "There has been an error creating your booking, the selected time is no longer available.", "navigateListToLaterTimeSlot": "Navigate the list to a later time slot.", "promotionRequired": "A promotion is required for this booking", "noEventAreasEnabledOnDate": "This restaurant is not accepting event enquiries on the date you selected. Please select another date or contact the restaurant directly.", "wouldYouLikeToReceiveSpecialOffersByEmailFromVenueAndGroup": "I would like to receive news and offers from <strong>%1</strong> and <strong>%2</strong> by Email.", "thanksFromResDiary": "Thank you for your reservation at %1", "toHoldThisBooking": "will be required to hold this booking.", "providerIsFullyBookedYouCanJoinTheStandbyList": "%1 is fully booked for this date and time, however you can add yourself to our standby list here and we will be in contact should a table become available", "promotionLeaveTimeWarning": "With the selected promotion your table is required to be returned by %1", "restaurantTermsTitle": "Booking Terms And Conditions", "welcomeToResDiaryWidget": "Welcome to the ResDiary booking widget.", "youveBeenAddedToTheStandbyList": "You've been added to the standby list", "location": "Location", "wouldYouLikeToReceiveSpecialOffers": "I would like to receive news and offers from <strong>%1</strong> by:", "wouldYouLikeToReceiveSpecialOffersByEmail": "I would like to receive news and offers from <strong>%1</strong> by Email.", "availableUntil": "Your table is required to be returned by ", "errorTakingPaymentFailedText": "Confirmation failed because taking the payment failed.", "eventDetailsBelowText": "Your enquiry details are as follows:", "enquiryGenericError": "Your enquiry could not be made at this point. Please contact the restaurant directly.", "accorCaptionText": "to access member promotions and dining benefits", "area": "Area", "date": "Date", "city": "City", "name": "Name", "next": "Next", "july": "July", "june": "June", "time": "Time", "year": "Year", "success": "Booking Successful", "errorPromotionNotSelected": "To continue, please select one of the options above" }; </script> <script type='text/javascript' src="https://booking.resdiary.com/bundles/widget-jquery.js?v=VwxH657SjUla2YylIE_8PwVP9TlUcEh2IWYEB0iqMZU"></script> <!-- Provider Google Tag Manager --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXNPVSC>" height="0" width="0" style="display: none; visibility: hidden"></iframe> </noscript> <script> (function (w, d, s, l, i) {w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NXNPVSC');</script> <!-- End Provider Google Tag Manager --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10