{"id":20,"date":"2025-07-05T09:58:51","date_gmt":"2025-07-05T09:58:51","guid":{"rendered":"https:\/\/jarvenperanravintola.fi\/?page_id=20"},"modified":"2026-03-13T08:04:45","modified_gmt":"2026-03-13T06:04:45","slug":"poytavaraus","status":"publish","type":"page","link":"https:\/\/jarvenperanravintola.fi\/en\/poytavaraus\/","title":{"rendered":"Table Reservation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6644d12 e-flex e-con-boxed e-con e-parent\" data-id=\"6644d12\" 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<div class=\"elementor-element elementor-element-2f46fc3 e-flex e-con-boxed e-con e-child\" data-id=\"2f46fc3\" 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-2f3694c e-con-full e-flex e-con e-child\" data-id=\"2f3694c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-98259f3 e-con-full e-flex e-con e-child\" data-id=\"98259f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-54569dc e-con-full e-flex e-con e-child\" data-id=\"54569dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fcc754b e-con-full e-flex e-con e-child\" data-id=\"fcc754b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19363ba elementor-widget elementor-widget-heading\" data-id=\"19363ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Varaukset<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9a423c elementor-widget elementor-widget-text-editor\" data-id=\"a9a423c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Tervetuloa nauttimaan hyv\u00e4st\u00e4 ruoasta ja rennosta tunnelmasta J\u00e4rvenper\u00e4n Ravintolaan! Suosittelemme tekem\u00e4\u00e4n p\u00f6yt\u00e4varauksen etuk\u00e4teen, erityisesti viikonloppuiltoihin ja isommille seurueille. Voit varata p\u00f6yd\u00e4n 1\u20138 hengelle helposti sivustoltamme l\u00f6ytyv\u00e4ll\u00e4 varauslomakkeella.<\/p><p>Suuremmat ryhm\u00e4t (yli 8 henkil\u00f6\u00e4) Otathan meihin yhteytt\u00e4 s\u00e4hk\u00f6postitse <strong><a href=\"mailto:info@jarvenperanravintola.fi\">info@jarvenperanravintola.fi<\/a><\/strong> tai puhelimitse <strong><a href=\"tel:+35894129310\">09 412 9310<\/a><\/strong>, niin suunnittelemme teille sopivan kokonaisuuden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-939dcce e-con-full e-flex e-con e-child\" data-id=\"939dcce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df8a552 elementor-widget elementor-widget-heading\" data-id=\"df8a552\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">T\u00e4rke\u00e4\u00e4 tietoa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a698d5a elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"a698d5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Pid\u00e4mme p\u00f6yt\u00e4\u00e4 varattuna 15 minuuttia varausajankohdasta<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"> Kattausaika on 2 tuntia 15 minuuttia, ellei toisin sovita<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ilmoitathan henkil\u00f6m\u00e4\u00e4r\u00e4n muutoksista viimeist\u00e4\u00e4n 6 tuntia ennen varauksen alkua<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ravintolan aukiollessa p\u00f6ydiss\u00e4 istuvat asiakkaat ovat etusijalla, puhelimeen vastataan mahdollisuuksien mukaan<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Viikonlopun varausmuutoksista tai muista akuuteista asioista toivomme yhteydenottoa puhelimitse <span style=\"white-space: nowrap\">09 412 9310<\/span><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0ba280 e-con-full e-flex e-con e-child\" data-id=\"f0ba280\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d94965d elementor-widget elementor-widget-heading\" data-id=\"d94965d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ryhm\u00e4t ja yksityistilaisuudet<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21eac81 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"21eac81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ryhm\u00e4tiedustelut alkavat 10 hengen seurueista. Yli 10 hengen ryhmilt\u00e4 tarvitsemme ennakkoon tilauksen ruuista. <br><br><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Kerrothan viestiss\u00e4si:<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">tilaisuuden luonteen<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">mahdollisen budjetin<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">kaikki toiveenne ruokien ja tarjoilujen suhteen<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">N\u00e4iden pohjalta laadimme teille menuehdotuksen.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4b5f80 e-con-full e-flex e-con e-child\" data-id=\"b4b5f80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-226aa87 elementor-widget elementor-widget-button\" data-id=\"226aa87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/jarvenperanravintola.fi\/yksityisyystilaisuudet\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Lue lis\u00e4\u00e4<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-254b4f6 e-con-full e-flex e-con e-child\" data-id=\"254b4f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-088c841 elementor-widget-mobile_extra__width-initial elementor-widget elementor-widget-image\" data-id=\"088c841\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet_extra&quot;,&quot;tablet&quot;],&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"539\" height=\"850\" src=\"https:\/\/jarvenperanravintola.fi\/wp-content\/uploads\/2025\/07\/group-of-friend-eating-pizza.jpg\" class=\"attachment-large size-large wp-image-6867\" alt=\"\" srcset=\"https:\/\/jarvenperanravintola.fi\/wp-content\/uploads\/2025\/07\/group-of-friend-eating-pizza.jpg 539w, https:\/\/jarvenperanravintola.fi\/wp-content\/uploads\/2025\/07\/group-of-friend-eating-pizza-190x300.jpg 190w, https:\/\/jarvenperanravintola.fi\/wp-content\/uploads\/2025\/07\/group-of-friend-eating-pizza-8x12.jpg 8w\" sizes=\"(max-width: 539px) 100vw, 539px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bb6000 e-flex e-con-boxed e-con e-parent\" data-id=\"4bb6000\" 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<div class=\"elementor-element elementor-element-2702868 e-con-full e-flex e-con e-child\" data-id=\"2702868\" 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-607dc41 elementor-widget elementor-widget-html\" data-id=\"607dc41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    \/* ======================================================\r\n       LANGUAGE FORM SWITCH\r\n    ====================================================== *\/\r\n\r\n    const formFI = document.getElementById(\"researvationform_fi\");\r\n    const formEN = document.getElementById(\"researvationform_en\");\r\n\r\n    const isEnglish = window.location.pathname.includes(\"\/en\");\r\n\r\n    if (isEnglish) {\r\n        if (formFI) formFI.style.display = \"none\";\r\n        if (formEN) formEN.style.display = \"block\";\r\n    } else {\r\n        if (formEN) formEN.style.display = \"none\";\r\n        if (formFI) formFI.style.display = \"block\";\r\n    }\r\n\r\n    \/* ======================================================\r\n       APPLY SCRIPT ONLY ON VISIBLE FORM\r\n    ====================================================== *\/\r\n\r\n    const activeForm = isEnglish ? formEN : formFI;\r\n    if (!activeForm) return;\r\n\r\n    \/* ======================================================\r\n       TIME SELECTOR\r\n    ====================================================== *\/\r\n\r\n    const openingHours = {\r\n    monday:    { start: \"10:00\", end: \"21:00\" },\r\n    tuesday:   { start: \"10:00\", end: \"21:00\" },\r\n    wednesday: { start: \"10:00\", end: \"21:00\" },\r\n    thursday:  { start: \"10:00\", end: \"21:00\" },\r\n    friday:    { start: \"10:00\", end: \"22:00\" },\r\n    saturday:  { start: \"11:00\", end: \"22:00\" },\r\n    sunday:    { start: \"11:00\", end: \"21:00\" },\r\n};\r\n\r\n    function getDayKey(date) {\r\n        const days = [\"sunday\",\"monday\",\"tuesday\",\"wednesday\",\"thursday\",\"friday\",\"saturday\"];\r\n        return days[new Date(date).getDay()];\r\n    }\r\n\r\n    function generateTimes(start, end) {\r\n        const slots = [];\r\n        let [sh, sm] = start.split(\":\").map(Number);\r\n        let [eh, em] = end.split(\":\").map(Number);\r\n        let cur = sh * 60 + sm;\r\n        const endMin = eh * 60 + em;\r\n\r\n        while (cur <= endMin) {\r\n            let h = String(Math.floor(cur \/ 60)).padStart(2,\"0\");\r\n            let m = String(cur % 60).padStart(2,\"0\");\r\n            slots.push(`${h}:${m}`);\r\n            cur += 15;\r\n        }\r\n        return slots;\r\n    }\r\n\r\n    const timeInput = activeForm.querySelector(\"#form-field-reservation_time\");\r\n    const dateInput = activeForm.querySelector(\"#form-field-date\");\r\n\r\n    if (timeInput && dateInput) {\r\n\r\n        timeInput.style.display = \"none\";\r\n\r\n        const timeWrapper = document.createElement(\"div\");\r\n        timeWrapper.style.display = \"flex\";\r\n        timeWrapper.style.gap = \"15px\";\r\n        timeWrapper.style.width = \"100%\";\r\n        timeWrapper.style.height = \"47px\";\r\n\r\n        const hourSelect = document.createElement(\"select\");\r\n        hourSelect.className = \"elementor-field elementor-size-sm\";\r\n        hourSelect.style.width = \"100%\";\r\n\r\n        const minuteSelect = document.createElement(\"select\");\r\n        minuteSelect.className = \"elementor-field elementor-size-sm\";\r\n        minuteSelect.style.width = \"100%\";\r\n\r\n        timeInput.parentNode.insertBefore(timeWrapper, timeInput);\r\n        timeWrapper.appendChild(hourSelect);\r\n        timeWrapper.appendChild(minuteSelect);\r\n\r\n        function updateHiddenTime() {\r\n            timeInput.value = `${hourSelect.value}:${minuteSelect.value}`;\r\n        }\r\n\r\n        function updateTimeDropdowns() {\r\n            let selectedDate = dateInput.value || new Date().toISOString().split(\"T\")[0];\r\n            dateInput.value = selectedDate;\r\n\r\n            let schedule = openingHours[getDayKey(selectedDate)];\r\n            if (!schedule) return;\r\n\r\n            const slots = generateTimes(schedule.start, schedule.end);\r\n\r\n            hourSelect.innerHTML = \"\";\r\n            minuteSelect.innerHTML = \"\";\r\n\r\n            const hours = [...new Set(slots.map(t => t.split(\":\")[0]))];\r\n            hours.forEach(h => {\r\n                hourSelect.innerHTML += `<option value=\"${h}\">${h}<\/option>`;\r\n            });\r\n\r\n            [\"00\", \"15\", \"30\", \"45\"].forEach(m => {\r\n                minuteSelect.innerHTML += `<option value=\"${m}\">${m}<\/option>`;\r\n            });\r\n\r\n            updateHiddenTime();\r\n        }\r\n\r\n        hourSelect.addEventListener(\"change\", updateHiddenTime);\r\n        minuteSelect.addEventListener(\"change\", updateHiddenTime);\r\n        dateInput.addEventListener(\"change\", updateTimeDropdowns);\r\n\r\n        updateTimeDropdowns();\r\n    }\r\n\r\n    \/* ======================================================\r\n       GUEST SLIDER\r\n    ====================================================== *\/\r\n\r\n    const radios = activeForm.querySelectorAll(\"input[name='form_fields[reservation_guests]']\");\r\n    if (radios.length > 0) {\r\n\r\n        const group = radios[0].closest(\".elementor-field-group\");\r\n\r\n        if (!group.dataset.sliderInitialized) {\r\n            group.dataset.sliderInitialized = \"true\";\r\n\r\n            radios[0].closest(\".elementor-field-subgroup\").style.display = \"none\";\r\n\r\n            const sliderBox = document.createElement(\"div\");\r\n            sliderBox.style.position = \"relative\";\r\n            sliderBox.style.padding = \"20px\";\r\n            sliderBox.style.margin = \"30px 0\";\r\n            sliderBox.style.width = \"100%\";\r\n            sliderBox.style.background = \"#f8f9fa\";\r\n            sliderBox.style.border = \"1px solid #e9ecef\";\r\n            sliderBox.style.borderRadius = \"8px\";\r\n\r\n            const tooltipRow = document.createElement(\"div\");\r\n            tooltipRow.style.display = \"flex\";\r\n            tooltipRow.style.justifyContent = \"space-between\";\r\n            tooltipRow.style.marginBottom = \"10px\";\r\n\r\n            const slider = document.createElement(\"input\");\r\n            slider.type = \"range\";\r\n            slider.min = 1;\r\n            slider.max = radios.length;\r\n            slider.step = 1;\r\n            slider.value = 1;\r\n            slider.style.width = \"100%\";\r\n\r\n            const tooltips = [];\r\n\r\n            radios.forEach((radio, index) => {\r\n                const bubble = document.createElement(\"div\");\r\n                bubble.textContent = radio.value;\r\n                bubble.style.cssText =\r\n                    \"width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;transition:0.25s;background:#ddd;\";\r\n\r\n                bubble.addEventListener(\"click\", () => {\r\n                    slider.value = index + 1;\r\n                    updateSlider();\r\n                });\r\n\r\n                tooltips.push(bubble);\r\n                tooltipRow.appendChild(bubble);\r\n            });\r\n\r\n            sliderBox.appendChild(tooltipRow);\r\n            sliderBox.appendChild(slider);\r\n            group.appendChild(sliderBox);\r\n\r\n            function updateSlider() {\r\n                let index = parseInt(slider.value) - 1;\r\n\r\n                tooltips.forEach((item, i) => {\r\n                    if (i === index) {\r\n                        item.style.background = \"#007CBA\";\r\n                        item.style.color = \"#fff\";\r\n                        item.style.transform = \"scale(1.15)\";\r\n                    } else {\r\n                        item.style.background = \"#ddd\";\r\n                        item.style.color = \"#000\";\r\n                        item.style.transform = \"scale(1)\";\r\n                    }\r\n                });\r\n\r\n                radios[index].checked = true;\r\n            }\r\n\r\n            slider.addEventListener(\"input\", updateSlider);\r\n            updateSlider();\r\n        }\r\n    }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb2a83 elementor-widget elementor-widget-heading\" data-id=\"5cb2a83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Varaa p\u00f6yt\u00e4\n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89bd4ad e-con-full e-flex e-con e-child\" data-id=\"89bd4ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5710d3 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"a5710d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;none&quot;,&quot;step_icon_shape&quot;:&quot;none&quot;,&quot;button_width&quot;:&quot;100&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"researvationform_fi\" name=\"Varaa p\u00f6yt\u00e4\" aria-label=\"Varaa p\u00f6yt\u00e4\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"20\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"a5710d3\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-date elementor-field-group elementor-column elementor-field-group-date elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-date\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tP\u00e4iv\u00e4 <br>Toivottu p\u00e4iv\u00e4\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\n\t\t<input type=\"date\" name=\"form_fields[date]\" id=\"form-field-date\" class=\"elementor-field elementor-size-md  elementor-field-textual elementor-date-field elementor-use-native\" placeholder=\"Date\" required=\"required\" pattern=\"[0-9]{4}-[0-9]{2}-[0-9]{2}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-time elementor-field-group elementor-column elementor-field-group-reservation_time elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_time\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAika  <br>Toivottu aika\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"time\" name=\"form_fields[reservation_time]\" id=\"form-field-reservation_time\" class=\"elementor-field elementor-size-md  elementor-field-textual elementor-time-field elementor-use-native\" required=\"required\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-reservation_guests elementor-col-100 elementor-field-required\">\n\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"1\" id=\"form-field-reservation_guests-0\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-0\">1<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"2\" id=\"form-field-reservation_guests-1\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-1\">2<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"3\" id=\"form-field-reservation_guests-2\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-2\">3<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"4\" id=\"form-field-reservation_guests-3\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-3\">4<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"5\" id=\"form-field-reservation_guests-4\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-4\">5<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"6\" id=\"form-field-reservation_guests-5\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-5\">6<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"7\" id=\"form-field-reservation_guests-6\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-6\">7<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"8+\" id=\"form-field-reservation_guests-7\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-7\">8+<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_fef9f32 elementor-col-100\">\n\t\t\t\t\t<p class=\"Yhteystiedot\";>Yhteystiedot<\/p >\n\n<style>.Yhteystiedot {\n    text-align: center;\nmargin: 15px;\n}<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-reservation_nimi elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_nimi\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNimi\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[reservation_nimi]\" id=\"form-field-reservation_nimi\" class=\"elementor-field elementor-size-md  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-reservation_puhelin elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_puhelin\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPuhelin\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[reservation_puhelin]\" id=\"form-field-reservation_puhelin\" class=\"elementor-field elementor-size-md  elementor-field-textual\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-reservation_email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tS\u00e4hk\u00f6posti\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[reservation_email]\" id=\"form-field-reservation_email\" class=\"elementor-field elementor-size-md  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-reservation_viesti elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_viesti\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tViesti\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-md\" name=\"form_fields[reservation_viesti]\" id=\"form-field-reservation_viesti\" rows=\"4\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VAHVISTA VARAUS<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b09a07 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"5b09a07\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;none&quot;,&quot;step_icon_shape&quot;:&quot;none&quot;,&quot;button_width&quot;:&quot;100&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"researvationform_en\" name=\"Varaa p\u00f6yt\u00e4\" aria-label=\"Varaa p\u00f6yt\u00e4\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"20\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"5b09a07\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-date elementor-field-group elementor-column elementor-field-group-date elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-date\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDate <br>Desire date\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\n\t\t<input type=\"date\" name=\"form_fields[date]\" id=\"form-field-date\" class=\"elementor-field elementor-size-md  elementor-field-textual elementor-date-field elementor-use-native\" placeholder=\"Date\" required=\"required\" pattern=\"[0-9]{4}-[0-9]{2}-[0-9]{2}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-time elementor-field-group elementor-column elementor-field-group-reservation_time elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_time\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTime <br>Desire time\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"time\" name=\"form_fields[reservation_time]\" id=\"form-field-reservation_time\" class=\"elementor-field elementor-size-md  elementor-field-textual elementor-time-field elementor-use-native\" required=\"required\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-reservation_guests elementor-col-100 elementor-field-required\">\n\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"1\" id=\"form-field-reservation_guests-0\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-0\">1<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"2\" id=\"form-field-reservation_guests-1\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-1\">2<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"3\" id=\"form-field-reservation_guests-2\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-2\">3<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"4\" id=\"form-field-reservation_guests-3\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-3\">4<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"5\" id=\"form-field-reservation_guests-4\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-4\">5<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"6\" id=\"form-field-reservation_guests-5\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-5\">6<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"7\" id=\"form-field-reservation_guests-6\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-6\">7<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"8+\" id=\"form-field-reservation_guests-7\" name=\"form_fields[reservation_guests]\" required=\"required\"> <label for=\"form-field-reservation_guests-7\">8+<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_fef9f32 elementor-col-100\">\n\t\t\t\t\t<p class=\"Yhteystiedot\";>Contact Information<\/p >\n\n<style>.Yhteystiedot {\n    text-align: center;\nmargin: 15px;\n}<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-reservation_nimi elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_nimi\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[reservation_nimi]\" id=\"form-field-reservation_nimi\" class=\"elementor-field elementor-size-md  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-reservation_puhelin elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_puhelin\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[reservation_puhelin]\" id=\"form-field-reservation_puhelin\" class=\"elementor-field elementor-size-md  elementor-field-textual\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-reservation_email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[reservation_email]\" id=\"form-field-reservation_email\" class=\"elementor-field elementor-size-md  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-reservation_viesti elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-reservation_viesti\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-md\" name=\"form_fields[reservation_viesti]\" id=\"form-field-reservation_viesti\" rows=\"4\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CONFIRM RESERVATION<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\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>Varaukset Tervetuloa nauttimaan hyv\u00e4st\u00e4 ruoasta ja rennosta tunnelmasta J\u00e4rvenper\u00e4n Ravintolaan! Suosittelemme tekem\u00e4\u00e4n p\u00f6yt\u00e4varauksen etuk\u00e4teen, erityisesti viikonloppuiltoihin ja isommille seurueille. Voit varata p\u00f6yd\u00e4n 1\u20138 hengelle helposti sivustoltamme l\u00f6ytyv\u00e4ll\u00e4 varauslomakkeella. Suuremmat ryhm\u00e4t (yli 8 henkil\u00f6\u00e4) Otathan meihin yhteytt\u00e4 s\u00e4hk\u00f6postitse info@jarvenperanravintola.fi tai puhelimitse 09 412 9310, niin suunnittelemme teille sopivan kokonaisuuden. T\u00e4rke\u00e4\u00e4 tietoa Pid\u00e4mme p\u00f6yt\u00e4\u00e4 varattuna 15 minuuttia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jarvenperanravintola.fi\/en\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jarvenperanravintola.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jarvenperanravintola.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jarvenperanravintola.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jarvenperanravintola.fi\/en\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":0,"href":"https:\/\/jarvenperanravintola.fi\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"wp:attachment":[{"href":"https:\/\/jarvenperanravintola.fi\/en\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}