\u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u039f\u0395\u039a_\u039f\u0399\u039a\u039f\u039d\u039f\u039c\u0399\u039a\u0391<\/title>\r\n <style>\r\n body { font-family: 'Segoe UI', Arial, sans-serif; background: #f0f2f5; padding: 10px; }\r\n \r\n .container { \r\n max-width: 450px; \r\n margin: 20px auto; \r\n background: #ffffff; \r\n padding: 20px; \r\n border-radius: 10px; \r\n box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n border-top: 6px solid #0053a0;\r\n }\r\n\r\n h2 { text-align: center; color: #0053a0; font-size: 20px; margin-bottom: 20px; }\r\n\r\n .form-group { display: block; margin-bottom: 15px; }\r\n\r\n label { \r\n display: block; font-size: 11px; font-weight: bold; color: #444; \r\n margin-bottom: 5px; text-transform: uppercase;\r\n }\r\n\r\n input, select, textarea { \r\n width: 100%; padding: 12px; border: 1px solid #ccc; \r\n border-radius: 6px; font-size: 14px; box-sizing: border-box; \r\n }\r\n\r\n .button-stack { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }\r\n \r\n button { \r\n width: 100%; padding: 14px; border: none; border-radius: 6px; \r\n cursor: pointer; font-weight: bold; font-size: 14px; \r\n color: white; text-transform: uppercase;\r\n }\r\n\r\n .btn-search { background: #495057; }\r\n .btn-save { background: #28a745; }\r\n .btn-clear { background: #17a2b8; }\r\n .btn-delete { background: #DCCE35; }\r\n .btn-list { background: #6f42c1; }\r\n\r\n #msg { \r\n margin-top: 15px; padding: 10px; text-align: center; \r\n font-weight: bold; border-radius: 5px; display: none; \r\n }\r\n\r\n \/* --- MODAL CSS --- *\/\r\n .modal {\r\n display: none; position: fixed; z-index: 1000; \r\n left: 0; top: 0; width: 100%; height: 100%; \r\n background-color: rgba(0,0,0,0.6); \r\n }\r\n\r\n .modal-content {\r\n background-color: #fff; margin: 5% auto; padding: 20px; \r\n border-radius: 10px; width: 90%; max-width: 700px; \r\n max-height: 80vh; overflow-y: auto;\r\n }\r\n\r\n .close-btn { float: right; font-size: 24px; cursor: pointer; color: #aaa; }\r\n .close-btn:hover { color: #000; }\r\n\r\n table { width: 100%; border-collapse: collapse; margin-top: 15px; }\r\n th, td { border: 1px solid #ddd; padding: 10px; text-align: left; font-size: 13px; }\r\n th { background-color: #0053a0; color: white; }\r\n tr:nth-child(even) { background-color: #f9f9f9; }\r\n tr:hover { background-color: #f1f1f1; cursor: pointer; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <h2>\ud83c\udfe2 \u039a\u03b1\u03c1\u03c4\u03ad\u03bb\u03b1 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03bf\u03c5<\/h2>\r\n <form id=\"mainForm\">\r\n <div class=\"form-group\"><label>\u0391\u039c \/ \u0391\u039d\u0391\u0396\u0397\u03a4\u0397\u03a3\u0397<\/label><input type=\"text\" id=\"am\" name=\"am\" placeholder=\"\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u039c\u03b7\u03c4\u03c1\u03ce\u03bf\u03c5...\" required><\/div>\r\n <div class=\"form-group\"><label>\u039f\u039d\u039f\u039c\u0391\u03a3\u0399\u0391<\/label><input type=\"text\" id=\"onomasia\" name=\"onomasia\"><\/div>\r\n <div class=\"form-group\"><label>\u0395\u0394\u03a1\u0391<\/label><input type=\"text\" id=\"edra\" name=\"edra\"><\/div>\r\n <div class=\"form-group\"><label>\u0399\u0394\u03a1\u03a5\u03a4\u0399\u039a\u039f<\/label><input type=\"text\" id=\"idrytiko\" name=\"idrytiko\"><\/div>\r\n <div class=\"form-group\">\r\n <label>\u0395\u0393\u0393\u0395\u0393\u03a1\u0391\u039c\u039c\u0395\u039d\u039f<\/label>\r\n <select id=\"eggegrammeno\" name=\"eggegrammeno\">\r\n <option value=\"\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5...<\/option>\r\n <option value=\"\u039d\u0391\u0399\">\u039d\u0391\u0399<\/option>\r\n <option value=\"\u039f\u03a7\u0399\">\u039f\u03a7\u0399<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\"><label>\u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a3<\/label><input type=\"text\" id=\"proedros\" name=\"proedros\"><\/div>\r\n <div class=\"form-group\"><label>\u03a4\u0397\u039b\u0395\u03a6\u03a9\u039d\u039f<\/label><input type=\"text\" id=\"tilefono\" name=\"tilefono\"><\/div>\r\n <div class=\"form-group\"><label>\u0391\u03a6\u039c \u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a5<\/label><input type=\"text\" id=\"afm_proedrou\" name=\"afm_proedrou\"><\/div>\r\n <div class=\"form-group\"><label>\u0391\u03a6\u039c \u03a3\u03a9\u039c\u0391\u03a4\u0395\u0399\u039f\u03a5<\/label><input type=\"text\" id=\"afm_somateiou\" name=\"afm_somateiou\"><\/div>\r\n <div class=\"form-group\"><label>\u0397\u039c. \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397\u03a3<\/label><input type=\"text\" id=\"imerominia_eggrafis\" name=\"imerominia_eggrafis\"><\/div>\r\n <div class=\"form-group\"><label>\u03a3\u03a5\u039d\u0395\u0394\u03a1\u039f\u0399<\/label><input type=\"number\" id=\"synedroi\" name=\"synedroi\"><\/div>\r\n <div class=\"form-group\"><label>\u0394\u0399\u0395\u03a5\u0398\u03a5\u039d\u03a3\u0397<\/label><input type=\"text\" id=\"dieythinsi\" name=\"dieythinsi\"><\/div>\r\n <div class=\"form-group\"><label>\u03a4.\u039a.<\/label><input type=\"text\" id=\"tk\" name=\"tk\"><\/div>\r\n <div class=\"form-group\"><label>EMAIL<\/label><input type=\"email\" id=\"email\" name=\"email\"><\/div>\r\n <div class=\"form-group\"><label>BARCODE<\/label><input type=\"text\" id=\"barcode\" name=\"barcode\"><\/div>\r\n <div class=\"form-group\"><label>\u0391\u03a1. \u0394\u0399\u0391\u03a4\u0391\u039e\u0397\u03a3<\/label><input type=\"text\" id=\"arithmos_diataxis\" name=\"arithmos_diataxis\"><\/div>\r\n <div class=\"form-group\">\r\n <label>\u03a4\u0391\u039a\u03a4\u039f\u03a0\u039f\u0399\u0397\u039c\u0395\u039d\u039f<\/label>\r\n <select id=\"taktopoiimeno\" name=\"taktopoiimeno\">\r\n <option value=\"\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5...<\/option>\r\n <option value=\"\u039d\u0391\u0399\">\u039d\u0391\u0399<\/option>\r\n <option value=\"\u039f\u03a7\u0399\">\u039f\u03a7\u0399<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\"><label>\u0397\u039c. \u0394\u0399\u0391\u0393\u03a1\u0391\u03a6\u0397\u03a3<\/label><input type=\"text\" id=\"imerominia_diagrafis\" name=\"imerominia_diagrafis\"><\/div>\r\n <div class=\"form-group\"><label>\u03a0\u0391\u03a1\u0391\u03a4\u0397\u03a1\u0397\u03a3\u0395\u0399\u03a3<\/label><textarea id=\"paratiriseis\" name=\"paratiriseis\" rows=\"3\"><\/textarea><\/div>\r\n\r\n <div class=\"button-stack\">\r\n <button type=\"button\" class=\"btn-search\" onclick=\"doAction('search')\">\ud83d\udd0d \u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7<\/button>\r\n <button type=\"button\" class=\"btn-save\" onclick=\"doAction('update')\">\ud83d\udcbe \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7<\/button>\r\n <button type=\"button\" class=\"btn-list\" onclick=\"fetchList()\">\ud83d\udccb \u039b\u03af\u03c3\u03c4\u03b1 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03c9\u03bd<\/button>\r\n <button type=\"button\" class=\"btn-clear\" onclick=\"clearForm()\">\u2728 \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2<\/button>\r\n <button type=\"button\" class=\"btn-delete\" onclick=\"doAction('delete')\">\ud83d\uddd1\ufe0f \u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae<\/button>\r\n <\/div>\r\n <\/form>\r\n <div id=\"msg\"><\/div>\r\n<\/div>\r\n\r\n<div id=\"listModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-btn\" onclick=\"closeModal()\">×<\/span>\r\n <h3 style=\"color:#0053a0;\">\u039a\u03b1\u03c4\u03ac\u03bb\u03bf\u03b3\u03bf\u03c2 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03c9\u03bd<\/h3>\r\n <table id=\"listTable\">\r\n <thead>\r\n <tr>\r\n <th>AM<\/th>\r\n <th>\u039f\u039d\u039f\u039c\u0391\u03a3\u0399\u0391<\/th>\r\n <th>\u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a3<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody><\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ \u03a0\u03a1\u039f\u03a3\u039f\u03a7\u0397: \u0392\u03b5\u03b2\u03b1\u03b9\u03ce\u03c3\u03bf\u03c5 \u03cc\u03c4\u03b9 \u03c4\u03bf Script URL \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc \u03b1\u03c0\u03cc \u03c4\u03bf Google Apps Script\r\n const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwU-u-oJgVcbvaQQVkNPUxwJIq0lnlE0-L8kDgL9dbwivfkAKSrDO2ZXsCkFtzuXQ49fQ\/exec';\r\n\r\n function doAction(action) {\r\n const am = document.getElementById('am').value;\r\n const msg = document.getElementById('msg');\r\n if (!am && action !== 'list') { alert(\"\u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03bf \u0391\u039c\"); return; }\r\n\r\n msg.style.display = \"block\";\r\n msg.innerHTML = \"\u23f3 \u0395\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1...\";\r\n msg.style.background = \"#eee\";\r\n\r\n if (action === 'search') {\r\n fetch(scriptURL + \"?action=search&am=\" + am)\r\n .then(res => res.json())\r\n .then(data => {\r\n if (data === \"Not Found\") {\r\n msg.innerHTML = \"\u274c \u0394\u03b5\u03bd \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b5!\";\r\n msg.style.background = \"#f8d7da\";\r\n } else {\r\n fillForm(data);\r\n msg.innerHTML = \"\u2705 \u0392\u03c1\u03ad\u03b8\u03b7\u03ba\u03b5!\";\r\n msg.style.background = \"#d4edda\";\r\n }\r\n }).catch(() => msg.innerHTML = \"\u274c \u03a3\u03c6\u03ac\u03bb\u03bc\u03b1 \u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7\u03c2!\");\r\n } else {\r\n const formData = new URLSearchParams(new FormData(document.getElementById('mainForm')));\r\n formData.append('action', action);\r\n fetch(scriptURL, { method: 'POST', mode: 'no-cors', body: formData })\r\n .then(() => {\r\n msg.innerHTML = \"\u2705 \u0397 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5!\";\r\n msg.style.background = \"#d4edda\";\r\n }).catch(() => msg.innerHTML = \"\u274c \u03a3\u03c6\u03ac\u03bb\u03bc\u03b1 \u03a3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7\u03c2!\");\r\n }\r\n }\r\n\r\n function fetchList() {\r\n const msg = document.getElementById('msg');\r\n msg.style.display = \"block\";\r\n msg.innerHTML = \"\u23f3 \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03bb\u03af\u03c3\u03c4\u03b1\u03c2...\";\r\n \r\n fetch(scriptURL + \"?action=list\")\r\n .then(res => res.json())\r\n .then(data => {\r\n const tbody = document.querySelector('#listTable tbody');\r\n tbody.innerHTML = \"\";\r\n data.forEach(row => {\r\n const tr = document.createElement('tr');\r\n \/\/ \u03a3\u03c4\u03ae\u03bb\u03b5\u03c2: 0=AM, 1=\u039f\u03bd\u03bf\u03bc\u03b1\u03c3\u03af\u03b1, 5=\u03a0\u03c1\u03cc\u03b5\u03b4\u03c1\u03bf\u03c2\r\n tr.innerHTML = `<td>${row[0]}<\/td><td>${row[1]}<\/td><td>${row[5] || ''}<\/td>`;\r\n tr.onclick = () => { \r\n fillForm(row); \r\n closeModal(); \r\n document.getElementById('msg').style.display=\"none\";\r\n };\r\n tbody.appendChild(tr);\r\n });\r\n document.getElementById('listModal').style.display = \"block\";\r\n msg.style.display = \"none\";\r\n })\r\n .catch(() => { msg.innerHTML = \"\u274c \u03a3\u03c6\u03ac\u03bb\u03bc\u03b1 \u03bb\u03af\u03c3\u03c4\u03b1\u03c2!\"; });\r\n }\r\n\r\n function fillForm(data) {\r\n const ids = ['am','onomasia','edra','idrytiko','eggegrammeno','proedros','tilefono','afm_proedrou','afm_somateiou','imerominia_eggrafis','synedroi','dieythinsi','tk','email','paratiriseis','barcode','arithmos_diataxis','taktopoiimeno','imerominia_diagrafis'];\r\n ids.forEach((id, i) => { \r\n if(document.getElementById(id)) document.getElementById(id).value = data[i] || ''; \r\n });\r\n }\r\n\r\n function closeModal() { document.getElementById('listModal').style.display = \"none\"; }\r\n function clearForm() { document.getElementById('mainForm').reset(); document.getElementById('msg').style.display=\"none\"; }\r\n \r\n \/\/ \u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bf modal \u03b1\u03bd \u03c0\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9 \u03ad\u03be\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03c0\u03bb\u03b1\u03af\u03c3\u03b9\u03bf\r\n window.onclick = function(event) {\r\n if (event.target == document.getElementById('listModal')) closeModal();\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>\u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u039f\u0395\u039a_\u039f\u0399\u039a\u039f\u039d\u039f\u039c\u0399\u039a\u0391 \ud83c\udfe2 \u039a\u03b1\u03c1\u03c4\u03ad\u03bb\u03b1 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03bf\u03c5 \u0391\u039c \/ \u0391\u039d\u0391\u0396\u0397\u03a4\u0397\u03a3\u0397 \u039f\u039d\u039f\u039c\u0391\u03a3\u0399\u0391 \u0395\u0394\u03a1\u0391 \u0399\u0394\u03a1\u03a5\u03a4\u0399\u039a\u039f \u0395\u0393\u0393\u0395\u0393\u03a1\u0391\u039c\u039c\u0395\u039d\u039f \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5…\u039d\u0391\u0399\u039f\u03a7\u0399 \u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a3 \u03a4\u0397\u039b\u0395\u03a6\u03a9\u039d\u039f \u0391\u03a6\u039c \u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a5 \u0391\u03a6\u039c \u03a3\u03a9\u039c\u0391\u03a4\u0395\u0399\u039f\u03a5 \u0397\u039c. \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397\u03a3 \u03a3\u03a5\u039d\u0395\u0394\u03a1\u039f\u0399 \u0394\u0399\u0395\u03a5\u0398\u03a5\u039d\u03a3\u0397 \u03a4.\u039a. EMAIL BARCODE \u0391\u03a1. \u0394\u0399\u0391\u03a4\u0391\u039e\u0397\u03a3 \u03a4\u0391\u039a\u03a4\u039f\u03a0\u039f\u0399\u0397\u039c\u0395\u039d\u039f \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5…\u039d\u0391\u0399\u039f\u03a7\u0399 \u0397\u039c. \u0394\u0399\u0391\u0393\u03a1\u0391\u03a6\u0397\u03a3 \u03a0\u0391\u03a1\u0391\u03a4\u0397\u03a1\u0397\u03a3\u0395\u0399\u03a3 \ud83d\udd0d \u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \ud83d\udcbe \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \ud83d\udccb \u039b\u03af\u03c3\u03c4\u03b1 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03c9\u03bd \u2728 \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \ud83d\uddd1\ufe0f \u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae × \u039a\u03b1\u03c4\u03ac\u03bb\u03bf\u03b3\u03bf\u03c2 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03c9\u03bd AM \u039f\u039d\u039f\u039c\u0391\u03a3\u0399\u0391 \u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a3<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-2899","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/pages\/2899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/comments?post=2899"}],"version-history":[{"count":98,"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/pages\/2899\/revisions"}],"predecessor-version":[{"id":4148,"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/pages\/2899\/revisions\/4148"}],"wp:attachment":[{"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/media?parent=2899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u039f\u0395\u039a_\u039f\u0399\u039a\u039f\u039d\u039f\u039c\u0399\u039a\u0391<\/title>\r\n <style>\r\n body { font-family: 'Segoe UI', Arial, sans-serif; background: #f0f2f5; padding: 10px; }\r\n \r\n .container { \r\n max-width: 450px; \r\n margin: 20px auto; \r\n background: #ffffff; \r\n padding: 20px; \r\n border-radius: 10px; \r\n box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n border-top: 6px solid #0053a0;\r\n }\r\n\r\n h2 { text-align: center; color: #0053a0; font-size: 20px; margin-bottom: 20px; }\r\n\r\n .form-group { display: block; margin-bottom: 15px; }\r\n\r\n label { \r\n display: block; font-size: 11px; font-weight: bold; color: #444; \r\n margin-bottom: 5px; text-transform: uppercase;\r\n }\r\n\r\n input, select, textarea { \r\n width: 100%; padding: 12px; border: 1px solid #ccc; \r\n border-radius: 6px; font-size: 14px; box-sizing: border-box; \r\n }\r\n\r\n .button-stack { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }\r\n \r\n button { \r\n width: 100%; padding: 14px; border: none; border-radius: 6px; \r\n cursor: pointer; font-weight: bold; font-size: 14px; \r\n color: white; text-transform: uppercase;\r\n }\r\n\r\n .btn-search { background: #495057; }\r\n .btn-save { background: #28a745; }\r\n .btn-clear { background: #17a2b8; }\r\n .btn-delete { background: #DCCE35; }\r\n .btn-list { background: #6f42c1; }\r\n\r\n #msg { \r\n margin-top: 15px; padding: 10px; text-align: center; \r\n font-weight: bold; border-radius: 5px; display: none; \r\n }\r\n\r\n \/* --- MODAL CSS --- *\/\r\n .modal {\r\n display: none; position: fixed; z-index: 1000; \r\n left: 0; top: 0; width: 100%; height: 100%; \r\n background-color: rgba(0,0,0,0.6); \r\n }\r\n\r\n .modal-content {\r\n background-color: #fff; margin: 5% auto; padding: 20px; \r\n border-radius: 10px; width: 90%; max-width: 700px; \r\n max-height: 80vh; overflow-y: auto;\r\n }\r\n\r\n .close-btn { float: right; font-size: 24px; cursor: pointer; color: #aaa; }\r\n .close-btn:hover { color: #000; }\r\n\r\n table { width: 100%; border-collapse: collapse; margin-top: 15px; }\r\n th, td { border: 1px solid #ddd; padding: 10px; text-align: left; font-size: 13px; }\r\n th { background-color: #0053a0; color: white; }\r\n tr:nth-child(even) { background-color: #f9f9f9; }\r\n tr:hover { background-color: #f1f1f1; cursor: pointer; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <h2>\ud83c\udfe2 \u039a\u03b1\u03c1\u03c4\u03ad\u03bb\u03b1 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03bf\u03c5<\/h2>\r\n <form id=\"mainForm\">\r\n <div class=\"form-group\"><label>\u0391\u039c \/ \u0391\u039d\u0391\u0396\u0397\u03a4\u0397\u03a3\u0397<\/label><input type=\"text\" id=\"am\" name=\"am\" placeholder=\"\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u039c\u03b7\u03c4\u03c1\u03ce\u03bf\u03c5...\" required><\/div>\r\n <div class=\"form-group\"><label>\u039f\u039d\u039f\u039c\u0391\u03a3\u0399\u0391<\/label><input type=\"text\" id=\"onomasia\" name=\"onomasia\"><\/div>\r\n <div class=\"form-group\"><label>\u0395\u0394\u03a1\u0391<\/label><input type=\"text\" id=\"edra\" name=\"edra\"><\/div>\r\n <div class=\"form-group\"><label>\u0399\u0394\u03a1\u03a5\u03a4\u0399\u039a\u039f<\/label><input type=\"text\" id=\"idrytiko\" name=\"idrytiko\"><\/div>\r\n <div class=\"form-group\">\r\n <label>\u0395\u0393\u0393\u0395\u0393\u03a1\u0391\u039c\u039c\u0395\u039d\u039f<\/label>\r\n <select id=\"eggegrammeno\" name=\"eggegrammeno\">\r\n <option value=\"\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5...<\/option>\r\n <option value=\"\u039d\u0391\u0399\">\u039d\u0391\u0399<\/option>\r\n <option value=\"\u039f\u03a7\u0399\">\u039f\u03a7\u0399<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\"><label>\u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a3<\/label><input type=\"text\" id=\"proedros\" name=\"proedros\"><\/div>\r\n <div class=\"form-group\"><label>\u03a4\u0397\u039b\u0395\u03a6\u03a9\u039d\u039f<\/label><input type=\"text\" id=\"tilefono\" name=\"tilefono\"><\/div>\r\n <div class=\"form-group\"><label>\u0391\u03a6\u039c \u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a5<\/label><input type=\"text\" id=\"afm_proedrou\" name=\"afm_proedrou\"><\/div>\r\n <div class=\"form-group\"><label>\u0391\u03a6\u039c \u03a3\u03a9\u039c\u0391\u03a4\u0395\u0399\u039f\u03a5<\/label><input type=\"text\" id=\"afm_somateiou\" name=\"afm_somateiou\"><\/div>\r\n <div class=\"form-group\"><label>\u0397\u039c. \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397\u03a3<\/label><input type=\"text\" id=\"imerominia_eggrafis\" name=\"imerominia_eggrafis\"><\/div>\r\n <div class=\"form-group\"><label>\u03a3\u03a5\u039d\u0395\u0394\u03a1\u039f\u0399<\/label><input type=\"number\" id=\"synedroi\" name=\"synedroi\"><\/div>\r\n <div class=\"form-group\"><label>\u0394\u0399\u0395\u03a5\u0398\u03a5\u039d\u03a3\u0397<\/label><input type=\"text\" id=\"dieythinsi\" name=\"dieythinsi\"><\/div>\r\n <div class=\"form-group\"><label>\u03a4.\u039a.<\/label><input type=\"text\" id=\"tk\" name=\"tk\"><\/div>\r\n <div class=\"form-group\"><label>EMAIL<\/label><input type=\"email\" id=\"email\" name=\"email\"><\/div>\r\n <div class=\"form-group\"><label>BARCODE<\/label><input type=\"text\" id=\"barcode\" name=\"barcode\"><\/div>\r\n <div class=\"form-group\"><label>\u0391\u03a1. \u0394\u0399\u0391\u03a4\u0391\u039e\u0397\u03a3<\/label><input type=\"text\" id=\"arithmos_diataxis\" name=\"arithmos_diataxis\"><\/div>\r\n <div class=\"form-group\">\r\n <label>\u03a4\u0391\u039a\u03a4\u039f\u03a0\u039f\u0399\u0397\u039c\u0395\u039d\u039f<\/label>\r\n <select id=\"taktopoiimeno\" name=\"taktopoiimeno\">\r\n <option value=\"\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5...<\/option>\r\n <option value=\"\u039d\u0391\u0399\">\u039d\u0391\u0399<\/option>\r\n <option value=\"\u039f\u03a7\u0399\">\u039f\u03a7\u0399<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\"><label>\u0397\u039c. \u0394\u0399\u0391\u0393\u03a1\u0391\u03a6\u0397\u03a3<\/label><input type=\"text\" id=\"imerominia_diagrafis\" name=\"imerominia_diagrafis\"><\/div>\r\n <div class=\"form-group\"><label>\u03a0\u0391\u03a1\u0391\u03a4\u0397\u03a1\u0397\u03a3\u0395\u0399\u03a3<\/label><textarea id=\"paratiriseis\" name=\"paratiriseis\" rows=\"3\"><\/textarea><\/div>\r\n\r\n <div class=\"button-stack\">\r\n <button type=\"button\" class=\"btn-search\" onclick=\"doAction('search')\">\ud83d\udd0d \u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7<\/button>\r\n <button type=\"button\" class=\"btn-save\" onclick=\"doAction('update')\">\ud83d\udcbe \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7<\/button>\r\n <button type=\"button\" class=\"btn-list\" onclick=\"fetchList()\">\ud83d\udccb \u039b\u03af\u03c3\u03c4\u03b1 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03c9\u03bd<\/button>\r\n <button type=\"button\" class=\"btn-clear\" onclick=\"clearForm()\">\u2728 \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2<\/button>\r\n <button type=\"button\" class=\"btn-delete\" onclick=\"doAction('delete')\">\ud83d\uddd1\ufe0f \u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae<\/button>\r\n <\/div>\r\n <\/form>\r\n <div id=\"msg\"><\/div>\r\n<\/div>\r\n\r\n<div id=\"listModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-btn\" onclick=\"closeModal()\">×<\/span>\r\n <h3 style=\"color:#0053a0;\">\u039a\u03b1\u03c4\u03ac\u03bb\u03bf\u03b3\u03bf\u03c2 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03c9\u03bd<\/h3>\r\n <table id=\"listTable\">\r\n <thead>\r\n <tr>\r\n <th>AM<\/th>\r\n <th>\u039f\u039d\u039f\u039c\u0391\u03a3\u0399\u0391<\/th>\r\n <th>\u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a3<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody><\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ \u03a0\u03a1\u039f\u03a3\u039f\u03a7\u0397: \u0392\u03b5\u03b2\u03b1\u03b9\u03ce\u03c3\u03bf\u03c5 \u03cc\u03c4\u03b9 \u03c4\u03bf Script URL \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc \u03b1\u03c0\u03cc \u03c4\u03bf Google Apps Script\r\n const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwU-u-oJgVcbvaQQVkNPUxwJIq0lnlE0-L8kDgL9dbwivfkAKSrDO2ZXsCkFtzuXQ49fQ\/exec';\r\n\r\n function doAction(action) {\r\n const am = document.getElementById('am').value;\r\n const msg = document.getElementById('msg');\r\n if (!am && action !== 'list') { alert(\"\u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03bf \u0391\u039c\"); return; }\r\n\r\n msg.style.display = \"block\";\r\n msg.innerHTML = \"\u23f3 \u0395\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1...\";\r\n msg.style.background = \"#eee\";\r\n\r\n if (action === 'search') {\r\n fetch(scriptURL + \"?action=search&am=\" + am)\r\n .then(res => res.json())\r\n .then(data => {\r\n if (data === \"Not Found\") {\r\n msg.innerHTML = \"\u274c \u0394\u03b5\u03bd \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b5!\";\r\n msg.style.background = \"#f8d7da\";\r\n } else {\r\n fillForm(data);\r\n msg.innerHTML = \"\u2705 \u0392\u03c1\u03ad\u03b8\u03b7\u03ba\u03b5!\";\r\n msg.style.background = \"#d4edda\";\r\n }\r\n }).catch(() => msg.innerHTML = \"\u274c \u03a3\u03c6\u03ac\u03bb\u03bc\u03b1 \u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7\u03c2!\");\r\n } else {\r\n const formData = new URLSearchParams(new FormData(document.getElementById('mainForm')));\r\n formData.append('action', action);\r\n fetch(scriptURL, { method: 'POST', mode: 'no-cors', body: formData })\r\n .then(() => {\r\n msg.innerHTML = \"\u2705 \u0397 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5!\";\r\n msg.style.background = \"#d4edda\";\r\n }).catch(() => msg.innerHTML = \"\u274c \u03a3\u03c6\u03ac\u03bb\u03bc\u03b1 \u03a3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7\u03c2!\");\r\n }\r\n }\r\n\r\n function fetchList() {\r\n const msg = document.getElementById('msg');\r\n msg.style.display = \"block\";\r\n msg.innerHTML = \"\u23f3 \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03bb\u03af\u03c3\u03c4\u03b1\u03c2...\";\r\n \r\n fetch(scriptURL + \"?action=list\")\r\n .then(res => res.json())\r\n .then(data => {\r\n const tbody = document.querySelector('#listTable tbody');\r\n tbody.innerHTML = \"\";\r\n data.forEach(row => {\r\n const tr = document.createElement('tr');\r\n \/\/ \u03a3\u03c4\u03ae\u03bb\u03b5\u03c2: 0=AM, 1=\u039f\u03bd\u03bf\u03bc\u03b1\u03c3\u03af\u03b1, 5=\u03a0\u03c1\u03cc\u03b5\u03b4\u03c1\u03bf\u03c2\r\n tr.innerHTML = `<td>${row[0]}<\/td><td>${row[1]}<\/td><td>${row[5] || ''}<\/td>`;\r\n tr.onclick = () => { \r\n fillForm(row); \r\n closeModal(); \r\n document.getElementById('msg').style.display=\"none\";\r\n };\r\n tbody.appendChild(tr);\r\n });\r\n document.getElementById('listModal').style.display = \"block\";\r\n msg.style.display = \"none\";\r\n })\r\n .catch(() => { msg.innerHTML = \"\u274c \u03a3\u03c6\u03ac\u03bb\u03bc\u03b1 \u03bb\u03af\u03c3\u03c4\u03b1\u03c2!\"; });\r\n }\r\n\r\n function fillForm(data) {\r\n const ids = ['am','onomasia','edra','idrytiko','eggegrammeno','proedros','tilefono','afm_proedrou','afm_somateiou','imerominia_eggrafis','synedroi','dieythinsi','tk','email','paratiriseis','barcode','arithmos_diataxis','taktopoiimeno','imerominia_diagrafis'];\r\n ids.forEach((id, i) => { \r\n if(document.getElementById(id)) document.getElementById(id).value = data[i] || ''; \r\n });\r\n }\r\n\r\n function closeModal() { document.getElementById('listModal').style.display = \"none\"; }\r\n function clearForm() { document.getElementById('mainForm').reset(); document.getElementById('msg').style.display=\"none\"; }\r\n \r\n \/\/ \u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bf modal \u03b1\u03bd \u03c0\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9 \u03ad\u03be\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03c0\u03bb\u03b1\u03af\u03c3\u03b9\u03bf\r\n window.onclick = function(event) {\r\n if (event.target == document.getElementById('listModal')) closeModal();\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>\u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u039f\u0395\u039a_\u039f\u0399\u039a\u039f\u039d\u039f\u039c\u0399\u039a\u0391 \ud83c\udfe2 \u039a\u03b1\u03c1\u03c4\u03ad\u03bb\u03b1 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03bf\u03c5 \u0391\u039c \/ \u0391\u039d\u0391\u0396\u0397\u03a4\u0397\u03a3\u0397 \u039f\u039d\u039f\u039c\u0391\u03a3\u0399\u0391 \u0395\u0394\u03a1\u0391 \u0399\u0394\u03a1\u03a5\u03a4\u0399\u039a\u039f \u0395\u0393\u0393\u0395\u0393\u03a1\u0391\u039c\u039c\u0395\u039d\u039f \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5…\u039d\u0391\u0399\u039f\u03a7\u0399 \u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a3 \u03a4\u0397\u039b\u0395\u03a6\u03a9\u039d\u039f \u0391\u03a6\u039c \u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a5 \u0391\u03a6\u039c \u03a3\u03a9\u039c\u0391\u03a4\u0395\u0399\u039f\u03a5 \u0397\u039c. \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397\u03a3 \u03a3\u03a5\u039d\u0395\u0394\u03a1\u039f\u0399 \u0394\u0399\u0395\u03a5\u0398\u03a5\u039d\u03a3\u0397 \u03a4.\u039a. EMAIL BARCODE \u0391\u03a1. \u0394\u0399\u0391\u03a4\u0391\u039e\u0397\u03a3 \u03a4\u0391\u039a\u03a4\u039f\u03a0\u039f\u0399\u0397\u039c\u0395\u039d\u039f \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5…\u039d\u0391\u0399\u039f\u03a7\u0399 \u0397\u039c. \u0394\u0399\u0391\u0393\u03a1\u0391\u03a6\u0397\u03a3 \u03a0\u0391\u03a1\u0391\u03a4\u0397\u03a1\u0397\u03a3\u0395\u0399\u03a3 \ud83d\udd0d \u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \ud83d\udcbe \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \ud83d\udccb \u039b\u03af\u03c3\u03c4\u03b1 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03c9\u03bd \u2728 \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \ud83d\uddd1\ufe0f \u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae × \u039a\u03b1\u03c4\u03ac\u03bb\u03bf\u03b3\u03bf\u03c2 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b5\u03af\u03c9\u03bd AM \u039f\u039d\u039f\u039c\u0391\u03a3\u0399\u0391 \u03a0\u03a1\u039f\u0395\u0394\u03a1\u039f\u03a3<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-2899","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/pages\/2899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/comments?post=2899"}],"version-history":[{"count":98,"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/pages\/2899\/revisions"}],"predecessor-version":[{"id":4148,"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/pages\/2899\/revisions\/4148"}],"wp:attachment":[{"href":"https:\/\/sxolikes-katharistries.gr\/wordpress\/wp-json\/wp\/v2\/media?parent=2899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}