{"id":761,"date":"2018-07-11T16:00:41","date_gmt":"2018-07-11T14:00:41","guid":{"rendered":"https:\/\/www.vracko.si\/zimmer\/zimmeranfrage\/"},"modified":"2025-09-17T11:34:51","modified_gmt":"2025-09-17T09:34:51","slug":"zimmeranfrage","status":"publish","type":"page","link":"https:\/\/www.vracko.si\/de\/gasthaus\/zimmer\/zimmeranfrage\/","title":{"rendered":"Zimmeranfrage"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-rbpqv-59ed8630bed10e386e076bd90c235a87\">\n.avia-section.av-rbpqv-59ed8630bed10e386e076bd90c235a87 .av-parallax .av-parallax-inner{\nbackground-repeat:no-repeat;\nbackground-image:url(https:\/\/www.vracko.si\/wp-content\/uploads\/2019\/09\/MLOZAR_G_VRACKO_SOBA_2019_DSC_0815-1.jpg);\nbackground-position:50% 50%;\nbackground-attachment:scroll;\n}\n<\/style>\n<div id='av_section_1'  class='avia-section av-rbpqv-59ed8630bed10e386e076bd90c235a87 main_color avia-section-large avia-no-border-styling  avia-builder-el-0  el_before_av_section  avia-builder-el-first  av-parallax-section avia-bg-style-parallax av-minimum-height av-minimum-height-custom av-height-custom  container_wrap sidebar_right'  data-section-bg-repeat='no-repeat' data-av_minimum_height_px='240'><div class='av-parallax' data-avia-parallax-ratio='0.3' ><div class='av-parallax-inner main_color avia-full-stretch'><\/div><\/div><div class='container av-section-cont-open' style='height:240px'><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-761'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-lbg93-9adc0bdbd6129198aa9760326c8b85c2\">\n#top .av-special-heading.av-lbg93-9adc0bdbd6129198aa9760326c8b85c2{\npadding-bottom:10px;\ncolor:#ffffff;\nfont-size:42px;\n}\nbody .av-special-heading.av-lbg93-9adc0bdbd6129198aa9760326c8b85c2 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-lbg93-9adc0bdbd6129198aa9760326c8b85c2 .av-special-heading-tag{\nfont-size:42px;\n}\n.av-special-heading.av-lbg93-9adc0bdbd6129198aa9760326c8b85c2 .special-heading-inner-border{\nborder-color:#ffffff;\n}\n.av-special-heading.av-lbg93-9adc0bdbd6129198aa9760326c8b85c2 .av-subheading{\nfont-size:20px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-lbg93-9adc0bdbd6129198aa9760326c8b85c2 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-lbg93-9adc0bdbd6129198aa9760326c8b85c2 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-lbg93-9adc0bdbd6129198aa9760326c8b85c2 av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-1  avia-builder-el-no-sibling  av-thin-font av-inherit-size'><h1 class='av-special-heading-tag '  itemprop=\"headline\"  ><strong>ZIMMERANFRAGE<\/strong><\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<\/div><\/div><\/main><!-- close content main element --><\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-h4uyf-a149ad8587572cad10aabc81267d672d\">\n.avia-section.av-h4uyf-a149ad8587572cad10aabc81267d672d .av-section-color-overlay{\nopacity:0.1;\nbackground-image:url(https:\/\/www.vracko.si\/wp-content\/uploads\/2018\/05\/VR_NASTANITEV_M_LOZAR_VRACKO_WWW_DSC_4303-1500x1000.jpg);\nbackground-repeat:repeat;\n}\n<\/style>\n<div id='av_section_2'  class='avia-section av-h4uyf-a149ad8587572cad10aabc81267d672d main_color avia-section-default avia-no-shadow  avia-builder-el-2  el_after_av_section  avia-builder-el-last  avia-bg-style-scroll av-section-color-overlay-active container_wrap sidebar_right'  ><div class=\"av-section-color-overlay-wrap\"><div class=\"av-section-color-overlay\"><\/div><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-761'><div class='entry-content-wrapper clearfix'>\n<section  class='av_textblock_section av-7omhz-18c6d51bac8b08bf8e0bb2bb1661a0b8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" >    \n    \n<form id=\"room-reservation-form\" method=\"post\" class=\"avia_ajax_form av-form-labels-above avia-builder-el-1 avia-builder-el-no-sibling\"\n    action=\"https:\/\/www.vracko.si\/wp-admin\/admin-post.php\">\n    <input type=\"hidden\" id=\"my_room_nonce\" name=\"my_room_nonce\" value=\"1cd06281f2\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/de\/wp-json\/wp\/v2\/pages\/761\" \/>    \n    <input type=\"hidden\" name=\"action\" value=\"handle_room_reservation\">\n    <input type=\"hidden\" name=\"lang\" value=\"de\">\n    \n    <div class=\"form-progress\">\n        <div class=\"progress-step active\" data-step=\"1\">1. Anfragedaten<\/div>\n        <div class=\"progress-step\" data-step=\"2\">2. Pers\u00f6nliche Daten<\/div>\n    <\/div>\n    \n    <!-- Step 1 -->\n    <div class=\"form-step step-1 form-card\">\n        <h3>Anfragedaten<\/h3>\n        <div style=\"width: 100%; text-align: right;\"><small><span style=\"font-size: 1.25rem\">*<\/span>Pflichtfelder<\/small><\/div>\n        <div class=\"form-row grid grid-cols-2\">\n            <p class=\"form-field\">\n                <label for=\"arrival_date\">Anreise  <span class=\"required\">*<\/span><\/label>\n                <input type=\"date\" name=\"arrival_date\" id=\"arrival_date\" placeholder=\"Anreise \" required\n                    value=\"2026-04-25\">\n            <\/p>\n            <p class=\"form-field\">\n                <label for=\"departure_date\">Abreise<span class=\"required\">*<\/span><\/label>\n                <input type=\"date\" name=\"departure_date\" id=\"departure_date\" placeholder=\"Abreise\" required\n                value=\"2026-04-26\">\n            <\/p>\n        <\/div>\n        <div class=\"form-row grid grid-cols-2\">\n            <p class=\"form-field half-width\">\n                <label for=\"persons\">Personen<span class=\"required\">*<\/span><\/label>\n                <input type=\"number\" name=\"persons\" placeholder=\"Personen\" min=\"1\" required>\n            <\/p>\n        <\/div>\n        \n        <div class=\"form-field room-checkboxes\" style=\"margin-top: 1.25rem; margin-bottom: 1.25rem\">\n            <h3>Zimmerauswahl<span class=\"required\">*<\/span><\/h3>\n            \n            \n                            <label class=\"room-option\">\n                    <input type=\"checkbox\" name=\"rooms[]\" value=\"Doppelbettzimmer\" >\n                    <span>Doppelbettzimmer<\/span>\n                <\/label>\n                            <label class=\"room-option\">\n                    <input type=\"checkbox\" name=\"rooms[]\" value=\"Superior Zimmer\" >\n                    <span>Superior Zimmer<\/span>\n                <\/label>\n                            <label class=\"room-option\">\n                    <input type=\"checkbox\" name=\"rooms[]\" value=\"Grand Superior Zimmer\" >\n                    <span>Grand Superior Zimmer<\/span>\n                <\/label>\n                            <label class=\"room-option\">\n                    <input type=\"checkbox\" name=\"rooms[]\" value=\"Superior-Zimmer mit Balkon\" >\n                    <span>Superior-Zimmer mit Balkon<\/span>\n                <\/label>\n                            <label class=\"room-option\">\n                    <input type=\"checkbox\" name=\"rooms[]\" value=\"Suite mit Balkon\" >\n                    <span>Suite mit Balkon<\/span>\n                <\/label>\n                    <\/div>\n        <hr \/>\n        <div class=\"form-warning\" style=\"display:none; color:#f66; margin:10px 0;\"><\/div>\n        <div style=\"margin-top:20px\">\n            <button type=\"button\" class=\"button avia-button avia-color-theme next-step\">Weiter &#8594;<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Step 2 -->\n    <div class=\"form-step step-2 form-card\" style=\"display:none;\">\n        <h3>Pers\u00f6nliche Daten<\/h3>\n        <div style=\"width: 100%; text-align: right;\"><small><span style=\"font-size: 1.25rem\">*<\/span>Pflichtfelder<\/small><\/div>\n        <p class=\"form-field\">\n            <label for=\"full_name\">Name<span class=\"required\">*<\/span><\/label>\n            <input type=\"text\" name=\"full_name\" id=\"full_name\">\n        <\/p>\n        <p class=\"form-field\">\n            <label for=\"phone\">Telefon<span class=\"required\">*<\/span><\/label>\n            <input type=\"tel\" name=\"phone\" id=\"phone\">\n        <\/p>\n        <p class=\"form-field\">\n            <label for=\"email\">Email<span class=\"required\">*<\/span><\/label>\n            <input type=\"email\" name=\"email\" id=\"email\">\n        <\/p>\n        <p class=\"form-field\">\n            <label for=\"message\">Nachricht<\/label>\n            <textarea name=\"message\" id=\"message\"><\/textarea>\n        <\/p>\n        <p>\n            <label>\n                <input type=\"checkbox\" name=\"terms\" value=\"1\">\n                Ich stimme der Speicherung und Verarbeitung personenbezogener Daten zum Zweck der grundlegenden gesch\u00e4ftlichen Kommunikation gem\u00e4\u00df der Datenschutzerkl\u00e4rung zu            <\/label>\n        <\/p>\n        <hr \/>\n        <div class=\"form-warning\" style=\"display:none; color:#f66; margin:10px 0;\"><\/div>\n        <button type=\"button\" class=\"button avia-button prev-step\">Zur\u00fcck<\/button>\n        <button type=\"submit\" class=\"button avia-button avia-color-green\" name=\"submit_room_reservation\">Anfrage senden<\/button>\n    <\/div>\n<\/form>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    let current = 0;\n    const steps = document.querySelectorAll(\"#room-reservation-form .form-step\");\n    const progressSteps = document.querySelectorAll(\".form-progress .progress-step\");\n    const form = document.getElementById(\"room-reservation-form\");\n\n    const today = new Date().toISOString().split(\"T\")[0];\n    const arrivalInput = document.getElementById(\"arrival_date\");\n    const departureInput = document.getElementById(\"departure_date\");\n    arrivalInput.setAttribute(\"min\", today);\n    departureInput.setAttribute(\"min\", today);\n\n    arrivalInput.addEventListener(\"change\", () => {\n        departureInput.setAttribute(\"min\", arrivalInput.value);\n        if (departureInput.value < arrivalInput.value) departureInput.value = arrivalInput.value;\n    });\n\n    function updateProgress() {\n        progressSteps.forEach((step, index) => {\n            step.classList.toggle(\"active\", index === current);\n        });\n    }\n\n    document.querySelector(\"#room-reservation-form .next-step\").addEventListener(\"click\", () => {\n        if (current === 0 && validateStep1()) {\n            steps[current].style.display = \"none\";\n            steps[++current].style.display = \"block\";\n            updateProgress();\n        }\n    });\n\n    document.querySelector(\"#room-reservation-form .prev-step\").addEventListener(\"click\", () => {\n        steps[current].style.display = \"none\";\n        steps[--current].style.display = \"block\";\n        updateProgress();\n    });\n\n    function validateStep1() {\n        const arrival = arrivalInput.value.trim();\n        const departure = departureInput.value.trim();\n        const persons = document.querySelector('input[name=\"persons\"]').value.trim();\n        const warningDiv = steps[0].querySelector(\".form-warning\");\n        let messages = [];\n    \n        const todayDate = new Date(today);\n    \n        if (!arrival) messages.push(\"Prosimo vnesite datum prihoda.\");\n        else if (new Date(arrival) < todayDate) messages.push(\"Datum prihoda ne sme biti v preteklosti.\");\n    \n        if (!departure) messages.push(\"Prosimo vnesite datum odhoda.\");\n        else if (new Date(departure) < todayDate) messages.push(\"Datum odhoda ne sme biti v preteklosti.\");\n    \n        const personsNum = parseInt(persons, 10);\n        if (!persons || isNaN(personsNum) || personsNum < 1) messages.push(\"Prosimo vnesite \u0161tevilo oseb.\");\n    \n        const checkedRooms = document.querySelectorAll('input[name=\"rooms[]\"]:checked');\n        if (checkedRooms.length === 0) messages.push(\"Prosimo izberite vsaj eno sobo.\");\n    \n        if (messages.length > 0) {\n            warningDiv.innerHTML = messages.join(\"<br>\");\n            warningDiv.style.display = \"block\";\n            return false;\n        } else {\n            warningDiv.style.display = \"none\";\n            return true;\n        }\n    }\n    \n    function validateStep2() {\n        const fullName = document.querySelector('input[name=\"full_name\"]').value.trim();\n        const phone = document.querySelector('input[name=\"phone\"]').value.trim();\n        const email = document.querySelector('input[name=\"email\"]').value.trim();\n        const terms = document.querySelector('input[name=\"terms\"]').checked;\n        const warningDiv = steps[1].querySelector(\".form-warning\");\n        let messages = [];\n    \n        if (!fullName) messages.push(\"Prosimo vnesite ime in priimek.\");\n        if (!phone) messages.push(\"Prosimo vnesite telefon.\");\n        if (!email) messages.push(\"Prosimo vnesite email.\");\n        if (!terms) messages.push(\"Prosimo strinjajte se s pogoji.\");\n    \n        if (messages.length > 0) {\n            warningDiv.innerHTML = messages.join(\"<br>\");\n            warningDiv.style.display = \"block\";\n            return false;\n        } else {\n            warningDiv.style.display = \"none\";\n            return true;\n        }\n    }\n    \n    form.addEventListener(\"submit\", function(e) {\n        if (!validateStep2()) e.preventDefault();\n    });\n});\n<\/script>\n\n\n<\/div><\/section>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><\/div><div id='after_section_2'  class='main_color av_default_container_wrap container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-761'><div class='entry-content-wrapper clearfix'>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":736,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-761","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Zimmeranfrage - Vra\u010dko<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zimmeranfrage - Vra\u010dko\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/\" \/>\n<meta property=\"og:site_name\" content=\"Vra\u010dko\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T09:34:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/\",\"url\":\"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/\",\"name\":\"Zimmeranfrage - Vra\u010dko\",\"isPartOf\":{\"@id\":\"https:\/\/www.vracko.si\/#website\"},\"datePublished\":\"2018-07-11T14:00:41+00:00\",\"dateModified\":\"2025-09-17T09:34:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vracko.si\/gostisce-vracko\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gasthaus\",\"item\":\"https:\/\/www.vracko.si\/de\/gasthaus\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zimmer\",\"item\":\"https:\/\/www.vracko.si\/de\/gasthaus\/zimmer\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Zimmeranfrage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vracko.si\/#website\",\"url\":\"https:\/\/www.vracko.si\/\",\"name\":\"Vra\u010dko\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vracko.si\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Zimmeranfrage - Vra\u010dko","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/","og_locale":"de_DE","og_type":"article","og_title":"Zimmeranfrage - Vra\u010dko","og_url":"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/","og_site_name":"Vra\u010dko","article_modified_time":"2025-09-17T09:34:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/","url":"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/","name":"Zimmeranfrage - Vra\u010dko","isPartOf":{"@id":"https:\/\/www.vracko.si\/#website"},"datePublished":"2018-07-11T14:00:41+00:00","dateModified":"2025-09-17T09:34:51+00:00","breadcrumb":{"@id":"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vracko.si\/gostisce\/nastanitev\/rezervacija-sobe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vracko.si\/gostisce-vracko\/"},{"@type":"ListItem","position":2,"name":"Gasthaus","item":"https:\/\/www.vracko.si\/de\/gasthaus\/"},{"@type":"ListItem","position":3,"name":"Zimmer","item":"https:\/\/www.vracko.si\/de\/gasthaus\/zimmer\/"},{"@type":"ListItem","position":4,"name":"Zimmeranfrage"}]},{"@type":"WebSite","@id":"https:\/\/www.vracko.si\/#website","url":"https:\/\/www.vracko.si\/","name":"Vra\u010dko","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vracko.si\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/pages\/761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/comments?post=761"}],"version-history":[{"count":3,"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/pages\/761\/revisions"}],"predecessor-version":[{"id":6287,"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/pages\/761\/revisions\/6287"}],"up":[{"embeddable":true,"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/pages\/736"}],"wp:attachment":[{"href":"https:\/\/www.vracko.si\/de\/wp-json\/wp\/v2\/media?parent=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}