{"id":1806,"date":"2024-11-16T18:27:55","date_gmt":"2024-11-16T17:27:55","guid":{"rendered":"https:\/\/newinprague.cz\/?page_id=1806"},"modified":"2025-02-07T07:41:24","modified_gmt":"2025-02-07T06:41:24","slug":"zpetna-vazba","status":"publish","type":"page","link":"https:\/\/newinprague.cz\/uk\/zpetna-vazba","title":{"rendered":"\u0417\u0432\u043e\u0440\u043e\u0442\u043d\u0456\u0439 \u0437\u0432\u2019\u044f\u0437\u043e\u043a"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u041d\u0430\u043c \u0432\u0430\u0436\u043b\u0438\u0432\u043e \u0437\u043d\u0430\u0442\u0438 \u0412\u0430\u0448\u0443 \u0434\u0443\u043c\u043a\u0443, \u0449\u043e\u0431 \u043f\u043e\u0441\u0442\u0456\u0439\u043d\u043e \u043f\u043e\u043a\u0440\u0430\u0449\u0443\u0432\u0430\u0442\u0438 \u043d\u0430\u0448 \u0441\u0430\u0439\u0442.<\/p>\n\n\n\n<div id=\"feedback-form\">\n  <form id=\"survey-form\">\n    <!-- Prvn\u00ed ot\u00e1zka -->\n    <div>\n      <h4>\u0427\u0438 \u0437\u0430\u0434\u043e\u0432\u043e\u043b\u0435\u043d\u0456 \u0432\u0438 \u0440\u043e\u0431\u043e\u0442\u043e\u044e \u043d\u0430\u0448\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0443?<\/h4>\n      <div class=\"emoji-rating\">\n        <input type=\"radio\" id=\"emoji1\" name=\"rating\" value=\"1\">\n        <label for=\"emoji1\">?<\/label>\n        <input type=\"radio\" id=\"emoji2\" name=\"rating\" value=\"2\">\n        <label for=\"emoji2\">\u2639\ufe0f<\/label>\n        <input type=\"radio\" id=\"emoji3\" name=\"rating\" value=\"3\">\n        <label for=\"emoji3\">?<\/label>\n        <input type=\"radio\" id=\"emoji4\" name=\"rating\" value=\"4\">\n        <label for=\"emoji4\">?<\/label>\n        <input type=\"radio\" id=\"emoji5\" name=\"rating\" value=\"5\">\n        <label for=\"emoji5\">?<\/label>\n      <\/div>\n    <\/div>\n    <!-- Druh\u00e1 ot\u00e1zka -->\n    <div>\n      <h4>\u0427\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0443\u043b\u043e \u0437\u043d\u0430\u0439\u0442\u0438 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0443 \u0432\u0430\u043c \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e?<\/h4>\n      <div>\n        <label><input type=\"radio\" name=\"experience\" value=\"Snadno jsem na\u0161el\/a v\u0161echny informace\">\u042f \u043b\u0435\u0433\u043a\u043e \u0437\u043d\u0430\u0439\u0448\u043e\u0432\/\u0437\u043d\u0430\u0439\u0448\u043b\u0430 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0443 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e.<\/label>\n        <label><input type=\"radio\" name=\"experience\" value=\"Navigace byla snadn\u00e1, ale ne v\u0161echny informace, kter\u00e9 jsem hledal\/a, byly k dispozici.\"> \u041d\u0430 \u0441\u0430\u0439\u0442\u0456 \u043d\u0435 \u0441\u043a\u043b\u0430\u0434\u043d\u043e \u0437\u043e\u0440\u0456\u0454\u043d\u0442\u0443\u0432\u0430\u0442\u0438\u0441\u044f, \u0430\u043b\u0435 \u043d\u0435 \u0432\u0441\u044f \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f, \u044f\u043a\u0443 \u044f \u0448\u0443\u043a\u0430\u0432\/\u043b\u0430, \u0431\u0443\u043b\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0456 \u0440\u043e\u0437\u043c\u0456\u0449\u0435\u043d\u0430.<\/label>\n        <label><input type=\"radio\" name=\"experience\" value=\"Dok\u00e1zal\/a jsem naj\u00edt v\u0161echny informace, kter\u00e9 jsem pot\u0159eboval\/a, ale orientace nebyla snadn\u00e1\">\u042f \u0437\u043c\u0456\u0433\/\u0437\u043c\u043e\u0433\u043b\u0430 \u0437\u043d\u0430\u0439\u0442\u0438 \u0432\u0441\u044e \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0443 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e, \u043f\u0440\u043e\u0442\u0435 \u0437\u043e\u0440\u0456\u0454\u043d\u0442\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0456 \u0431\u0443\u043b\u043e \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u043e.<\/label>\n<label><input type=\"radio\" name=\"experience\" value=\"Nemohl\/a jsem naj\u00edt pot\u0159ebn\u00e9 informace a orientace na webu nebyla snadn\u00e1\">\u042f \u043d\u0435 \u0437\u043c\u0456\u0433\/\u043d\u0435 \u0437\u043c\u043e\u0433\u043b\u0430 \u0437\u043d\u0430\u0439\u0442\u0438 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0443 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u0439 \u0437\u043e\u0440\u0456\u0454\u043d\u0442\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0456 \u0431\u0443\u043b\u043e \u0441\u043a\u043b\u0430\u0434\u043d\u043e.<\/label>\n      <\/div>\n    <\/div>\n    <!-- T\u0159et\u00ed ot\u00e1zka -->\n    <br><div>\n      <label for=\"feedback\">\u0425\u043e\u0447\u0435\u0442\u0435 \u0437\u0430\u043b\u0438\u0448\u0438\u0442\u0438 \u0432\u0456\u0434\u0433\u0443\u043a?<\/label>\n      <textarea id=\"feedback\" name=\"feedback\" rows=\"3\" style=\"width: 100%;\"><\/textarea>\n    <\/div><br>\n    <!-- Odeslat -->\n<a class=\"wp-block-button__link wp-element-button\" id=\"submit-btn\">\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438<\/a>\n  \n  <\/form>\n<\/div>\n<div id=\"thank-you-message\" style=\"display: none;\">\n  <h3 class=\"text-success\">\u0434\u044f\u043a\u0443\u044e<\/h3>\n<\/div>\n<script>\n  document.getElementById('submit-btn').addEventListener('click', function () {\n    const rating = document.querySelector('input[name=\"rating\"]:checked')?.value || '';\n    const experience = document.querySelector('input[name=\"experience\"]:checked')?.value || '';\n    const feedback = document.getElementById('feedback').value;\n\n    if (!rating || !experience) {\n      alert('Please fill in all required fields.');\n      return;\n    }\n\n    fetch('\/wp-admin\/admin-ajax.php', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application\/x-www-form-urlencoded',\n      },\n      body: new URLSearchParams({\n        action: 'submit_feedback',\n        rating,\n        experience,\n        feedback,\n      }),\n    })\n      .then((response) => response.json())\n      .then((data) => {\n        if (data.success) {\n          document.getElementById('feedback-form').style.display = 'none';\n          document.getElementById('thank-you-message').style.display = 'block';\n        } else {\n          alert('There was an error sending feedback. Please try again.');\n        }\n      })\n      .catch((error) => {\n        console.error('Error:', error);\n        alert('There was an error sending. Please check your internet connection and try again.');\n      });\n  });\n<\/script>\n<style>\n  \/* Styl pro smajl\u00edky *\/\n  .emoji-rating {\ndisplay: flex;}\n\n  .emoji-rating input {\n    display: none;\n  }\n  .emoji-rating label {\n    font-size: 2rem;\n    cursor: pointer;\n    padding: 0 5px;\n    transition: transform 0.2s, opacity 0.2s;\n    opacity: 0.6;\n  }\n  .emoji-rating input:checked + label {\n    transform: scale(1.3);\n    opacity: 1;\n  }\n  .emoji-rating label:hover {\n    transform: scale(1.2);\n    opacity: 1;\n  }\n\n        input[type=\"radio\"], input[type=\"checkbox\"] {\n            accent-color: var(--wp--preset--color--accent-3);\n            margin-right: 1rem;\n        }\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041d\u0430\u043c \u0432\u0430\u0436\u043b\u0438\u0432\u043e \u0437\u043d\u0430\u0442\u0438 \u0412\u0430\u0448\u0443 \u0434\u0443\u043c\u043a\u0443, \u0449\u043e\u0431 \u043f\u043e\u0441\u0442\u0456\u0439\u043d\u043e \u043f\u043e\u043a\u0440\u0430\u0449\u0443\u0432\u0430\u0442\u0438 \u043d\u0430\u0448 \u0441\u0430\u0439\u0442. \u0427\u0438 \u0437\u0430\u0434\u043e\u0432\u043e\u043b\u0435\u043d\u0456 \u0432\u0438 \u0440\u043e\u0431\u043e\u0442\u043e\u044e \u043d\u0430\u0448\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0443? ? \u2639\ufe0f ? ? ? \u0427\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0443\u043b\u043e \u0437\u043d\u0430\u0439\u0442\u0438 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0443 \u0432\u0430\u043c \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e? \u042f \u043b\u0435\u0433\u043a\u043e \u0437\u043d\u0430\u0439\u0448\u043e\u0432\/\u0437\u043d\u0430\u0439\u0448\u043b\u0430 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0443 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e. \u041d\u0430 \u0441\u0430\u0439\u0442\u0456 \u043d\u0435 \u0441\u043a\u043b\u0430\u0434\u043d\u043e \u0437\u043e\u0440\u0456\u0454\u043d\u0442\u0443\u0432\u0430\u0442\u0438\u0441\u044f, \u0430\u043b\u0435 \u043d\u0435 \u0432\u0441\u044f \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f, \u044f\u043a\u0443 \u044f \u0448\u0443\u043a\u0430\u0432\/\u043b\u0430, \u0431\u0443\u043b\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0456 \u0440\u043e\u0437\u043c\u0456\u0449\u0435\u043d\u0430. \u042f \u0437\u043c\u0456\u0433\/\u0437\u043c\u043e\u0433\u043b\u0430 \u0437\u043d\u0430\u0439\u0442\u0438 \u0432\u0441\u044e \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0443 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e, [&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-1806","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newinprague.cz\/uk\/wp-json\/wp\/v2\/pages\/1806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newinprague.cz\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newinprague.cz\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newinprague.cz\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newinprague.cz\/uk\/wp-json\/wp\/v2\/comments?post=1806"}],"version-history":[{"count":2,"href":"https:\/\/newinprague.cz\/uk\/wp-json\/wp\/v2\/pages\/1806\/revisions"}],"predecessor-version":[{"id":2357,"href":"https:\/\/newinprague.cz\/uk\/wp-json\/wp\/v2\/pages\/1806\/revisions\/2357"}],"wp:attachment":[{"href":"https:\/\/newinprague.cz\/uk\/wp-json\/wp\/v2\/media?parent=1806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}