{"id":35,"date":"2026-04-14T10:48:01","date_gmt":"2026-04-14T08:48:01","guid":{"rendered":"https:\/\/rezervace.wia.cz\/?page_id=35"},"modified":"2026-04-14T12:53:36","modified_gmt":"2026-04-14T10:53:36","slug":"domov","status":"publish","type":"page","link":"https:\/\/rezervace.wia.cz\/","title":{"rendered":"Rezervace"},"content":{"rendered":"\n    \n    <section class=\"u-clearfix u-section-2\" id=\"block-1\">\n      <div class=\"u-clearfix u-sheet u-valign-top-xl u-sheet-1\">\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\"><!-- WIA Rezerva\u010dn\u00ed formul\u00e1\u0159 v8 -->\n          <style> .wia-rez { max-width: 480px; margin: 0 auto; font-family: Arial, sans-serif; color: #1a1a1a; }\n.wia-logo { display: block; margin: 0 auto 24px; max-width: 180px; height: auto; }\n.wia-nadpis { text-align: center; font-size: 18px; font-weight: 600; color: #457c1f; margin: 0 0 24px; }\n.wia-rez label { display: block; font-size: 13px; color: #555; margin-bottom: 4px; }\n.wia-rez input, .wia-rez textarea {\n  width: 100%; padding: 10px 12px; margin-bottom: 14px;\n  border: 1px solid #ddd; border-radius: 6px;\n  font-size: 15px; box-sizing: border-box; outline: none;\n  transition: border-color .2s;\n}\n.wia-rez input:focus, .wia-rez textarea:focus { border-color: #457c1f; }\n.wia-datum-row { display: flex; gap: 8px; margin-bottom: 14px; }\n.wia-datum-row input { margin-bottom: 0; flex: 1; }\n.wia-datum-btn {\n  padding: 10px 14px; background: #457c1f; color: #fff;\n  border: none; border-radius: 6px; font-size: 13px;\n  cursor: pointer; white-space: nowrap; flex-shrink: 0;\n}\n.wia-datum-btn:hover { background: #2e5414; }\n#wia-sloty { margin: 4px 0 16px; min-height: 44px; }\n.wia-slot-btn {\n  padding: 8px 14px; margin: 3px;\n  border: 1px solid #c0dd97; border-radius: 6px;\n  cursor: pointer; background: #fff; font-size: 13px;\n  transition: all .15s;\n}\n.wia-slot-btn:hover { background: #eaf3de; border-color: #457c1f; }\n.wia-slot-btn.vybrano { background: #457c1f; color: #fff; border-color: #457c1f; }\n.wia-skeleton {\n  display: inline-block; width: 70px; height: 34px;\n  background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);\n  background-size: 200% 100%;\n  animation: wia-shimmer 1.2s infinite;\n  border-radius: 6px; margin: 3px;\n}\n@keyframes wia-shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }\n#wia-btn-odeslat {\n  width: 100%; padding: 13px;\n  background: #457c1f; color: #fff;\n  border: none; border-radius: 8px;\n  font-size: 15px; font-weight: 600;\n  cursor: pointer; margin-top: 4px;\n  transition: background .2s;\n}\n#wia-btn-odeslat:hover { background: #2e5414; }\n#wia-btn-odeslat:disabled { opacity: 0.55; cursor: not-allowed; }\n.wia-msg-error { background: #fef2f2; color: #991b1b; padding: 10px 14px; border-radius: 6px; font-size: 13px; margin-bottom: 8px; }\n.wia-uspech { background: #eaf3de; color: #2e5414; padding: 32px 24px; border-radius: 10px; text-align: center; font-size: 17px; line-height: 1.9; } <\/style>\n          <div class=\"wia-rez\" id=\"wia-obal\">\n            <div id=\"wia-formular\">\n              <img decoding=\"async\" src=\"http:\/\/jaja.pink\/wp-content\/uploads\/Logo-3.png\" alt=\"WIA logo\" class=\"wia-logo\">\n              <p class=\"wia-nadpis\">Rezervace term\u00ednu<\/p>\n              <div id=\"wia-stav\"><\/div>\n              <label>Jm\u00e9no a p\u0159\u00edjmen\u00ed *<\/label>\n              <input type=\"text\" id=\"wia-jmeno\" placeholder=\"Jan Nov\u00e1k\" autocomplete=\"name\">\n              <label>Adresa *<\/label>\n              <input type=\"text\" id=\"wia-adresa\" placeholder=\"Ulice 123, Cheb\" autocomplete=\"street-address\">\n              <label>Telefon *<\/label>\n              <input type=\"tel\" id=\"wia-telefon\" placeholder=\"+420 111 111 111\" autocomplete=\"tel\" maxlength=\"16\">\n              <label>E-mail *<\/label>\n              <input type=\"email\" id=\"wia-email\" placeholder=\"jan@email.cz\" autocomplete=\"email\">\n              <label>Vyberte den *<\/label>\n              <div class=\"wia-datum-row\">\n                <input type=\"date\" id=\"wia-datum\">\n                <button type=\"button\" class=\"wia-datum-btn\" id=\"wia-zobrazit-btn\">Zobrazit term\u00edny<\/button>\n              <\/div>\n              <label>Voln\u00e9 term\u00edny<\/label>\n              <div id=\"wia-sloty\"><span style=\"font-size:13px;color:#888\">Vyberte datum a klikn\u011bte na Zobrazit term\u00edny.<\/span>\n              <\/div>\n              <label>Pozn\u00e1mka (nepovinn\u00e9)<\/label>\n              <textarea id=\"wia-poznamka\" rows=\"3\" placeholder=\"Cokoli, co n\u00e1m chcete sd\u011blit...\"><\/textarea>\n              <button type=\"button\" id=\"wia-btn-odeslat\" disabled=\"\">Vyberte term\u00edn<\/button>\n            <\/div>\n          <\/div>\n          <script type=\"text\/javascript\"> (function() {\n  var API = \"https:\/\/script.google.com\/macros\/s\/AKfycbwEQN4ohfPlZS0nRmepirp7RZjpRexSlNPR0MyreswW3xHmh6UHyZeKPSZHgpmrP3LF\/exec\";\n  var aktualniDatum = \"\";\n  var vybranyCas = null;\n  function formatDatum(d) {\n    if (!d) return d;\n    var p = d.split(\"-\");\n    if (p.length !== 3) return d;\n    var den = p[2].length === 1 ? \"0\" + p[2] : p[2];\n    var mes = p[1].length === 1 ? \"0\" + p[1] : p[1];\n    return den + \".\" + mes + \".\" + p[0];\n  }\n  function init() {\n    var telInput = document.getElementById(\"wia-telefon\");\n    if (telInput) {\n      telInput.addEventListener(\"input\", function() {\n        var digits = this.value.replace(\/[^0-9]\/g, \"\");\n        if (!digits) { this.value = \"\"; return; }\n        if (digits.startsWith(\"0\")) digits = \"420\" + digits.slice(1);\n        else if (!digits.startsWith(\"420\")) digits = \"420\" + digits;\n        digits = digits.slice(0, 12);\n        var out = \"+\" + digits.slice(0, 3);\n        if (digits.length > 3) out += \" \" + digits.slice(3, 6);\n        if (digits.length > 6) out += \" \" + digits.slice(6, 9);\n        if (digits.length > 9) out += \" \" + digits.slice(9, 12);\n        this.value = out;\n      });\n    }\n    document.getElementById(\"wia-zobrazit-btn\").addEventListener(\"click\", function() {\n      nactiTerminy(document.getElementById(\"wia-datum\").value);\n    });\n    document.getElementById(\"wia-datum\").addEventListener(\"change\", function() {\n      if (this.value) nactiTerminy(this.value);\n    });\n    document.getElementById(\"wia-btn-odeslat\").addEventListener(\"click\", odeslat);\n  }\n  function nactiTerminy(datum) {\n    if (!datum) {\n      document.getElementById(\"wia-stav\").innerHTML =\n        '<div class=\"wia-msg-error\">Vyberte nejprve datum.<\/div>';\n      return;\n    }\n    aktualniDatum = datum;\n    vybranyCas = null;\n    aktualizeBtn();\n    skryjZpravu();\n    var sloty = document.getElementById(\"wia-sloty\");\n    sloty.innerHTML = \"\";\n    for (var i = 0; i < 8; i++) sloty.innerHTML += '<span class=\"wia-skeleton\"><\/span>';\n    fetch(API + \"?action=getSlots&datum=\" + encodeURIComponent(datum) + \"&nc=\" + Date.now())\n      .then(function(res) { return res.text(); })\n      .then(function(text) {\n        var data = JSON.parse(text);\n        zobrazSloty(data.sloty || []);\n      })\n      .catch(function(err) {\n        document.getElementById(\"wia-stav\").innerHTML =\n          '<div class=\"wia-msg-error\">Chyba na\u010d\u00edt\u00e1n\u00ed: ' + err.message + '<\/div>';\n        document.getElementById(\"wia-sloty\").innerHTML = \"\";\n      });\n  }\n  function zobrazSloty(volne) {\n    var k = document.getElementById(\"wia-sloty\");\n    k.innerHTML = \"\";\n    if (!volne.length) {\n      k.innerHTML = '<p style=\"font-size:13px;color:#888;margin:4px 0\">Na tento den nejsou voln\u00e9 term\u00edny.<\/p>';\n      return;\n    }\n    for (var i = 0; i < volne.length; i++) {\n      (function(cas) {\n        var btn = document.createElement(\"button\");\n        btn.textContent = cas;\n        btn.className = \"wia-slot-btn\";\n        btn.type = \"button\";\n        btn.addEventListener(\"click\", function() {\n          document.querySelectorAll(\".wia-slot-btn\").forEach(function(b) { b.classList.remove(\"vybrano\"); });\n          btn.classList.add(\"vybrano\");\n          vybranyCas = cas;\n          aktualizeBtn();\n          skryjZpravu();\n        });\n        k.appendChild(btn);\n      })(volne[i]);\n    }\n  }\n  function aktualizeBtn() {\n    var btn = document.getElementById(\"wia-btn-odeslat\");\n    if (vybranyCas) {\n      btn.disabled = false;\n      btn.textContent = \"Rezervovat \" + vybranyCas;\n    } else {\n      btn.disabled = true;\n      btn.textContent = \"Vyberte term\u00edn\";\n    }\n  }\n  function skryjZpravu() {\n    document.getElementById(\"wia-stav\").innerHTML = \"\";\n  }\n  function odeslat() {\n    var jmeno    = document.getElementById(\"wia-jmeno\").value.trim();\n    var adresa   = document.getElementById(\"wia-adresa\").value.trim();\n    var telefon  = document.getElementById(\"wia-telefon\").value.trim();\n    var email    = document.getElementById(\"wia-email\").value.trim();\n    var poznamka = document.getElementById(\"wia-poznamka\").value.trim();\n    if (!jmeno || !adresa || !telefon || !email) {\n      document.getElementById(\"wia-stav\").innerHTML =\n        '<div class=\"wia-msg-error\">Vypl\u0148te pros\u00edm v\u0161echna povinn\u00e1 pole.<\/div>';\n      return;\n    }\n    if (!vybranyCas) {\n      document.getElementById(\"wia-stav\").innerHTML =\n        '<div class=\"wia-msg-error\">Vyberte pros\u00edm term\u00edn.<\/div>';\n      return;\n    }\n    var btn = document.getElementById(\"wia-btn-odeslat\");\n    btn.disabled = true;\n    btn.textContent = \"Odes\u00edl\u00e1m...\";\n    var params = \"action=rezervuj\" +\n      \"&jmeno=\"    + encodeURIComponent(jmeno) +\n      \"&adresa=\"   + encodeURIComponent(adresa) +\n      \"&telefon=\"  + encodeURIComponent(telefon) +\n      \"&email=\"    + encodeURIComponent(email) +\n      \"&datum=\"    + encodeURIComponent(aktualniDatum) +\n      \"&cas=\"      + encodeURIComponent(vybranyCas) +\n      \"&poznamka=\" + encodeURIComponent(poznamka);\n    fetch(API + \"?\" + params)\n      .then(function(res) { return res.text(); })\n      .then(function(text) {\n        var data = JSON.parse(text);\n        if (data.success) {\n          var datumHezky = formatDatum(aktualniDatum);\n          var casZapamatovan = vybranyCas;\n          var emailZapamatovan = email;\n          \/\/ Zobraz potvrzovac\u00ed str\u00e1nku\n          document.getElementById(\"wia-obal\").innerHTML =\n            '<div class=\"wia-uspech\">' +\n            '<img decoding=\"async\" src=\"http:\/\/jaja.pink\/wp-content\/uploads\/Logo-3.png\" alt=\"WIA logo\" ' +\n            'style=\"max-width:140px;display:block;margin:0 auto 20px\">' +\n            '<strong style=\"font-size:20px\">Rezervace potvrzena.<\/strong><br><br>' +\n            '<span style=\"font-size:16px\">' + datumHezky + ' v ' + casZapamatovan + '<\/span>' +\n            '<\/div>';\n        } else {\n          document.getElementById(\"wia-stav\").innerHTML =\n            '<div class=\"wia-msg-error\">' + (data.zprava || \"Nastala chyba.\") + '<\/div>';\n          btn.disabled = false;\n          btn.textContent = \"Rezervovat \" + vybranyCas;\n        }\n      })\n      .catch(function() {\n        document.getElementById(\"wia-stav\").innerHTML =\n          '<div class=\"wia-msg-error\">Nepoda\u0159ilo se odeslat. Zkuste znovu.<\/div>';\n        btn.disabled = false;\n        btn.textContent = \"Rezervovat \" + vybranyCas;\n      });\n  }\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init);\n  } else {\n    init();\n  }\n  setInterval(function() {\n    if (aktualniDatum) nactiTerminy(aktualniDatum);\n  }, 30000);\n})(); <\/script>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    \n    \n  \n","protected":false},"excerpt":{"rendered":"<p>Rezervace term\u00ednu Jm\u00e9no a p\u0159\u00edjmen\u00ed * Adresa * Telefon * E-mail * Vyberte den * Zobrazit term\u00edny Voln\u00e9 term\u00edny Vyberte datum a klikn\u011bte na Zobrazit term\u00edny. Pozn\u00e1mka (nepovinn\u00e9) Vyberte term\u00edn<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rezervace.wia.cz\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rezervace.wia.cz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rezervace.wia.cz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rezervace.wia.cz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rezervace.wia.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":4,"href":"https:\/\/rezervace.wia.cz\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/rezervace.wia.cz\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/rezervace.wia.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}