{"id":856,"date":"2026-06-26T18:31:13","date_gmt":"2026-06-26T16:31:13","guid":{"rendered":"https:\/\/www.vodnahmla.sk\/?page_id=856"},"modified":"2026-06-26T18:31:13","modified_gmt":"2026-06-26T16:31:13","slug":"odstupenie-od-zmluvy","status":"publish","type":"page","link":"https:\/\/www.vodnahmla.sk\/hu\/odstupenie-od-zmluvy\/","title":{"rendered":"Odst\u00fapenie od zmluvy"},"content":{"rendered":"<div id=\"odst-app\" class=\"odst-wrap\">\n\n  <div class=\"odst-card\">\n    <div class=\"odst-head\">\n      <span class=\"odst-eyebrow\">vodnahmla.sk<\/span>\n      <h1 class=\"odst-title\">Odst\u00fapenie od zmluvy<\/h1>\n      <p class=\"odst-lead\">Ako spotrebite\u013e m\u00e1te pr\u00e1vo odst\u00fapi\u0165 od zmluvy uzavretej na dia\u013eku aj bez uvedenia d\u00f4vodu do <strong>14 dn\u00ed<\/strong> odo d\u0148a prevzatia tovaru (\u00a7&nbsp;19 a \u00a7&nbsp;20 z\u00e1kona \u010d. 108\/2024 Z.&nbsp;z.). Vypl\u0148te formul\u00e1r ni\u017e\u0161ie \u2013 odst\u00fapenie vybav\u00edte priamo online.<\/p>\n    <\/div>\n\n    <ol class=\"odst-steps\" aria-hidden=\"true\">\n      <li class=\"is-active\" data-step=\"1\"><span>1<\/span> \u00dadaje<\/li>\n      <li data-step=\"2\"><span>2<\/span> Potvrdenie<\/li>\n      <li data-step=\"3\"><span>3<\/span> S\u00fahrn<\/li>\n    <\/ol>\n\n    <!-- KROK 1 -->\n    <form id=\"odst-form\" class=\"odst-step is-active\" novalidate action=\"\">\n      <div id=\"odst-step-form\">\n\n        <div class=\"odst-field\">\n          <label for=\"odst-meno\">Meno a priezvisko <span class=\"odst-req\">*<\/span><\/label>\n          <input type=\"text\" id=\"odst-meno\" name=\"meno\" autocomplete=\"name\" required>\n          <p class=\"odst-err\" data-for=\"meno\"><\/p>\n        <\/div>\n\n        <div class=\"odst-field\">\n          <label for=\"odst-objednavka\">\u010c\u00edslo objedn\u00e1vky <span class=\"odst-req\">*<\/span><\/label>\n          <input type=\"text\" id=\"odst-objednavka\" name=\"cislo_objednavky\" placeholder=\"napr. 2024-00123\" required>\n          <p class=\"odst-hint\">N\u00e1jdete ho v potvrdzovacom e-maile o objedn\u00e1vke.<\/p>\n          <p class=\"odst-err\" data-for=\"cislo_objednavky\"><\/p>\n        <\/div>\n\n        <div class=\"odst-field\">\n          <label for=\"odst-email\">E-mail (z objedn\u00e1vky) <span class=\"odst-req\">*<\/span><\/label>\n          <input type=\"email\" id=\"odst-email\" name=\"email\" autocomplete=\"email\" required>\n          <p class=\"odst-hint\">Na t\u00fato adresu v\u00e1m po\u0161leme potvrdenie o odst\u00fapen\u00ed.<\/p>\n          <p class=\"odst-err\" data-for=\"email\"><\/p>\n        <\/div>\n\n        <div class=\"odst-field\">\n          <label for=\"odst-datum\">D\u00e1tum objednania alebo prevzatia tovaru<\/label>\n          <input type=\"date\" id=\"odst-datum\" name=\"datum_objednavky\">\n        <\/div>\n\n        <div class=\"odst-field\">\n          <span class=\"odst-label\">\u010coho sa odst\u00fapenie t\u00fdka?<\/span>\n          <div class=\"odst-radios\">\n            <label class=\"odst-radio\"><input type=\"radio\" name=\"rozsah\" value=\"cela objednavka\" checked> Cel\u00e1 objedn\u00e1vka<\/label>\n            <label class=\"odst-radio\"><input type=\"radio\" name=\"rozsah\" value=\"vybrany tovar\"> Vybran\u00fd tovar<\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"odst-field odst-hidden\" id=\"odst-tovar-wrap\">\n          <label for=\"odst-tovar\">Ozna\u010denie tovaru, ktor\u00e9ho sa odst\u00fapenie t\u00fdka<\/label>\n          <input type=\"text\" id=\"odst-tovar\" name=\"tovar\" placeholder=\"napr. Vodn\u00e1 hmla 15 m \u2013 1 ks\">\n        <\/div>\n\n        <div class=\"odst-field\">\n          <label for=\"odst-iban\">IBAN na vr\u00e1tenie pe\u0148az\u00ed <span class=\"odst-opt\">(nepovinn\u00e9)<\/span><\/label>\n          <input type=\"text\" id=\"odst-iban\" name=\"iban\" placeholder=\"SK00 0000 0000 0000 0000 0000\">\n          <p class=\"odst-hint\">Ak ho neuvediete, peniaze vr\u00e1time rovnak\u00fdm sp\u00f4sobom, ak\u00fdm ste platili.<\/p>\n        <\/div>\n\n        <div class=\"odst-field\">\n          <label for=\"odst-poznamka\">Pozn\u00e1mka <span class=\"odst-opt\">(nepovinn\u00e9)<\/span><\/label>\n          <textarea id=\"odst-poznamka\" name=\"poznamka\" rows=\"3\"><\/textarea>\n          <p class=\"odst-hint\">D\u00f4vod odst\u00fapenia uv\u00e1dza\u0165 nemus\u00edte \u2013 m\u00e1te na\u0148 pr\u00e1vo bez udania d\u00f4vodu.<\/p>\n        <\/div>\n\n        <!-- honeypot proti spamu -->\n        <div class=\"odst-hp\" aria-hidden=\"true\">\n          <label>Nevypl\u0148ujte toto pole<input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n        <\/div>\n\n        <div class=\"odst-field odst-check\">\n          <label class=\"odst-checkbox\">\n            <input type=\"checkbox\" id=\"odst-suhlas\" name=\"suhlas\" value=\"1\" required>\n            <span>Potvrdzujem, \u017ee odstupujem od k\u00fapnej zmluvy, a beriem na vedomie podmienky vr\u00e1tenia tovaru uveden\u00e9 vo <a href=\"https:\/\/www.vodnahmla.sk\/hu\/altalanos-szerzodesi-feltetelek\/\" target=\"_blank\" rel=\"noopener\">V\u0161eobecn\u00fdch obchodn\u00fdch podmienkach<\/a>. <span class=\"odst-req\">*<\/span><\/span>\n          <\/label>\n          <p class=\"odst-err\" data-for=\"suhlas\"><\/p>\n        <\/div>\n\n        <p class=\"odst-privacy\">Va\u0161e \u00fadaje sprac\u00favame v\u00fdlu\u010dne na vybavenie odst\u00fapenia od zmluvy. Viac v dokumente <a href=\"https:\/\/www.vodnahmla.sk\/hu\/szemelyes-adatok-vedelme\/\" target=\"_blank\" rel=\"noopener\">Ochrana osobn\u00fdch \u00fadajov<\/a>.<\/p>\n\n        <div class=\"odst-actions\">\n          <button type=\"button\" id=\"odst-next\" class=\"odst-btn odst-btn-primary\">Pokra\u010dova\u0165 na potvrdenie<\/button>\n        <\/div>\n      <\/div>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"hu\"\/><\/form>\n\n    <!-- KROK 2 -->\n    <div id=\"odst-step-review\" class=\"odst-step\">\n      <h2 class=\"odst-h2\">Skontrolujte \u00fadaje<\/h2>\n      <p class=\"odst-lead\">Po potvrden\u00ed odo\u0161leme va\u0161e odst\u00fapenie od zmluvy a na v\u00e1\u0161 e-mail po\u0161leme potvrdenie o jeho doru\u010den\u00ed.<\/p>\n      <dl id=\"odst-review\" class=\"odst-review\"><\/dl>\n      <div class=\"odst-actions\">\n        <button type=\"button\" id=\"odst-back\" class=\"odst-btn odst-btn-ghost\">Upravi\u0165 \u00fadaje<\/button>\n        <button type=\"button\" id=\"odst-confirm\" class=\"odst-btn odst-btn-primary\">Potvrdi\u0165 odst\u00fapenie od zmluvy<\/button>\n      <\/div>\n      <p class=\"odst-err odst-err-submit\" id=\"odst-submit-err\"><\/p>\n    <\/div>\n\n    <!-- KROK 3 -->\n    <div id=\"odst-step-done\" class=\"odst-step\">\n      <div class=\"odst-done\">\n        <div class=\"odst-done-mark\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 52 52\" width=\"56\" height=\"56\"><circle cx=\"26\" cy=\"26\" r=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" opacity=\"0.25\"\/><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 27 l8 8 l15 -17\"\/><\/svg>\n        <\/div>\n        <h2 class=\"odst-h2\">Odst\u00fapenie od zmluvy bolo odoslan\u00e9<\/h2>\n        <p class=\"odst-lead\" id=\"odst-done-warn\" style=\"display:none\"><\/p>\n        <p class=\"odst-done-sent\" id=\"odst-done-sent\"><\/p>\n      <\/div>\n\n      <h3 class=\"odst-sum-title\">S\u00fahrn odst\u00fapenia od zmluvy<\/h3>\n      <dl id=\"odst-done-summary\" class=\"odst-summary\"><\/dl>\n\n      <div class=\"odst-next\">\n        <h3>\u010co bude nasledova\u0165<\/h3>\n        <p>Tovar za\u0161lite najnesk\u00f4r do 14 dn\u00ed na adresu: <strong>SK \u2013 DATA s.r.o., Dunajsk\u00e9 n\u00e1bre\u017eie 2997\/15, 945 05 Kom\u00e1rno<\/strong>. Po jeho doru\u010den\u00ed a pos\u00faden\u00ed v\u00e1m vr\u00e1time platby v z\u00e1konnej lehote 14 dn\u00ed.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <noscript>\n    <p class=\"odst-noscript\">Pre online odst\u00fapenie je potrebn\u00e9 ma\u0165 zapnut\u00fd JavaScript. Odst\u00fapi\u0165 m\u00f4\u017eete aj e-mailom na <strong>info@vodnahmla.sk<\/strong> alebo po\u0161tou na adresu <strong>SK \u2013 DATA s.r.o., Dunajsk\u00e9 n\u00e1bre\u017eie 2997\/15, 945 05 Kom\u00e1rno<\/strong>; uve\u010fte meno, \u010d\u00edslo objedn\u00e1vky a e-mail.<\/p>\n  <\/noscript>\n<\/div>\n        <style id='odst-css'>#odst-app, #odst-app *{box-sizing:border-box}\n#odst-app{\n  --ink:#11303d;--ink-soft:#3d5b67;--muted:#6b8793;\n  --paper:#ffffff;--mist:#eef6f9;--mist2:#dcecf2;\n  --water:#1593b6;--water-deep:#0e6f8c;--water-soft:#e3f1f6;\n  --line:#cfe1e8;--ok:#1f8a6d;--ok-soft:#e6f4ef;\n  --error:#c0392b;--error-soft:#fbecea;--warn:#9a5a1f;--warn-soft:#fcf2e6;\n  --radius:14px;\n  max-width:640px;margin:0 auto;padding:8px;\n  color:var(--ink);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  line-height:1.55;-webkit-font-smoothing:antialiased;\n}\n#odst-app .odst-card{\n  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);\n  box-shadow:0 12px 44px rgba(17,48,61,.08);overflow:hidden;\n}\n#odst-app .odst-head{\n  padding:30px 30px 22px;\n  background:linear-gradient(160deg,var(--water-soft),var(--mist) 70%);\n  border-bottom:1px solid var(--line);\n}\n#odst-app .odst-eyebrow{\n  display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;\n  font-weight:700;color:var(--water-deep);margin-bottom:8px;\n}\n#odst-app .odst-title{margin:0 0 10px;font-size:26px;line-height:1.2;font-weight:750;color:var(--ink)}\n#odst-app .odst-lead{margin:0;font-size:15px;color:var(--ink-soft)}\n#odst-app .odst-steps{\n  list-style:none;display:flex;gap:6px;margin:0;padding:16px 30px;border-bottom:1px solid var(--line);\n  font-size:13px;color:var(--muted);background:var(--mist)\n}\n#odst-app .odst-steps li{display:flex;align-items:center;gap:7px;flex:1;font-weight:600}\n#odst-app .odst-steps li span{\n  display:grid;place-items:center;width:24px;height:24px;border-radius:50%;\n  background:#fff;border:1px solid var(--line);font-size:12px;color:var(--muted)\n}\n#odst-app .odst-steps li.is-active{color:var(--water-deep)}\n#odst-app .odst-steps li.is-active span{background:var(--water);border-color:var(--water);color:#fff}\n#odst-app .odst-steps li.is-done span{background:var(--ok);border-color:var(--ok);color:#fff}\n#odst-app .odst-step{display:none;padding:26px 30px 30px}\n#odst-app .odst-step.is-active{display:block;animation:odstIn .25s ease}\n@keyframes odstIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}\n#odst-app .odst-hidden{display:none}\n#odst-app .odst-field{margin-bottom:18px}\n#odst-app .odst-field label,#odst-app .odst-label{\n  display:block;font-size:14px;font-weight:650;margin-bottom:6px;color:var(--ink)\n}\n#odst-app .odst-req{color:var(--error);font-weight:700}\n#odst-app .odst-opt{color:var(--muted);font-weight:500;font-size:12px}\n#odst-app input[type=text],#odst-app input[type=email],#odst-app input[type=date],#odst-app textarea{\n  width:100%;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--ink);\n  background:#fff;border:1.5px solid var(--line);border-radius:10px;transition:border-color .15s,box-shadow .15s\n}\n#odst-app input:focus,#odst-app textarea:focus{\n  outline:none;border-color:var(--water);box-shadow:0 0 0 3px rgba(21,147,182,.16)\n}\n#odst-app textarea{resize:vertical;min-height:84px}\n#odst-app .odst-hint{margin:6px 0 0;font-size:12.5px;color:var(--muted)}\n#odst-app .odst-radios{display:flex;gap:10px;flex-wrap:wrap}\n#odst-app .odst-radio{\n  display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;cursor:pointer;\n  padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;flex:1;min-width:140px\n}\n#odst-app .odst-radio input{accent-color:var(--water)}\n#odst-app .odst-check{background:var(--water-soft);border:1px solid var(--line);border-radius:10px;padding:14px}\n#odst-app .odst-checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px;cursor:pointer;margin:0}\n#odst-app .odst-checkbox input{margin-top:3px;width:18px;height:18px;accent-color:var(--water);flex:none}\n#odst-app .odst-checkbox a{color:var(--water-deep);font-weight:600}\n#odst-app .odst-privacy{font-size:12.5px;color:var(--muted);margin:14px 0 0}\n#odst-app .odst-privacy a{color:var(--water-deep)}\n#odst-app .odst-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}\n#odst-app .odst-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}\n#odst-app .odst-btn{\n  font-family:inherit;font-size:15px;font-weight:650;padding:13px 22px;border-radius:10px;\n  cursor:pointer;border:1.5px solid transparent;transition:transform .08s,background .15s,box-shadow .15s\n}\n#odst-app .odst-btn:active{transform:translateY(1px)}\n#odst-app .odst-btn-primary{background:var(--water);color:#fff;box-shadow:0 6px 18px rgba(21,147,182,.28)}\n#odst-app .odst-btn-primary:hover{background:var(--water-deep)}\n#odst-app .odst-btn-primary:disabled{opacity:.6;cursor:default;box-shadow:none}\n#odst-app .odst-btn-ghost{background:#fff;color:var(--ink-soft);border-color:var(--line)}\n#odst-app .odst-btn-ghost:hover{border-color:var(--muted)}\n#odst-app .odst-btn:focus-visible{outline:3px solid rgba(21,147,182,.4);outline-offset:2px}\n#odst-app .odst-err{color:var(--error);font-size:12.5px;margin:6px 0 0;min-height:0;display:none}\n#odst-app .odst-err.is-on{display:block}\n#odst-app .odst-err-submit{margin-top:14px}\n#odst-app input.is-invalid,#odst-app .odst-check.is-invalid{border-color:var(--error)!important}\n#odst-app .odst-h2{font-size:20px;font-weight:700;margin:0 0 8px}\n#odst-app .odst-review{margin:18px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}\n#odst-app .odst-review div{display:flex;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}\n#odst-app .odst-review div:last-child{border-bottom:none}\n#odst-app .odst-review dt{flex:0 0 42%;color:var(--muted);font-weight:600;margin:0}\n#odst-app .odst-review dd{margin:0;color:var(--ink);font-weight:500;word-break:break-word}\n#odst-app .odst-done{text-align:center}\n#odst-app .odst-done-mark{color:var(--ok);display:flex;justify-content:center;margin-bottom:6px}\n#odst-app .odst-done-sent{margin:4px 0 0;font-size:14px;color:var(--ink-soft)}\n#odst-app .odst-sum-title{font-size:15px;font-weight:700;margin:22px 0 0;color:var(--ink)}\n#odst-app .odst-summary{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left}\n#odst-app .odst-summary div{display:flex;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}\n#odst-app .odst-summary div:last-child{border-bottom:none}\n#odst-app .odst-summary dt{flex:0 0 46%;color:var(--muted);font-weight:600;margin:0}\n#odst-app .odst-summary dd{margin:0;font-weight:650;color:var(--ink);word-break:break-word}\n#odst-app .odst-next{text-align:left;background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-top:6px}\n#odst-app .odst-next h3{margin:0 0 6px;font-size:15px}\n#odst-app .odst-next p{margin:0;font-size:14px;color:var(--ink-soft)}\n#odst-app .odst-noscript{margin-top:14px;padding:14px;background:var(--warn-soft);border:1px solid #e8d3b3;border-radius:10px;font-size:14px}\n@media (max-width:560px){\n  #odst-app .odst-head,#odst-app .odst-step,#odst-app .odst-steps{padding-left:20px;padding-right:20px}\n  #odst-app .odst-title{font-size:22px}\n  #odst-app .odst-btn{flex:1;text-align:center}\n  #odst-app .odst-steps li span{width:22px;height:22px}\n}\n@media (prefers-reduced-motion:reduce){\n  #odst-app .odst-step.is-active{animation:none}\n  #odst-app .odst-btn:active{transform:none}\n}<\/style><script id='odst-js'>window.ODST_CFG={\"ajax_url\":\"https:\\\/\\\/www.vodnahmla.sk\\\/wp-admin\\\/admin-ajax.php\",\"nonce\":\"a1741ff455\"};(function(){\n  var CFG = window.ODST_CFG || {};\n  var root = document.getElementById('odst-app');\n  if(!root) return;\n  var form     = root.querySelector('#odst-form');\n  var stepsNav = root.querySelectorAll('.odst-steps li');\n  var sForm    = root.querySelector('#odst-form');\n  var sReview  = root.querySelector('#odst-step-review');\n  var sDone    = root.querySelector('#odst-step-done');\n  var reviewEl = root.querySelector('#odst-review');\n  var btnNext  = root.querySelector('#odst-next');\n  var btnBack  = root.querySelector('#odst-back');\n  var btnConf  = root.querySelector('#odst-confirm');\n  var submitErr= root.querySelector('#odst-submit-err');\n\n  \/\/ toggle \"vybran\u00fd tovar\"\n  var tovarWrap = root.querySelector('#odst-tovar-wrap');\n  root.querySelectorAll('input[name=\"rozsah\"]').forEach(function(r){\n    r.addEventListener('change', function(){\n      if(root.querySelector('input[name=\"rozsah\"]:checked').value === 'vybrany tovar'){\n        tovarWrap.classList.remove('odst-hidden');\n      } else {\n        tovarWrap.classList.add('odst-hidden');\n      }\n    });\n  });\n\n  function esc(s){var d=document.createElement('div');d.textContent=(s==null?'':s);return d.innerHTML;}\n  function setActiveStep(n){\n    stepsNav.forEach(function(li){\n      var s=parseInt(li.getAttribute('data-step'),10);\n      li.classList.remove('is-active','is-done');\n      if(s<n) li.classList.add('is-done');\n      else if(s===n) li.classList.add('is-active');\n    });\n  }\n  function show(el){[sForm,sReview,sDone].forEach(function(x){x.classList.remove('is-active');});el.classList.add('is-active');window.scrollTo({top:root.getBoundingClientRect().top+window.pageYOffset-20,behavior:'smooth'});}\n  function fieldErr(name,msg){\n    var p=root.querySelector('.odst-err[data-for=\"'+name+'\"]');\n    var input=root.querySelector('[name=\"'+name+'\"]');\n    if(p){p.textContent=msg||'';p.classList.toggle('is-on',!!msg);}\n    if(input){\n      if(name==='suhlas'){var box=input.closest('.odst-check');if(box)box.classList.toggle('is-invalid',!!msg);}\n      else input.classList.toggle('is-invalid',!!msg);\n    }\n  }\n  function clearErrs(){['meno','cislo_objednavky','email','suhlas'].forEach(function(n){fieldErr(n,'');});}\n\n  function validate(){\n    clearErrs();\n    var ok=true, first=null;\n    var meno=form.meno.value.trim();\n    var obj=form.cislo_objednavky.value.trim();\n    var mail=form.email.value.trim();\n    var suhlas=form.suhlas.checked;\n    if(!meno){fieldErr('meno','Zadajte meno a priezvisko.');ok=false;first=first||'meno';}\n    if(!obj){fieldErr('cislo_objednavky','Zadajte \u010d\u00edslo objedn\u00e1vky.');ok=false;first=first||'cislo_objednavky';}\n    if(!mail){fieldErr('email','Zadajte e-mail.');ok=false;first=first||'email';}\n    else if(!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(mail)){fieldErr('email','Zadajte platn\u00fa e-mailov\u00fa adresu.');ok=false;first=first||'email';}\n    if(!suhlas){fieldErr('suhlas','Pre odoslanie je potrebn\u00e9 potvrdi\u0165 odst\u00fapenie od zmluvy.');ok=false;first=first||'suhlas';}\n    if(first){var el=root.querySelector('[name=\"'+first+'\"]');if(el)el.focus();}\n    return ok;\n  }\n\n  function rowsHtml(pairs){\n    return pairs.filter(function(p){return p[1]&&String(p[1]).trim()!=='';})\n      .map(function(p){return '<div><dt>'+esc(p[0])+'<\/dt><dd>'+esc(p[1])+'<\/dd><\/div>';}).join('');\n  }\n  function collectPairs(){\n    var rozsah=root.querySelector('input[name=\"rozsah\"]:checked').value;\n    var pairs=[\n      ['Meno a priezvisko',form.meno.value.trim()],\n      ['\u010c\u00edslo objedn\u00e1vky',form.cislo_objednavky.value.trim()],\n      ['E-mail',form.email.value.trim()],\n      ['D\u00e1tum objednania \/ prevzatia',form.datum_objednavky.value.trim()],\n      ['Rozsah odst\u00fapenia',rozsah==='cela objednavka'?'Cel\u00e1 objedn\u00e1vka':'Vybran\u00fd tovar']\n    ];\n    if(rozsah==='vybrany tovar') pairs.push(['Ozna\u010denie tovaru',form.tovar.value.trim()]);\n    pairs.push(['IBAN na vr\u00e1tenie',form.iban.value.trim()]);\n    pairs.push(['Pozn\u00e1mka',form.poznamka.value.trim()]);\n    return pairs;\n  }\n  function buildReview(){ reviewEl.innerHTML = rowsHtml(collectPairs()); }\n\n  btnNext.addEventListener('click',function(){\n    if(!validate())return;\n    buildReview();\n    setActiveStep(2);\n    show(sReview);\n  });\n  btnBack.addEventListener('click',function(){\n    setActiveStep(1);\n    show(sForm);\n  });\n\n  function done(data,warn){\n    data=data||{};\n    var head=[\n      ['Referen\u010dn\u00e9 \u010d\u00edslo',data.referencia||'\u2014'],\n      ['D\u00e1tum a \u010das odoslania',data.datum_cas||'\u2014']\n    ];\n    root.querySelector('#odst-done-summary').innerHTML = rowsHtml(head.concat(collectPairs()));\n    var mail=data.email||form.email.value.trim();\n    root.querySelector('#odst-done-sent').innerHTML='Potvrdenie sme odoslali na v\u00e1\u0161 e-mail: <strong>'+esc(mail)+'<\/strong>';\n    var w=root.querySelector('#odst-done-warn');\n    if(warn){w.style.display='block';w.textContent=warn;}\n    setActiveStep(3);\n    var d=root.querySelectorAll('.odst-steps li')[2];if(d){d.classList.remove('is-active');d.classList.add('is-done');}\n    show(sDone);\n  }\n\n  btnConf.addEventListener('click',function(){\n    submitErr.classList.remove('is-on');submitErr.textContent='';\n    btnConf.disabled=true;btnConf.textContent='Odosielam\u2026';\n    var fd=new FormData(form);\n    fd.append('action','odst_submit');\n    fd.append('nonce',CFG.nonce);\n    fetch(CFG.ajax_url,{method:'POST',body:fd,credentials:'same-origin'})\n      .then(function(r){return r.json();})\n      .then(function(res){\n        if(res&&res.success){ done(res.data,''); }\n        else{\n          var m=(res&&res.data&&res.data.message)?res.data.message:'\u017diados\u0165 sa nepodarilo odosla\u0165. Sk\u00faste to znova.';\n          submitErr.textContent=m;submitErr.classList.add('is-on');\n          btnConf.disabled=false;btnConf.textContent='Potvrdi\u0165 odst\u00fapenie od zmluvy';\n        }\n      })\n      .catch(function(){\n        \/\/ z\u00e1loha: zobraz\u00edme potvrdenie s upozornen\u00edm, aby z\u00e1kazn\u00edk nestratil d\u00f4kaz o \u00fakone\n        var ref='ODST-'+new Date().toISOString().slice(0,10).replace(\/-\/g,'')+'-'+Math.random().toString(36).slice(2,7).toUpperCase();\n        var t=new Date();\n        var ts=('0'+t.getDate()).slice(-2)+'.'+('0'+(t.getMonth()+1)).slice(-2)+'.'+t.getFullYear()+' '+('0'+t.getHours()).slice(-2)+':'+('0'+t.getMinutes()).slice(-2);\n        done({referencia:ref,datum_cas:ts,email:form.email.value.trim()},'Va\u0161u \u017eiados\u0165 sme zaznamenali, ale automatick\u00e9 potvrdenie sa nepodarilo odosla\u0165. Pre istotu n\u00e1s kontaktujte e-mailom a uve\u010fte referen\u010dn\u00e9 \u010d\u00edslo.');\n      });\n  });\n})();<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-856","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.vodnahmla.sk\/hu\/wp-json\/wp\/v2\/pages\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vodnahmla.sk\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vodnahmla.sk\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vodnahmla.sk\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vodnahmla.sk\/hu\/wp-json\/wp\/v2\/comments?post=856"}],"version-history":[{"count":1,"href":"https:\/\/www.vodnahmla.sk\/hu\/wp-json\/wp\/v2\/pages\/856\/revisions"}],"predecessor-version":[{"id":857,"href":"https:\/\/www.vodnahmla.sk\/hu\/wp-json\/wp\/v2\/pages\/856\/revisions\/857"}],"wp:attachment":[{"href":"https:\/\/www.vodnahmla.sk\/hu\/wp-json\/wp\/v2\/media?parent=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}