{"id":702,"date":"2024-03-22T10:40:57","date_gmt":"2024-03-22T09:40:57","guid":{"rendered":"https:\/\/mariefredsmarina.se\/book-a-pitch\/"},"modified":"2024-05-07T09:13:52","modified_gmt":"2024-05-07T07:13:52","slug":"book-a-pitch","status":"publish","type":"page","link":"https:\/\/mariefredsmarina.se\/en\/book-a-pitch\/","title":{"rendered":"Book a pitch"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"702\" class=\"elementor elementor-702\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41a141a e-flex e-con-boxed e-con e-parent\" data-id=\"41a141a\" 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-fd1ff61 e-con-full e-flex e-con e-child\" data-id=\"fd1ff61\" 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-63577c5 e-flex e-con-boxed e-con e-child\" data-id=\"63577c5\" 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-621dfd6 elementor-widget elementor-widget-heading\" data-id=\"621dfd6\" 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 pitch<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc6c16d elementor-widget elementor-widget-heading\" data-id=\"bc6c16d\" 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\">If you want to stay with your motorhome, you can book a parking space here<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f4fcf3 elementor-widget elementor-widget-heading\" data-id=\"8f4fcf3\" 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\/about-us\/\">More info &rarr;<\/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-7b6f758 e-con-full e-flex e-con e-child\" data-id=\"7b6f758\" 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-78b5a272 elementor-widget elementor-widget-heading\" data-id=\"78b5a272\" 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-5429753 elementor-widget elementor-widget-shortcode\" data-id=\"5429753\" 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<script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/momentjs\/latest\/moment.min.js\"><\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/daterangepicker\/daterangepicker.min.js\"><\/script>\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/daterangepicker\/daterangepicker.css\" \/>\n\n<style>\n        .custom-value {\n            display: block;\n            font-size: 0.7em;\n            color: red;\n        }\n        .daterangepicker {\n            z-index: 9999;\n            max-width: 100%; \/* Ensure it doesn't exceed the width of the container *\/\n        }\n        .daterangepicker .calendar-table {\n            width: 100%; \/* Ensure the calendar table fits within the container *\/\n        }\n        .daterangepicker .drp-calendar {\n            width: auto; \/* Adjusts the calendar to fit within the viewport *\/\n            max-width: calc(50% - 10px); \/* Ensure both calendars fit side by side *\/\n        }\n        .daterangepicker .drp-calendar.left {\n            margin-right: 10px; \/* Add spacing between the calendars *\/\n        }\n        .daterangepicker .drp-calendar.right {\n            margin-left: 10px; \/* Add spacing between the calendars *\/\n        }\n\n    <\/style>\n\n<form class=\"row lang-en\" id=\"rv-booking-form\" method=\"post\">\n    <div class=\"mb-3 col col-12\">\n        <div class=\"input-group\">\n            <span class=\"input-group-text\" id=\"basic-addon1\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-person-vcard\" viewBox=\"0 0 16 16\">\n            <path d=\"M5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4m4-2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M9 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 9 8m1 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5\"><\/path>\n            <path d=\"M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8.96q.04-.245.04-.5C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 1 1 12z\"><\/path>\n            <\/svg>\n            <\/span>\n            <input type=\"text\" class=\"form-control\" id=\"rv_name\" name=\"rv_name\" placeholder=\"Name\" required>\n        <\/div>\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=\"rv_phone\" name=\"rv_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        <div class=\"input-group\">\n        <span class=\"input-group-text\" id=\"basic-addon1\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-truck-front\" viewBox=\"0 0 16 16\">\n        <path d=\"M5 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0m8 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-6-1a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM4 2a1 1 0 0 0-1 1v3.9c0 .625.562 1.092 1.17.994C5.075 7.747 6.792 7.5 8 7.5s2.925.247 3.83.394A1.008 1.008 0 0 0 13 6.9V3a1 1 0 0 0-1-1zm0 1h8v3.9q0 .002 0 0l-.002.004-.005.002h-.004C11.088 6.761 9.299 6.5 8 6.5s-3.088.26-3.99.406h-.003l-.005-.002L4 6.9q0 .002 0 0z\"><\/path>\n        <path d=\"M1 2.5A2.5 2.5 0 0 1 3.5 0h9A2.5 2.5 0 0 1 15 2.5v9c0 .818-.393 1.544-1 2v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V14H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a2.5 2.5 0 0 1-1-2zM3.5 1A1.5 1.5 0 0 0 2 2.5v9A1.5 1.5 0 0 0 3.5 13h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 12.5 1z\"><\/path>\n        <\/svg>\n        <\/span>\n        <input class=\"form-control\" type=\"text\" class=\"form-control\" id=\"rv_regnumber\" name=\"rv_regnumber\" placeholder=\"License plate\" required>\n        <\/div>\n    <\/div>\n    <div class=\"mb-3 col col-12\">\n        <div id=\"loading-indicator\">Loading...<\/div>\n        <div class=\"input-group\">\n        <span class=\"input-group-text\" id=\"basic-addon1\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-calendar3\" viewBox=\"0 0 16 16\">\n                <path d=\"M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z\"><\/path>\n                <path d=\"M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2\"><\/path>\n                <\/svg>\n                <\/span>\n        <input class=\"form-control\" type=\"text\" name=\"daterange\" id=\"daterange\" placeholder=\"Arrival date - Departure date\" value=\"\" style=\"display:none;\" required readonly>\n        <\/div>\n    <\/div>\n    <div id=\"\" class=\"mb-3 col col-12\">\n        <p id=\"en_pitches_left\" class=\"pitches_left hidden\"><\/p>\n        <p id=\"en_no_pitches_left\" class=\"no_pitches_left hidden\"><\/p>\n        <div id=\"pitches-loader\" class=\"hidden\">\n            <div class=\"spinner-border\" role=\"status\">\n                <span class=\"visually-hidden\">Loading...<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"mb-3 col col-12\">\n        <textarea id=\"rv_message\" class=\"form-control\" name=\"rv_message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\n        <p class=\"form-info-text\">Have questions or need to cancel? Contact us on <a href=\"tel:+46159777663\">+46 159 777 663<\/a> We cannot answer questions via the booking form.<\/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\" id=\"pitches_left\" value=\"0\">\n    <input type=\"hidden\" id=\"rv_arrival_date\" name=\"rv_arrival_date\" value=\"\">\n    <input type=\"hidden\" id=\"rv_departure_date\" name=\"rv_departure_date\" value=\"\">\n    <input type=\"hidden\" name=\"recaptcha_response\" id=\"recaptchaResponse\">\n    <input type=\"hidden\" id=\"security\" name=\"security\" value=\"ab333fc878\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/702\" \/>    <div class=\"mb-3 col col-12\">\n        <button id=\"submit\" 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_rv_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(\"#rv_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    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 pitch If you want to stay with your motorhome, you can book a parking space here More info &rarr; 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-702","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/pages\/702","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=702"}],"version-history":[{"count":9,"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/pages\/702\/revisions"}],"predecessor-version":[{"id":1138,"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/pages\/702\/revisions\/1138"}],"wp:attachment":[{"href":"https:\/\/mariefredsmarina.se\/en\/wp-json\/wp\/v2\/media?parent=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}