{"id":317,"date":"2024-07-16T22:33:27","date_gmt":"2024-07-16T21:33:27","guid":{"rendered":"https:\/\/farehamcctv.co.uk\/?page_id=317"},"modified":"2024-07-19T00:22:06","modified_gmt":"2024-07-18T23:22:06","slug":"contact","status":"publish","type":"page","link":"https:\/\/farehamcctv.co.uk\/?page_id=317","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"317\" class=\"elementor elementor-317\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5700ee91 e-flex e-con-boxed e-con e-parent\" data-id=\"5700ee91\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2598aa1d elementor-widget elementor-widget-spacer\" data-id=\"2598aa1d\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 15-07-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6be0e772 elementor-widget elementor-widget-heading\" data-id=\"6be0e772\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 15-07-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Book a Free Inspection<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44b8ce43 elementor-widget elementor-widget-text-editor\" data-id=\"44b8ce43\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 15-07-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t\n    <form id=\"simple-contact-form\">\n        <input type=\"hidden\" id=\"requesting_site\" name=\"requesting_site\" value=\"https:\/\/farehamcctv.co.uk\">\n        Full Name: <input type=\"text\" id=\"name\" name=\"name\" required><br>\n        Full Address: <input type=\"text\" id=\"address\" name=\"address\"><br>\n        Postcode: <input type=\"text\" id=\"postcode\" name=\"postcode\"><br>\n        Phone: <input type=\"text\" id=\"phone\" name=\"phone\"><br>\n        Email: <input type=\"email\" id=\"email\" name=\"email\" required><br>\n        Device Type: \n        <select id=\"device_type\" name=\"device_type\" required>\n            <option value=\"\">Please select<\/option><option value=\"Laptop\">Laptop<\/option><option value=\"Desktop\">Desktop<\/option><option value=\"Mobile\">Mobile<\/option><option value=\"Tablet\">Tablet<\/option><option value=\"Console\">Console<\/option>\n        <\/select><br>\n        Device Description: <input type=\"text\" id=\"device_description\" name=\"device_description\"><br>\n        Device Fault: <input type=\"text\" id=\"device_fault\" name=\"device_fault\"><br>\n        Powers On: \n        <select id=\"powers_on\" name=\"powers_on\" required>\n            <option value=\"\">Please select<\/option>\n            <option value=\"Yes\">Yes<\/option>\n            <option value=\"No\">No<\/option>\n        <\/select><br>\n        Error Message: <input type=\"text\" id=\"error_message\" name=\"error_message\"><br>\n        Password: <input type=\"text\" id=\"password\" name=\"password\"><br>\n        Service Level: \n        <select id=\"service_level\" name=\"service_level\" required>\n            <option value=\"\">Please select<\/option><option value=\"Standard\">Standard<\/option><option value=\"Student\">Student<\/option><option value=\"Fast Track\">Fast Track<\/option>\n        <\/select><br>\n        <input type=\"hidden\" id=\"g-recaptcha-response\" name=\"g-recaptcha-response\">\n        <button type=\"submit\">Submit<\/button>\n    <\/form>\n    <div id=\"form-response\"><\/div>\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6LffaBEqAAAAAE2kWlniLa_wWF-6CbYlL8d11QYM\"><\/script>\n    <script>\n    grecaptcha.ready(function() {\n        grecaptcha.execute(\"6LffaBEqAAAAAE2kWlniLa_wWF-6CbYlL8d11QYM\", {action: \"submit\"}).then(function(token) {\n            document.getElementById(\"g-recaptcha-response\").value = token;\n        });\n    });\n\n    document.getElementById(\"simple-contact-form\").addEventListener(\"submit\", function(event) {\n        event.preventDefault();\n        const formData = {\n            requesting_site: document.getElementById(\"requesting_site\").value,\n            name: document.getElementById(\"name\").value,\n            address: document.getElementById(\"address\").value,\n            postcode: document.getElementById(\"postcode\").value,\n            phone: document.getElementById(\"phone\").value,\n            email: document.getElementById(\"email\").value,\n            device_type: document.getElementById(\"device_type\").value,\n            device_description: document.getElementById(\"device_description\").value,\n            device_fault: document.getElementById(\"device_fault\").value,\n            powers_on: document.getElementById(\"powers_on\").value,\n            error_message: document.getElementById(\"error_message\").value,\n            password: document.getElementById(\"password\").value,\n            service_level: document.getElementById(\"service_level\").value,\n            recaptcha: document.getElementById(\"g-recaptcha-response\").value\n        };\n\n        \/\/ Validate the dropdowns\n        if (!formData.device_type || !formData.powers_on || !formData.service_level) {\n            document.getElementById(\"form-response\").innerText = \"Please fill out all required fields.\";\n            return;\n        }\n\n        console.log(\"Sending data:\", formData); \/\/ Debug log\n        fetch(\"https:\/\/api-js.remote-host.co.uk\/wp_api.php\", {\n            method: \"POST\",\n            headers: {\n                \"Content-Type\": \"application\/json\"\n            },\n            body: JSON.stringify(formData)\n        })\n        .then(response => {\n            if (!response.ok) {\n                throw new Error(\"Network response was not ok: \" + response.statusText);\n            }\n            return response.json();\n        })\n        .then(data => {\n            if (data.message === \"Contact saved successfully\") {\n                document.getElementById(\"simple-contact-form\").reset();\n                document.getElementById(\"simple-contact-form\").style.display = \"none\";\n                document.getElementById(\"form-response\").innerText = \"Thank you for your submission! We will be in contact to arrange collection.\";\n            } else {\n                document.getElementById(\"form-response\").innerText = data.message;\n            }\n            console.log(\"Response received:\", data); \/\/ Debug log\n        })\n        .catch(error => {\n            document.getElementById(\"form-response\").innerText = \"An error occurred: \" + error.message;\n            console.error(\"Error occurred:\", error); \/\/ Debug log\n        });\n    });\n    <\/script>\t\t\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<div class=\"elementor-element elementor-element-d2844d1 e-flex e-con-boxed e-con e-parent\" data-id=\"d2844d1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0db4076 elementor-widget elementor-widget-text-editor\" data-id=\"0db4076\" data-element_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[wp_support_chat]\n\n    <div id=\"chat-container\" class=\"p-3\">\n        <div class=\"card\" id=\"chat2\">\n            <div class=\"card-header d-flex justify-content-between align-items-center p-3\">\n                <h5 class=\"mb-0\">Chat<\/h5>\n                <button type=\"button\" class=\"btn btn-primary btn-sm\" onclick=\"toggleChat()\">Minimize<\/button>\n            <\/div>\n            <div class=\"card-body\" id=\"message-feed\" style=\"height: 300px; overflow-y: auto;\">\n                <!-- Messages will be appended here dynamically -->\n            <\/div>\n            <div class=\"card-footer text-muted d-flex justify-content-start align-items-center p-3\">\n                <input type=\"text\" class=\"form-control form-control-lg me-2\" id=\"message\" placeholder=\"Type message\" autofocus>\n                <button class=\"btn btn-primary\" onclick=\"sendMessage()\"><i class=\"fas fa-paper-plane\"><\/i><\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n    <button id=\"chat-toggle\" class=\"btn btn-primary btn-floating btn-lg\" onclick=\"toggleChat()\">\n        <i class=\"fas fa-comments\"><\/i>\n    <\/button>\n    \t\t\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>Book a Free Inspection [wp_support_chat]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farehamcctv.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farehamcctv.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farehamcctv.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farehamcctv.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farehamcctv.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=317"}],"version-history":[{"count":16,"href":"https:\/\/farehamcctv.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/317\/revisions"}],"predecessor-version":[{"id":335,"href":"https:\/\/farehamcctv.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/317\/revisions\/335"}],"wp:attachment":[{"href":"https:\/\/farehamcctv.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}