{"id":633,"date":"2024-07-06T15:57:58","date_gmt":"2024-07-06T15:57:58","guid":{"rendered":"https:\/\/p4provider.com\/blog\/?page_id=633"},"modified":"2024-10-23T05:24:33","modified_gmt":"2024-10-23T05:24:33","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/p4provider.com\/blog\/?page_id=633","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"633\" class=\"elementor elementor-633\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5a007a5d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5a007a5d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f9f1e90\" data-id=\"3f9f1e90\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5abedb0a elementor-widget elementor-widget-text-editor\" data-id=\"5abedb0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"form-message\" style=\"color: green; font-weight: bold;\"><\/div>\n<!-- Success\/Error Message -->\n\n<form id=\"contactForm\"><label for=\"name\">Name<\/label>\n<input id=\"name\" name=\"name\" required=\"\" type=\"text\" placeholder=\"Enter your Name\" \/>\n\n<label for=\"email\">Email<\/label>\n<input id=\"email\" name=\"email\" required=\"\" type=\"email\" placeholder=\"Enter your Email\" \/>\n\n<label for=\"message\">Message<\/label>\n<textarea id=\"message\" name=\"message\" required=\"\" placeholder=\"Type your message here...\"><\/textarea>\n\n<!-- CAPTCHA -->\n\n<label id=\"captcha-label\"><\/label> <!-- This will display the CAPTCHA equation -->\n<input id=\"captcha\" name=\"captcha\" required=\"\" type=\"text\" placeholder=\"Enter the result\" \/>\n\n<input id=\"captcha-result\" name=\"captcha-result\" type=\"hidden\" \/> <!-- Hidden field to store the correct CAPTCHA answer -->\n\n<input id=\"submit\" type=\"submit\" value=\"Send\" \/>\n\n<\/form><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Generate a simple CAPTCHA with two random numbers\n    function generateCaptcha() {\n        var num1 = Math.floor(Math.random() * 10) + 1; \/\/ Random number between 1 and 10\n        var num2 = Math.floor(Math.random() * 10) + 1;\n        var sum = num1 + num2;\n        \n        \/\/ Display the CAPTCHA equation\n        document.getElementById('captcha-label').textContent = `What is ${num1} + ${num2}?`;\n\n        \/\/ Store the correct answer in the hidden field\n        document.getElementById('captcha-result').value = sum;\n    }\n\n    \/\/ Generate CAPTCHA on page load\n    generateCaptcha();\n\n    \/\/ Handle form submission\n    document.getElementById('contactForm').addEventListener('submit', function(e) {\n        e.preventDefault(); \/\/ Prevent default form submission\n\n        var formData = new FormData(this); \/\/ Collect form data\n\n        \/\/ Validate CAPTCHA\n        var userCaptchaInput = formData.get('captcha');\n        var correctCaptcha = formData.get('captcha-result');\n\n        if (userCaptchaInput !== correctCaptcha) {\n            var messageDiv = document.getElementById('form-message');\n            messageDiv.textContent = 'CAPTCHA is incorrect. Please try again.';\n            messageDiv.style.color = 'red';\n            generateCaptcha(); \/\/ Generate a new CAPTCHA\n            return;\n        }\n\n        \/\/ AJAX request to submit the form to external PHP file\n        fetch('\/contact-form.php', { \/\/ Add link according to your theme name\n            method: 'POST',\n            body: formData\n        })\n        .then(response => response.json())\n        .then(data => {\n            var messageDiv = document.getElementById('form-message');\n            if (data.success) {\n                \/\/ Display success message\n                messageDiv.textContent = data.data;\n                messageDiv.style.color = 'green';\n                document.getElementById('contactForm').reset(); \/\/ Reset form fields\n                generateCaptcha(); \/\/ Generate new CAPTCHA after submission\n            } else {\n                \/\/ Display error message\n                messageDiv.textContent = data.data;\n                messageDiv.style.color = 'red';\n            }\n        })\n        .catch(error => {\n            console.error('Error:', error);\n        });\n    });\n});\n\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Name Email Message","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_location_hash":"","csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"footnotes":""},"class_list":{"0":"post-633","1":"page","2":"type-page","3":"status-publish","5":"cs-entry","6":"cs-video-wrap"},"_links":{"self":[{"href":"https:\/\/p4provider.com\/blog\/index.php?rest_route=\/wp\/v2\/pages\/633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/p4provider.com\/blog\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/p4provider.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/p4provider.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/p4provider.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=633"}],"version-history":[{"count":9,"href":"https:\/\/p4provider.com\/blog\/index.php?rest_route=\/wp\/v2\/pages\/633\/revisions"}],"predecessor-version":[{"id":4780,"href":"https:\/\/p4provider.com\/blog\/index.php?rest_route=\/wp\/v2\/pages\/633\/revisions\/4780"}],"wp:attachment":[{"href":"https:\/\/p4provider.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}