{"id":698,"date":"2024-03-22T10:42:26","date_gmt":"2024-03-22T09:42:26","guid":{"rendered":"https:\/\/mariefredsmarina.se\/book-one-or-more-nights\/"},"modified":"2024-05-07T14:48:25","modified_gmt":"2024-05-07T12:48:25","slug":"book-one-or-more-nights","status":"publish","type":"page","link":"https:\/\/mariefredsmarina.se\/en\/book-one-or-more-nights\/","title":{"rendered":"Book one or more nights"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"698\" class=\"elementor elementor-698 elementor-84\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-112cee3 e-flex e-con-boxed e-con e-parent\" data-id=\"112cee3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-442aaf1 e-con-full e-flex e-con e-child\" data-id=\"442aaf1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7c14239 e-flex e-con-boxed e-con e-child\" data-id=\"7c14239\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9a5d27 elementor-widget elementor-widget-heading\" data-id=\"a9a5d27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Book a berth<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8993a7 elementor-widget elementor-widget-heading\" data-id=\"e8993a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Here you can book a berth when you want to stay <b>one or more nights<\/b>.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e0b504 elementor-widget elementor-widget-heading\" data-id=\"8e0b504\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Fill in the form and we will get back to you as quickly as possible with a confirmation via SMS.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c616f3 elementor-widget elementor-widget-heading\" data-id=\"8c616f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/mariefredsmarina.se\/en\/boat-berth-for-a-few-hours\/\">Just want to stay for a few hours?<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-274498e e-con-full e-flex e-con e-child\" data-id=\"274498e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d57510 elementor-widget elementor-widget-heading\" data-id=\"2d57510\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Booking request<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d70a28 elementor-widget elementor-widget-shortcode\" data-id=\"9d70a28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/css\/intlTelInput.min.css\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/js\/intlTelInput.min.js\"><\/script>\n\n<form class=\"row\" id=\"boat-booking-form\" method=\"post\">\n    <div class=\"mb-3 col col-12\">\n        <input type=\"text\" class=\"form-control\" id=\"name\" name=\"name\" placeholder=\"Name\" required>\n    <\/div>\n    <div class=\"mb-3 col col-12\">\n        <p id=\"output\">Please enter a valid mobile phone number below<\/p>     \n        <input type=\"text\" class=\"form-control\" id=\"phone\" name=\"phone\" required>\n    <\/div>\n    <div class=\"mb-3 col col-12\">   \n        <p class=\"form-info-text\">We respond by SMS. Be sure to enter a mobile number where you can be reached from at least three hours before arrival.<\/p>\n    <\/div>\n    <div class=\"mb-3 col col-12\">\n    <label for=\"boat_type\" class=\"form-label\">Boat model:<\/label>\n        <input type=\"text\" class=\"form-control\" id=\"boat_type\" name=\"boat_type\" placeholder=\"Boat model\" required>\n    <\/div>\n    <div class=\"mb-3 col col-6\">\n        <label for=\"boat_length\" class=\"form-label\">Boat length (meter, centimeter):<\/label>\n        <input type=\"number\" class=\"form-control\" id=\"boat_length\" name=\"boat_length\" step=\"0.01\" Value=\"9.00\" required>\n    <\/div>\n    <div class=\"mb-3 col col-6\">\n        <label for=\"boat_width\" class=\"form-label\">Boat width (meter, centimeter):<\/label>\n        <input type=\"number\" class=\"form-control input-disabled\" id=\"boat_width\" name=\"boat_width\" step=\"0.01\" Value=\"3.00\" required>\n    <\/div>\n    <div class=\"mb-3 col col-12\">   \n        <p class=\"form-info-text\">Uncertain about width and length? Call us on <a href=\"tel:0046736633301\">+46 736 63 33 01<\/a> and we will assist you.<\/p>\n    <\/div>\n    <div class=\"mb-3 col col-6\">\n        <label for=\"arrival_date\" class=\"form-label\">Date of arrival:<\/label>\n        <input type=\"text\" class=\"form-control datepicker\" id=\"form_arrival_date\" name=\"arrival_date\" value=\"\" placeholder=\"yyyy-mm-dd\" required readonly autocomplete=\"off\">\n    <\/div>\n    <div class=\"mb-3 col col-6\">\n        <label for=\"departure_date\" class=\"form-label\">Date of departure:<\/label>\n        <input type=\"text\" class=\"form-control datepicker\" id=\"form_departure_date\" name=\"departure_date\" value=\"\" placeholder=\"yyyy-mm-dd\" required readonly autocomplete=\"off\">\n    <\/div>\n    <div class=\"mb-3 col col-12\">\n        <textarea id=\"message\" class=\"form-control\" name=\"message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\n        <p class=\"form-info-text\">We cannot respond to messages via the booking form. If you have questions, contact us on <a href=\"tel:0046736633301\">+46 736 63 33 01<\/a><\/p>\n    <\/div>\n    <div class=\"mb-3 col col-12\">\n        <input type=\"checkbox\" id=\"consent\" name=\"consent\" required \/>\n        <label for=\"consent\">I agree that you save my data to manage the booking and for statistics. You can contact Mariefreds Marina at any time to have the data removed. We do not share any personal data with third parties.<\/label>\n    <\/div>\n    <input type=\"hidden\" id=\"full-number\" name=\"full-number\" value=\"\">\n    <input type=\"hidden\" id=\"lang\" name=\"lang\" value=\"en\">\n    <input type=\"hidden\" name=\"recaptcha_response\" id=\"recaptchaResponse\">\n    <input type=\"hidden\" id=\"security\" name=\"security\" value=\"28c8ad58c1\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/698\" \/>    <div class=\"mb-3 col col-12\">\n        <button type=\"submit\" name=\"submit\" class=\"btn btn-primary\">Send booking request<\/button>\n        <div id=\"loader\" class=\"loadingio-spinner-ellipsis-nq4q5u6dq7r align-middle loader loader-hidden\"><div class=\"ldio-x2uulkbinbj\">\n        <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n        <\/div><\/div>\n    <\/div>\n    \n    \n<\/form>\n\n\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6LcaJtQpAAAAAH7bnFnYag7sqSzprVLH1KWTiWYz\"><\/script>\n<script>\n    \/\/ Function to execute reCAPTCHA and update the token\n    function executeRecaptcha() {\n        grecaptcha.execute('6LcaJtQpAAAAAH7bnFnYag7sqSzprVLH1KWTiWYz', { action: 'create_customer_boat_booking' }).then(token => {\n            document.querySelector('#recaptchaResponse').value = token;\n        });\n    }\n\n    \/\/ Initial reCAPTCHA execution\n    grecaptcha.ready(() => {\n        executeRecaptcha();\n    });\n\n    \/\/ Refresh reCAPTCHA token every 2 minutes (120000 milliseconds)\n    setInterval(() => {\n        executeRecaptcha();\n    }, 110000); \/\/ Adjust the interval as needed\n<\/script>\n\n<script>\nfunction initIntlTelInput() {\n    const input = document.querySelector(\"#phone\");\n    const output = document.querySelector(\"#output\");\n    const submitButton = document.querySelector(\"button[type='submit']\");\n\n    const iti = window.intlTelInput(input, {\n        initialCountry: \"de\",\n        nationalMode: true,\n        showSelectedDialCode: true,\n        preferredCountries: [\"de\", \"dk\", \"fi\", \"nl\", \"no\", \"gb\", \"se\"],\n        utilsScript: \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/js\/utils.js\" \/\/ Load utils.js from CDN\n    });\n\n    const handleChange = () => {\n    let text;\n    let isValid = false;\n\n    if (input.value) {\n        if (iti.isValidNumber()) {\n            \/\/ Set the value of the input field #full-number\n            document.getElementById('full-number').value = iti.getNumber();\n            text = \"Valid number!\";\n            isValid = true;\n        } else {\n            text = \"Invalid number\";\n        }\n    } else {\n        text = \"Please enter a valid mobile phone number below\";\n    }\n    output.textContent = text;\n    output.style.color = isValid ? \"black\" : \"red\";\n    submitButton.disabled = !isValid;\n};\n\n    \/\/ Listen to \"keyup\", but also \"change\" to update when the user selects a country\n    input.addEventListener('change', handleChange);\n    input.addEventListener('keyup', handleChange);\n}\n\n\/\/ Call initIntlTelInput when the script is loaded\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    initIntlTelInput();\n});\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Book a berth Here you can book a berth when you want to stay one or more nights. Fill in the form and we will get back to you as quickly as possible with a confirmation via SMS. Just want to stay for a few hours? Booking request<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-698","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/pages\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":8,"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/pages\/698\/revisions"}],"predecessor-version":[{"id":1176,"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/pages\/698\/revisions\/1176"}],"wp:attachment":[{"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/media?parent=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}