CINXE.COM

Manor House Golf

<!DOCTYPE html> <html lang="en"> <head> <!-- Google Tag Manager --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); const f = d.getElementsByTagName(s)[0]; const j = d.createElement(s); const 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-ML2PSX '); </script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>Manor House Golf</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.common.min.css" rel="stylesheet"> <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.common-bootstrap.min.css" rel="stylesheet"> <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.bootstrap.min.css" rel="stylesheet" /> <link href="/Content/EngineGolf.css?ver=2" rel="stylesheet" /> <link href="https://fast.fonts.net/cssapi/c9790896-5847-4e98-a473-cc946fe65186.css" rel="stylesheet" /> <script src="/Scripts/jquery-3.6.0.min.js"></script> <script src="/Scripts/ss/jquery.easing.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> <script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.all.min.js"></script> <script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.aspnetmvc.min.js"></script> <script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/kendo-ui-core/2014.1.416/js/cultures/kendo.culture.en-GB.min.js"></script> <script src="/Scripts/bootbox.min.js"></script> <script src="/Scripts/hart.js?ver=48"></script> <!-- HTML5 Support for IE --> <!--[if lt IE 9]> <script src="~/Scripts/html5shim.js"></script> <![endif]--> </head> <body> <input name="memberFlag" value="1" id="memberFlag" hidden="hidden" /> <input name="facilityName" value="Manor House Golf" id="facilityName" hidden="hidden" /> <input id="maxPeople" name="maxPeople" value="4" hidden="hidden" /> <input id="fontName" name="fontName" value="Geometric_415 W01 Lite" hidden="hidden" /> <div class="container-fluid" style="opacity:0.85;"> <div class="row" style="opacity:0.85; background-color: white;"> </div> <div class="row" id="availability"> <script> function ClickNine() { if ($("#nineHoles").prop("checked") === true) { bootbox.alert("You are booking a 9 hole Tee time!"); $("#coNine").val("1"); } else { $("#coNine").val("0"); } AvailableTimes(); } function Modify() { const url = "https://cloud-reservations.net/BookGolf/CancelTeeTime/" + $("#hotelID").val() + "?golfID=" + $("#golfID").val(); window.location.assign(url); } function book(e) { e.preventDefault(); var dataItem = this.dataItem($(e.currentTarget).closest("tr")); $("#onTime").val(dataItem.on_time); $("#coDate").val($("#arrival").val()); $("#price").val(dataItem.total_rate); $("#greenFees").val(dataItem.price); $("#buggyRate").val(dataItem.buggy_rate); $("#facilityToBookID").val(dataItem.centre_id); $("#coBuggies").val($('#buggies').val()); if ($('#buggies').val() > 0) { $.ajax("/BookGolf/GetBuggyAvailability", { async: false, data: { onDate: $("#arrival").val(), onTime: dataItem.on_time, buggies: $('#buggies').val(), hotelID: $('#hotelID').val() }, success: function (data) { if (data < 10000) { bootbox.confirm({ message: "Too many buggies requested.The number of available buggies is " + data + ".Adjust and continue booking?", buttons: { confirm: { label: 'Yes', className: 'btn-success' }, cancel: { label: 'No', className: 'btn-danger' } }, callback: function (result) { if (result) { $('#buggies').val(data); $("#coBuggies").val($('#buggies').val()); var buggyNo = parseInt(data); var buggyRate = dataItem.buggy_rate * buggyNo; $("#buggyRate").val(buggyRate); var totalCharge = buggyRate + dataItem.price; $("#price").val(totalCharge); $("#amount").val(totalCharge); } else { return; } } }); } } }); } var members = 0; if ($("#memberFlag").val() === "1") { members = parseInt($("#members").val()); } var adults = parseInt($("#adults").val()); var people = adults + members; $("#coPeople").val(people); $("#coMemberFlag").val($("#memberFlag").val()); if ($("#price").val() == 0) { $(".guestData").hide(); $('#zip').prop('required', false); } else { if ($("#ppayments").val() === "1") { $(".guestData").show(); $('#zip').prop('required', true); $("#amount").val(dataItem.total_rate); } if ($("#ppayments").val() === "2") { $(".guestData").show(); $('#zip').prop('required', false); $("#amount").val(dataItem.total_rate); } } if ($("#members").val() >= 2) { $("#memberDiv2").show(); $('#memberNo2').prop('required', true); } else { $("#memberDiv2").hide(); $('#memberNo2').prop('required', false); } $("#availability").hide(); dataLayer.push({ 'event' : 'VirtualPageView', 'HotelID': $("#hotelID").val(), 'VirtualPage': '/golf-booking/checkout' }); $("#booking").show(); } function GetBookingParms() { return { golfID: $("#golfID").val(), onDate: $("#arrival").val(), member: $("#memberFlag").val() }; } function AvailableTimes() { var golfID = $("#golfID").val(); if (golfID == 0 || golfID == undefined) { error("No Course", "No course has been selected. You must select a course to get availability"); return; } var members = $("#members").val(); var adults = $("#adults").val(); var people = parseInt(adults) + parseInt(members); var title = "", message = ""; if (people === 0) { title = "No Players"; message = "Sorry there is no player selected! There should be at least a guest and/or a member!"; error(title, message); return; } if (people > $("#maxPeople").val()) { title = "Too many players"; message = "Sorry no more than " + $("#maxPeople").val() + " people can play at the same time!"; error(title, message); return; } a(true); if ($("#gridTeeTimes").data("kendoGrid") != null) { $("#gridTeeTimes").data("kendoGrid").dataSource.read(); } } function dataBound() { if ($("#gridTeeTimes").data("kendoGrid") != null) { var cnt = $("#gridTeeTimes").data("kendoGrid").dataSource.total(); a(); if (cnt === 0) { error("Sorry..", "There is no availability for the chosen period!"); return; } $("#availableTees").show(); a(false); } } function hideTees() { $("#availableTees").hide(); } function dateChanged() { $("#availableTees").hide(); if ($("#times").data("kendoDropDownList") != null) { $("#times").data("kendoDropDownList").dataSource.read(); } if ($("#memberFlag").val() === "1") { $("#members").data("kendoDropDownList").dataSource.read(); } if ($("#adults").data("kendoDropDownList") != null) { $("#adults").data("kendoDropDownList").dataSource.read(); } $.ajax("/BookGolf/GetSlotCapacity", { async: false, data: { golfID: $("#golfID").val(), onDate: $("#arrival").val() }, success: function (data) { $("#maxPeople").val(data); }, error: function () { $("#maxPeople").val("4"); } }); } function rateQueryDataTimes() { var nineHoles = "0"; if ($("#nineHoles").prop('checked') === true) { nineHoles = "1"; } return { arrival: $('#arrival').val(), hotelID: $("#hotelID").val(), golfID: $('#golfID').val(), members: $('#members').val(), times: $('#times').val(), adults: $('#adults').val(), nineHoles: nineHoles, buggies: $('#buggies').val() } } function selectFirst() { $("#times").data("kendoDropDownList").select(0); } function selectFirstCourse() { $("#golfID").data("kendoDropDownList").select(0); } </script> <div id="dateSelected"> <form class="input-form" id="formID"> <div class="form-group"> <span style="font-size: small;"></span> </div> <div id="golfIndex"> <script> $(function() { if (0 === 1) { $("#guestGroup").hide(); } //dateChanged(); $('#gridTeeTimes').on('click', '.pp', BookFromGrid); }); </script> <div class="form-group"> <label class="k-label">Date:</label> <input form="bookFormID" id="arrival" name="arrival" type="text" value="18/12/2024" /><script> kendo.syncReady(function(){jQuery("#arrival").kendoDatePicker({"change":dateChanged,"culture":"en-GB","format":"dd/MM/yyyy","min":new Date(2024,11,18,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});}); </script> </div> <div class="form-group"> <label class="k-label">Members:</label> <input id="members" name="members" type="text" value="0" /><script> kendo.syncReady(function(){jQuery("#members").kendoDropDownList({"change":hideTees,"dataSource":{"transport":{"read":{"url":"/BookGolf/GetMaxMembers","data":GetBookingParms},"prefix":""},"schema":{"errors":"Errors"}},"dataTextField":"Text","height":410,"dataValueField":"Value"});}); </script> </div> <div class="form-group" id="guestGroup"> <label class="k-label">Guests:</label> <input id="adults" name="adults" type="text" value="0" /><script> kendo.syncReady(function(){jQuery("#adults").kendoDropDownList({"change":hideTees,"dataSource":{"transport":{"read":{"url":"/BookGolf/GetMaxPeople","data":GetBookingParms},"prefix":""},"schema":{"errors":"Errors"}},"dataTextField":"Text","height":410,"dataValueField":"Value"});}); </script> </div> <div class="form-group"> <label class="k-label">Buggies*:</label> <input form="bookFormID" id="buggies" name="buggies" type="text" value="0" /><script> kendo.syncReady(function(){jQuery("#buggies").kendoDropDownList({"change":hideTees,"dataSource":[{"Text":"0","Value":"0"},{"Text":"1","Value":"1"},{"Text":"2","Value":"2"}],"dataTextField":"Text","height":410,"dataValueField":"Value"});}); </script> </div> <div class="form-group" style="font-size: smaller;"> <span>Visitor tee times are available to book online only 4 weeks in advance. Members can book 8 weeks in advance. Availability will not show beyond this window. Max 2 buggies per 4 ball. We strongly advise booking buggies in advance to avoid disappointment. **Members buggies are for reservation only and must be paid for on arrival**</span> </div> </div> <div class="form-group" style="text-align: center;"> <input type="button" class="k-button" id="checkAvailability" onclick="AvailableTimes()" value="Availability" /> </div> </form> </div> <div class="row" id="availableTees" style="text-align: center"> <div style="display: inline-block"> <h4 id="availableHeader">Available Times</h4> <div class="k-widget k-grid" id="gridTeeTimes"><table><colgroup><col style="width:30px" /><col /><col /></colgroup><thead class="k-grid-header"><tr><th class="k-header" data-field="on_time" data-index="0" data-title="Time" id="a6f610b6-4ad8-4416-92a3-c157ddc2b43f" scope="col"><span class="k-link">Time</span></th><th class="k-header" data-field="total_rate" data-index="1" data-title="Cost(拢)" id="eb9a0a0d-bd16-4398-8c46-013b66443694" scope="col"><span class="k-link">Cost(拢)</span></th><th class="k-header" data-index="2" id="408a9466-d8ed-42e6-bbf0-bf8354853bc9" scope="col"><span class="k-link">&nbsp;</span></th></tr></thead><tbody><tr class="k-no-data"><td colspan="3"></td></tr></tbody></table></div><script> kendo.syncReady(function(){jQuery("#gridTeeTimes").kendoGrid({"dataBound":dataBound,"columns":[{"title":"Time","headerAttributes":{"data-field":"on_time","data-title":"Time"},"width":"30px","field":"on_time","encoded":true},{"title":"Cost(拢)","attributes":{"style":"text-align:right;"},"headerAttributes":{"data-field":"total_rate","data-title":"Cost(拢)"},"field":"total_rate","format":"{0:n2}","encoded":true},{"command":[{"name":"Book","attr":" name=\"bookbut\"","buttonType":"ImageAndText","text":"Book","click":book}]}],"selectable":"Single, Row","scrollable":false,"autoBind":false,"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":"/BookGolf/GolfAvailability","data":rateQueryDataTimes},"prefix":""},"serverPaging":true,"serverSorting":true,"serverFiltering":true,"serverGrouping":true,"serverAggregates":true,"sort":[{"field":"on_time","dir":"asc"}],"filter":[],"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"fields":{"on_time":{"type":"string"},"price":{"type":"number","defaultValue":null},"centre_id":{"type":"number","defaultValue":null},"buggy_rate":{"type":"number","defaultValue":null},"total_rate":{"type":"number","defaultValue":null},"msg":{"type":"string"},"gf_1":{"type":"number","defaultValue":null},"gf_2":{"type":"number","defaultValue":null},"gf_3":{"type":"number","defaultValue":null},"gf_4":{"type":"number","defaultValue":null},"tenth_start":{"type":"string"}}}}}});}); </script> </div> </div> <script> $(function() { if (0 === 1) { $("#guestGroup").hide(); } //dateChanged(); $('#gridTeeTimes').on('click', '.pp', BookFromGrid); }); function changeGolf() { $.ajax({ url: "/BookGolf/GolfIndex", data: { id: $("#hotelID").val(), golfID: $("#golfID").val(), member: 1 }, success: function (view) { $("#golfIndex").html(view); } }) } function BookFromGrid () { let clickedElement = $(this).attr('name'); let grid = $('#gridTeeTimes').data().kendoGrid; let dataItem = grid.dataItem($(this).closest('tr')); $("#adults").val(clickedElement.substring(1)); $("#onTime").val(dataItem.on_time); $("#coDate").val($("#arrival").val()); $("#price").val($(this).attr('value')); $("#greenFees").val($(this).attr('value')); $("#buggyRate").val(dataItem.buggy_rate); $("#facilityToBookID").val(dataItem.centre_id); $("#coBuggies").val($('#buggies').val()); if ($('#buggies').val() > 0) { $.ajax("/BookGolf/GetBuggyAvailability", { async: false, data: { onDate: $("#arrival").val(), onTime: dataItem.on_time, buggies: $('#buggies').val(), hotelID: $('#hotelID').val() }, success: function (data) { if (data < 10000) { bootbox.confirm({ message: "Too many buggies requested.The number of available buggies is " + data + ".Adjust and continue booking?", buttons: { confirm: { label: 'Yes', className: 'btn-success' }, cancel: { label: 'No', className: 'btn-danger' } }, callback: function (result) { if (result) { $('#buggies').val(data); $("#coBuggies").val($('#buggies').val()); var buggyNo = parseInt(data); var buggyRate = dataItem.buggy_rate * buggyNo; $("#buggyRate").val(buggyRate); var totalCharge = buggyRate + dataItem.price; $("#price").val(totalCharge); $("#amount").val(totalCharge); } else { return; } } }); } } }); } var members = 0; if ($("#memberFlag").val() === "1") { members = parseInt($("#members").val()); } var adults = parseInt($("#adults").val()); var people = adults + members; $("#coPeople").val(people); $("#coMemberFlag").val($("#memberFlag").val()); if ($("#price").val() == 0) { $(".guestData").hide(); $('#zip').prop('required', false); } else { if ($("#ppayments").val() === "1") { $(".guestData").show(); $('#zip').prop('required', true); $("#amount").val(dataItem.total_rate); } if ($("#ppayments").val() === "2") { $(".guestData").show(); $('#zip').prop('required', false); $("#amount").val(dataItem.total_rate); } } if ($("#members").val() >= 2) { $("#memberDiv2").show(); $('#memberNo2').prop('required', true); } else { $("#memberDiv2").hide(); $('#memberNo2').prop('required', false); } $("#availability").hide(); $("#booking").show(); } </script> </div> <div class="row" id="booking"> <script> function ajaxmute() { return; } </script> <div class="row"> <form action="/BookGolf/BookTee?hotelID=2140&amp;golfID=4" data-ajax="true" data-ajax-failure="ajaxmute" data-ajax-method="GET" data-ajax-success="bookingMade" id="bookFormID" method="post" role="form"> <div style="text-align: center"> <input type="button" class="k-button" id="backAvailability" value="Back" /> <h4>Booking Summary</h4> </div> <input type="text" id="ppayments" name="ppayments" value="1" hidden> <input type="text" id="hostedPage" name="hostedPage" value="1" hidden /> <input id="paymentSystemID" name="paymentSystemID" value="900" hidden /> <input id="hotelID" name="hotelID" value="2140" hidden="hidden" /> <input id="golfID" name="golfID" value="4" hidden="hidden" /> <div class="form-group"> <label class="k-label labelCheckout">Date/Time:</label> <input type="text" class="k-textbox golfCheckout" id="coDate" name="coDate" readonly="readonly"> <input name="onTime" type="text" value="" id="onTime" class="k-textbox golfCheckout" readonly="readonly" /> </div> <div class="form-group"> <label class="k-label labelCheckout">People/拢:</label> <input name="coPeople" type="text" id="coPeople" class="k-textbox golfCheckout" readonly="readonly" /> <input type="text" id="greenFees" name="greenFees" class="k-textbox golfCheckout" readonly="readonly" /> </div> <div class="form-group"> <label class="k-label labelCheckout">Buggies/拢:</label> <input name="coBuggies" type="text" id="coBuggies" class="k-textbox golfCheckout" readonly="readonly" /> <input type="text" id="buggyRate" name="buggyRate" class="k-textbox golfCheckout" readonly="readonly" /> </div> <div class="form-group"> <label class="k-label labelCheckout">Total Cost(拢):</label> <input type="text" id="price" name="price" class="k-textbox golfCheckout" style="font-weight: bold !important;" readonly="readonly" /> </div> <hr /> <h4 style="text-align: center;">Member Details</h4> <style> .form-control,#findMember { border-radius: 0; } </style> <div id="searchContainer"> <div id="memberNumber" class="form-group col-md-6"> <label for="memberNo" style="width: 100%">Membership Number*</label> <input type="text" id="memberNo" class="form-control" placeholder="Member Number" aria-describedby="member number" form="bookFormID" required> </div> <div class="form-group col-md-6"> <label for="email">Email**</label> <input type="text" id="email" name="email" class="form-control" placeholder="Email" aria-describedby="email address" form="bookFormID" required> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <button id="findMember" class="btn btn-outline-secondary k-button" aria-label="Search" type="button" onclick="Lookup()"> Find my details <span class="glyphicon glyphicon-search" aria-hidden="true"></span> </button> </div> <div class="form-group col-md-6"> <small><i>**The provided Email address must match the one on your member profile.</i></small> </div> </div> <div id="memberDetails" class="form-row" hidden> <span>Details Found: </span> <span id="titleDisplay"></span> <span id="firstNameDisplay"></span> <span id="lastNameDisplay"></span> </div> <div class="info" hidden> <input hidden id="firstName" name="initial" value="" form="bookFormID" /> <input hidden id="lastName" name="name" value="" form="bookFormID" /> <input hidden id="title" name="title" value="" form="bookFormID" /> <input hidden id="zip" name="zip" value="" form="bookFormID" /> <input hidden id="address" name="address" value="" form="bookFormID" /> <input hidden id="address_line2" name="address_line2" value="" form="bookFormID" /> <input hidden id="city" name="city" value="" form="bookFormID" /> <input hidden id="state" name="state" value="" form="bookFormID" /> </div> <script> function Lookup() { a(); var hotelID = $("#hotelID").val(); var memberNo = $("#memberNo").val(); var email = $("#email").val(); $.ajax({ url: "/Generic/GetMemberInfo", data: { hotelID: hotelID, security: 3, memberNo: memberNo, email: email}, async: false, success: function (response) { if (response != null) { if (response.noMatch) { bootbox.alert({ title: "No Match Found", message: response.error, callback: function() { $("#memberNo").focus(); } }); } else { $("#firstName").attr('value', response.guest_initial); $("#title").attr('value', response.guest_title); $("#lastName").attr('value', response.guest_name); $("#zip").attr('value',response.zip.trim()); $("#address").attr('value',response.address.trim()); $("#city").attr('value',response.city.trim()); $("#state").attr('value',response.state.trim()); $("#firstNameDisplay").text(response.guest_initial); $("#titleDisplay").text(response.guest_title); $("#lastNameDisplay").text(response.guest_name); $("#memberDetails").show(); $("#bookTeeButton").prop("disabled", false); } } }, error: function (response) { a(false); bootbox.alert({ title: "Error", message: "An error occurred. Please refresh the page and try again. If it continues, please contact us.", callback: function() { $("#memberNo").focus(); } }); } }); } $(document).ready(function () { $("#bookTeeButton").prop("disabled", true); }); </script> <input name="facilityToBookID" type="number" value="" id="facilityToBookID" hidden /> <input name="coNine" type="text" value="0" id="coNine" hidden /> <input name="coMemberFlag" type="text" value="" id="coMemberFlag" hidden /> <input name="returnUrl" value="https://www.exclusive.co.uk/the-manor-house-golf-club/book-a-tee-time/tee-time-booking-complete" id="returnUrl" hidden="hidden" /> <div style="text-align: center;"> <button id="bookTeeButton" type="button" class="k-button">Book now</button> </div> </form> </div> <script> $(document).ready(function() { if ($("#hostedPage").val() == '1') { if (1 != 1 && $("#price").val() == 0) { $("#bookTeeButton").text("Proceed"); } else if (1 == 1 && $("#price").val() == 0) { $("#bookTeeButton").text("Book Now"); } else { $("#bookTeeButton").text("Proceed to Payment"); } } }); $("#bookTeeButton").on('click', function(e) { e.preventDefault(); if ($("#bookFormID")[0].checkValidity()) { $("#bookTeeButton").attr("disabled", true); switch ($("#hostedPage").val()) { case "1": { if ($("#price").val() > 0) { $("#bookFormID").attr('action', '/BookGolf/BookTeeHosted'); } } break; } $("#bookFormID").submit(); } }); function bookingMade(data) { if (data.message === "OK") { dataLayer.push({ 'event': 'VirtualPageView', 'HotelID': $("#hotelID").val(), 'VirtualPage': '/golf-booking/booking-confirmation', 'peopleQty': $("#coPeople").val(), 'hotelName': 'Manor House Golf', 'totalCost': $("#price").val() }); if ($("#hostedPage").val() == "1") { if ($("#price").val() > 0) { switch ($("#paymentSystemID").val()) { case "900": window.location.href = `/BookGolf/FiServHosted?hotelID=${$("#hotelID").val()}&golfID=${$("#golfID").val()}&bookingID=${data.bookingID}&email=${$("#email").val()}&zip=${$("#zip").val()}&title=${$("#title").val()}&initial=${$("#initial").val()}&surname=${$("#name").val()}&address=${$("#address1").val()}&city=${$("#city").val()}&country=${$("#country").val()}&deposit=${$("#price").val()}`; break; case "901": window.location.href = `/BookGolf/VerifoneHosted?hotelID=${$("#hotelID").val()}&golfID=${$("#golfID").val()}&dummyID=${data.dummyID}&email=${$("#email").val()}&guestInitial=${$("#guest_initial").val()}&guestName=${$("#guest_name").val()}&toPay=${$("#price").val()}&address=${$("#line1").val()}&zip=${$("#zip").val()}&phone=${$("#phone").val()}&city=${$("#town").val()}&country=${$("#countryCode").val()}`; break; case "902": window.location.href = `/BookGolf/Stripe/${$("#hotelID").val()}/${$("#golfID").val()}/${data.dummyID}` break; } } else { bookingSuccess(); } } else { bookingSuccess(); } } else { error("The following error occurred", data.message); } } function bookingSuccess() { var returnUrl = $("#returnUrl").val(); bootbox.alert("Thank you for your booking with us. We are looking forward to welcoming you to our facilities!", function() { window.location.assign(returnUrl); }); } </script> </div> <div id="warten"><img src="/Content/img/aspetta.gif"></div> </div> <script> $(function () { if ($("#fontName").val() != null || $("#fontName").val() !== "") { $("body").css("font-family", $("#fontName").val()); } if (!mq.matches) { $(".k-textbox").width("100%"); $(".k-label").width("100%"); $(".k-dropdown").width("100%"); $(".k-input").width("100%"); $(".k-datepicker").width("100%"); } else { const w = 250; $(".k-textbox").width(w); $(".k-dropdown").width(w); $(".k-input").width(w); $(".k-datepicker").width(w); } $("#backAvailability").on("click", Availability); $("form").submit(function (e) { var required = $('input,textarea,select').filter('[required]:visible'); var error = false; for (var i = 0; i <= (required.length - 1); i++) { if (required[i].value === '') { required[i].style.backgroundColor = 'rgb(255,155,155)'; error = true; } } if (error) { e.preventDefault(); } }); SetBackground(3); a(); $(".labelCheckout").attr('style', 'width: 90px !important;'); $(".golfCheckout").attr('style', 'width: 100px !important;text-align: right;padding:8px;'); }); function Availability() { $("#availability").show(); $("#booking").hide(); } $(document).ready(function() { dataLayer.push({ 'event': 'VirtualPageView', 'HotelID': $("#hotelID").val(), 'VirtualPage': '/golf-booking/check-availability' }); if ('' !== '') { bootbox.alert(''); } }); </script> </body> </html>