{"id":7,"date":"2026-04-22T15:21:24","date_gmt":"2026-04-22T15:21:24","guid":{"rendered":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/?page_id=7"},"modified":"2026-04-22T15:21:24","modified_gmt":"2026-04-22T15:21:24","slug":"property-search","status":"publish","type":"page","link":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/?page_id=7","title":{"rendered":"Property Search"},"content":{"rendered":"        <div class=\"pf-search-container\" style=\"max-width: 1200px; margin: 0 auto; padding: 2rem;\">\n            <div class=\"pf-search-form\" style=\"background: white; padding: 2rem; border-radius: 1rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1);\">\n                <h2 style=\"text-align: center; margin-bottom: 2rem; color: #1e293b;\">Find Your Property<\/h2>\n                \n                <form id=\"pf-property-search\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem;\">\n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Location<\/label>\n                        <input type=\"text\" name=\"location\" placeholder=\"Postcode, area, or town\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                    <\/div>\n                    \n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Property Type<\/label>\n                        <select name=\"property_type\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                            <option value=\"\">All Types<\/option>\n                            <option value=\"house\">House<\/option>\n                            <option value=\"flat\">Flat<\/option>\n                            <option value=\"bungalow\">Bungalow<\/option>\n                            <option value=\"land\">Land<\/option>\n                            <option value=\"commercial\">Commercial<\/option>\n                            <option value=\"new_build\">New Build<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Status<\/label>\n                        <select name=\"status\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                            <option value=\"\">For Sale & To Let<\/option>\n                            <option value=\"for_sale\">For Sale<\/option>\n                            <option value=\"to_let\">To Let<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Price Range<\/label>\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem;\">\n                            <input type=\"number\" name=\"price_min\" placeholder=\"Min\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                            <input type=\"number\" name=\"price_max\" placeholder=\"Max\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Bedrooms<\/label>\n                        <select name=\"bedrooms\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                            <option value=\"\">Any<\/option>\n                            <option value=\"1\">1+<\/option>\n                            <option value=\"2\">2+<\/option>\n                            <option value=\"3\">3+<\/option>\n                            <option value=\"4\">4+<\/option>\n                            <option value=\"5\">5+<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div style=\"display: flex; align-items: flex-end;\">\n                        <button type=\"submit\" class=\"pf-btn\" style=\"width: 100%; padding: 0.75rem 1.5rem; background: #2563eb; color: white; border: none; border-radius: 0.5rem; font-weight: 500; cursor: pointer;\">\n                            Search Properties\n                        <\/button>\n                    <\/div>\n                <\/form>\n                \n                                <div style=\"text-align: center; margin-top: 1rem;\">\n                    <button id=\"pf-advanced-toggle\" class=\"pf-btn pf-btn-secondary\" style=\"background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer;\">\n                        Advanced Search\n                    <\/button>\n                <\/div>\n                \n                <div id=\"pf-advanced-options\" style=\"display: none; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #e5e7eb;\">\n                    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem;\">\n                        <div>\n                            <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Radius (miles)<\/label>\n                            <select name=\"radius\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                                <option value=\"\">Exact match<\/option>\n                                <option value=\"1\">1 mile<\/option>\n                                <option value=\"3\">3 miles<\/option>\n                                <option value=\"5\">5 miles<\/option>\n                                <option value=\"10\">10 miles<\/option>\n                                <option value=\"15\">15 miles<\/option>\n                                <option value=\"25\">25 miles<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div>\n                            <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Property Features<\/label>\n                            <div style=\"display: flex; flex-direction: column; gap: 0.5rem;\">\n                                <label style=\"display: flex; align-items: center; gap: 0.5rem;\">\n                                    <input type=\"checkbox\" name=\"featured\" value=\"1\">\n                                    <span>Featured Properties Only<\/span>\n                                <\/label>\n                                <label style=\"display: flex; align-items: center; gap: 0.5rem;\">\n                                    <input type=\"checkbox\" name=\"new_listing\" value=\"1\">\n                                    <span>New Listings Only<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n        <\/div>\n        \n        <script>\n        document.getElementById('pf-advanced-toggle').addEventListener('click', function() {\n            const advancedOptions = document.getElementById('pf-advanced-options');\n            advancedOptions.style.display = advancedOptions.style.display === 'none' ? 'block' : 'none';\n            this.textContent = advancedOptions.style.display === 'none' ? 'Advanced Search' : 'Hide Advanced';\n        });\n        \n        document.getElementById('pf-property-search').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const formData = new FormData(this);\n            const params = new URLSearchParams();\n            \n            for (let [key, value] of formData.entries()) {\n                if (value) {\n                    params.append(key, value);\n                }\n            }\n            \n            \/\/ Redirect to results page with search parameters\n            window.location.href = 'https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/?page_id=7?' + params.toString();\n        });\n        <\/script>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":0,"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}