{"id":20,"date":"2025-03-28T09:08:37","date_gmt":"2025-03-28T09:08:37","guid":{"rendered":"https:\/\/4kidsofcolombia.org\/?page_id=20"},"modified":"2025-03-28T10:07:23","modified_gmt":"2025-03-28T10:07:23","slug":"%ce%b5%cf%80%ce%b9%ce%ba%ce%bf%ce%b9%ce%bd%cf%89%ce%bd%ce%b9%ce%b1","status":"publish","type":"page","link":"https:\/\/www.4kidsofcolombia.org\/?page_id=20","title":{"rendered":"\u0395\u03a0\u0399\u039a\u039f\u0399\u039d\u03a9\u039d\u0399\u0391"},"content":{"rendered":"\n<style>\n  \/* Style the form *\/\n  form {\n    max-width: 500px;\n    margin: 0 auto;\n    padding: 20px;\n    background-color: #f7f7f7;\n    border-radius: 10px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  }\n\n  \/* Style form labels and inputs *\/\n  label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: bold;\n  }\n\n  input[type=\"text\"],\n  input[type=\"email\"],\n  textarea {\n    width: 100%;\n    padding: 10px;\n    margin-bottom: 20px;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    box-sizing: border-box;\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  \/* Style submit button *\/\n  input[type=\"submit\"] {\n    background-color: #4CAF50;\n    color: white;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  input[type=\"submit\"]:hover {\n    background-color: #45a049;\n  }\n\n  \/* CAPTCHA checkbox styling *\/\n  .captcha-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 20px;\n  }\n\n  .captcha-container input[type=\"checkbox\"] {\n    margin-right: 10px;\n  }\n\n  .error-message {\n    color: red;\n    font-size: 0.9em;\n    margin-top: -15px;\n  }\n<\/style>\n\n<form action=\"send-mail.php\" method=\"POST\" onsubmit=\"return validateForm();\">\n  <label for=\"first_name\">\u038c\u03bd\u03bf\u03bc\u03b1:<\/label>\n  <input type=\"text\" id=\"first_name\" name=\"first_name\" maxlength=\"50\" required>\n\n  <label for=\"last_name\">\u0395\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf:<\/label>\n  <input type=\"text\" id=\"last_name\" name=\"last_name\" maxlength=\"50\" required>\n\n  <label for=\"email\">Email:<\/label>\n  <input type=\"email\" id=\"email\" name=\"email\" maxlength=\"50\" required>\n\n  <label for=\"message\">\u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf:<\/label>\n  <textarea id=\"message\" name=\"message\" maxlength=\"2000\" rows=\"5\"><\/textarea>\n\n  <!-- CAPTCHA Checkbox -->\n  <div class=\"captcha-container\">\n    <input type=\"checkbox\" id=\"not_robot\" name=\"not_robot\">\n    <label for=\"not_robot\">\u0394\u03b5\u03bd \u03b5\u03af\u03bc\u03b1\u03b9 \u03c1\u03bf\u03bc\u03c0\u03cc\u03c4<\/label>\n  <\/div>\n  <div id=\"captcha-error\" class=\"error-message\" style=\"display: none;\">\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b5\u03c0\u03b9\u03b2\u03b5\u03b2\u03b1\u03b9\u03ce\u03c3\u03c4\u03b5 \u03cc\u03c4\u03b9 \u03b4\u03b5\u03bd \u03b5\u03af\u03c3\u03c4\u03b5 \u03c1\u03bf\u03bc\u03c0\u03cc\u03c4.<\/div>\n\n  <input type=\"submit\" value=\"\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae\">\n<\/form>\n\n<script>\n  function validateForm() {\n    const messageField = document.getElementById(\"message\");\n    const captcha = document.getElementById(\"not_robot\");\n    const errorMessage = document.getElementById(\"captcha-error\");\n\n    \/\/ Reset error message for CAPTCHA\n    errorMessage.style.display = \"none\";\n\n    \/\/ Check if the CAPTCHA checkbox is checked\n    if (!captcha.checked) {\n      errorMessage.style.display = \"block\";  \/\/ Show custom error message for CAPTCHA\n      return false;  \/\/ Prevent form submission\n    }\n\n    \/\/ Check if the message field is empty\n    if (messageField.value.trim() === \"\") {\n      messageField.setCustomValidity(\"\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03c0\u03bb\u03b7\u03ba\u03c4\u03c1\u03bf\u03bb\u03bf\u03b3\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03ac \u03c3\u03b1\u03c2.\");\n      return false;  \/\/ Prevent form submission\n    } else {\n      messageField.setCustomValidity(\"\");  \/\/ Reset the error message if the field is filled\n    }\n\n    return true;  \/\/ Proceed with form submission\n  }\n\n  \/\/ Adding an event listener to the message field to clear the custom error when the user types\n  document.getElementById(\"message\").addEventListener(\"input\", function() {\n    this.setCustomValidity(\"\");  \/\/ Clears the custom validation message when the user starts typing\n  });\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u038c\u03bd\u03bf\u03bc\u03b1: \u0395\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf: Email: \u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf: \u0394\u03b5\u03bd \u03b5\u03af\u03bc\u03b1\u03b9 \u03c1\u03bf\u03bc\u03c0\u03cc\u03c4 \u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b5\u03c0\u03b9\u03b2\u03b5\u03b2\u03b1\u03b9\u03ce\u03c3\u03c4\u03b5 \u03cc\u03c4\u03b9 \u03b4\u03b5\u03bd \u03b5\u03af\u03c3\u03c4\u03b5 \u03c1\u03bf\u03bc\u03c0\u03cc\u03c4.<\/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-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.4kidsofcolombia.org\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4kidsofcolombia.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.4kidsofcolombia.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.4kidsofcolombia.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4kidsofcolombia.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":2,"href":"https:\/\/www.4kidsofcolombia.org\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/www.4kidsofcolombia.org\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/104"}],"wp:attachment":[{"href":"https:\/\/www.4kidsofcolombia.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}