{"id":4215,"date":"2024-05-10T07:39:09","date_gmt":"2024-05-10T07:39:09","guid":{"rendered":"https:\/\/localhost\/wordpress\/code-wpdirectorykit\/?page_id=4215"},"modified":"2024-05-10T07:39:09","modified_gmt":"2024-05-10T07:39:09","slug":"full-screen","status":"publish","type":"page","link":"https:\/\/real.soap.zone\/e014\/full-screen\/","title":{"rendered":"Full Screen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4215\" class=\"elementor elementor-4215\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9573d4b e-flex e-con-boxed e-con e-parent\" data-id=\"9573d4b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d37c736 e-con-full e-flex e-con e-child\" data-id=\"d37c736\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cf3341 elementor-widget elementor-widget-eli-logo\" data-id=\"9cf3341\" data-element_type=\"widget\" data-widget_type=\"eli-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"widget-eli eli-logo\" id=\"eli_164574017\">\n    <div class=\"eli_container\">\n                                                    <a  href=\"https:\/\/real.soap.zone\/e014\/\"   class=\"custom-logo-link\">\n                    <img decoding=\"async\" src=\"https:\/\/real.soap.zone\/e014\/wp-content\/uploads\/sites\/15\/2025\/02\/logo-3.png\" class=\"custom-logo\"  \/>\n                <\/a>\n                        <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53d0535 elementor-widget__width-auto wl-nav-menu--indicator-classic wl-nav-menu--dropdown-tablet wl-nav-menu__text-align-aside wl-nav-menu--toggle wl-nav-menu--burger elementor-widget elementor-widget-eli-menu\" data-id=\"53d0535\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"eli-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"widget-eli elementinvader-addons-for-elementor eli-menu elementor-clickable\" id=\"eli_87885109\">\n    <div class=\"eli-container\">\n        <div class=\"wl_nav_mask\"><\/div>\n                    <nav role=\"navigation\" class=\"wl-nav-menu--main wl-nav-menu__container wl-nav-menu--layout-horizontal\"><div class=\"menu-menu-1-container\"><ul id=\"menu-1-53d0535\" class=\"wl-nav-menu wl-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-164\"><a href=\"https:\/\/real.soap.zone\/e014\/\" class=\"wl-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2807\"><a href=\"#\" class=\"wl-item wl-item-anchor\">Home Alt<\/a>\n<ul class=\"sub-menu wl-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4227\"><a href=\"https:\/\/real.soap.zone\/e014\/results\/\" class=\"wl-sub-item\">Side Map<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-163\"><a href=\"https:\/\/real.soap.zone\/e014\/grid-map\/\" class=\"wl-sub-item\">Grid Map<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2820\"><a href=\"https:\/\/real.soap.zone\/e014\/list-map\/\" class=\"wl-sub-item\">List Map<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4226\"><a href=\"https:\/\/real.soap.zone\/e014\/full-screen\/\" class=\"wl-sub-item\">Full Screen<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2622\"><a href=\"#\" class=\"wl-item wl-item-anchor\">Pages<\/a>\n<ul class=\"sub-menu wl-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4425\"><a href=\"https:\/\/real.soap.zone\/e014\/blog-2\/\" class=\"wl-sub-item\">Blog Grid<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2621\"><a href=\"https:\/\/real.soap.zone\/e014\/rent\/\" class=\"wl-sub-item\">Rent<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2620\"><a href=\"https:\/\/real.soap.zone\/e014\/sale\/\" class=\"wl-sub-item\">Sale<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4424\"><a href=\"https:\/\/real.soap.zone\/e014\/ask-experts\/\" class=\"wl-sub-item\">Ask Experts<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-893\"><a href=\"https:\/\/real.soap.zone\/e014\/contact\/\" class=\"wl-item\">Contact<\/a><\/li>\n<\/ul><\/div><\/nav>\n                    <div class=\"wl-menu-toggle\" role=\"button\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n            <i aria-hidden=\"true\" class=\"eicon-menu-bar\"><\/i>                    <\/div>\n        <nav class=\"wl-nav-menu--dropdown wl-nav-menu__container\" role=\"navigation\" aria-hidden=\"true\">\n            <a href=\"#\" class=\"wl_close-menu\">\n                <span class=\"bar1\"><\/span>\n                <span class=\"bar3\"><\/span>\n            <\/a>\n            <div class=\"menu-menu-1-container\"><ul id=\"menu-1-53d0535\" class=\"wl-nav-menu wl-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-164\"><a href=\"https:\/\/real.soap.zone\/e014\/\" class=\"wl-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2807\"><a href=\"#\" class=\"wl-item wl-item-anchor\">Home Alt<\/a>\n<ul class=\"sub-menu wl-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4227\"><a href=\"https:\/\/real.soap.zone\/e014\/results\/\" class=\"wl-sub-item\">Side Map<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-163\"><a href=\"https:\/\/real.soap.zone\/e014\/grid-map\/\" class=\"wl-sub-item\">Grid Map<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2820\"><a href=\"https:\/\/real.soap.zone\/e014\/list-map\/\" class=\"wl-sub-item\">List Map<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4226\"><a href=\"https:\/\/real.soap.zone\/e014\/full-screen\/\" class=\"wl-sub-item\">Full Screen<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2622\"><a href=\"#\" class=\"wl-item wl-item-anchor\">Pages<\/a>\n<ul class=\"sub-menu wl-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4425\"><a href=\"https:\/\/real.soap.zone\/e014\/blog-2\/\" class=\"wl-sub-item\">Blog Grid<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2621\"><a href=\"https:\/\/real.soap.zone\/e014\/rent\/\" class=\"wl-sub-item\">Rent<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2620\"><a href=\"https:\/\/real.soap.zone\/e014\/sale\/\" class=\"wl-sub-item\">Sale<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4424\"><a href=\"https:\/\/real.soap.zone\/e014\/ask-experts\/\" class=\"wl-sub-item\">Ask Experts<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-893\"><a href=\"https:\/\/real.soap.zone\/e014\/contact\/\" class=\"wl-item\">Contact<\/a><\/li>\n<\/ul><\/div>        <\/nav>\n    <\/div>\n    \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab5688e e-con-full e-flex e-con e-child\" data-id=\"ab5688e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40fc9af elementor-widget elementor-widget-wdk-button-login\" data-id=\"40fc9af\" data-element_type=\"widget\" data-widget_type=\"wdk-button-login.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\/* Start custom CSS for page-settings *\/seelctor .wdk-button-login {\n    display: flex;\n}seelctor .wdk-button-login {\n    display: flex;\n}\/* End custom CSS *\/<\/style>\n<div class=\"wdk-element wdk-button-login\" id=\"wdk_el_40fc9af\">\n        <a href=\"https:\/\/real.soap.zone\/e014\/wp-login.php\" id=\"\" class=\"wdk-element-button login\">\n                    <i aria-hidden=\"true\" class=\"fa fa-user\"><\/i>                Login            <\/a>\n    \n    <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c53ea8 no-wrapp elementor-widget elementor-widget-button\" data-id=\"2c53ea8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/real.soap.zone\/e014\/wp-admin\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-push-pin\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Add Listing<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\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-b7b92e7 e-con-full elementor-hidden-desktop elementor-hidden-tablet el_over_hidden e-flex e-con e-parent\" data-id=\"b7b92e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b4de23 theme-result-search elementor-widget__width-inherit elementor-widget-mobile__width-auto elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-wdk-search\" data-id=\"6b4de23\" data-element_type=\"widget\" data-widget_type=\"wdk-search.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\/* Start custom CSS for page-settings *\/#wdk_el_112516643 .wdk-col.wdk-col-btns { display: none !important;}.elementor-element.elementor-element-6b4de23 .wdk-col.wdk-col-btns { display: none !important;}\/* End custom CSS *\/<\/style>\n\n<div class=\"wdk-element\" id=\"wdk_el_6b4de23\">\n    <div class=\"wdk-search layout_inline            \">\n        <form data-current-link=\"\" data-scrollto=\"results\" class=\"wdk-search-form wdk-skip-empty\n                  \" action=\"https:\/\/real.soap.zone\/e014\/results\/\">\n            <input name=\"rectangle_ne\" type=\"hidden\" class=\"wdk-hidden\" value=\"\"\/>\n            <input name=\"rectangle_sw\" type=\"hidden\" class=\"wdk-hidden\" value=\"\"\/>\n                        \n                        <div class=\"wdk-row\">\n                                    \n<div class=\"wdk-field wdk-col wdk_search_field_5   DROPDOWN  \n    wdk_field_id_5\">\n    <label class=\"wdk-field-label\">Purpose<\/label>\n    <div class=\"wdk-field-group\">\n                    <select name=\"field_5\" class=\"wdk-control\" ><option value=\"\" >Purpose<\/option><option value=\"Sale\" >Sale<\/option><option value=\"Rent\" >Rent<\/option><\/select>            <\/div>\n<\/div>\n\n                                \n                                            <div class=\"wdk-col wdk-col-btns\">\n                                <div class=\"wdk-field wdk-field-btn\">\n                                                                        <div class=\"wdk-field-group wdk-field-group-reset\">\n                                        <button id=\"wdk-start-primary\" type=\"reset\" class=\"wdk-search-start wdk-search-reset wdk-click-load-animation\">&nbsp;&nbsp;Reset&nbsp;<i class=\"fa fa-spinner fa-spin fa-ajax-indicator\" style=\"display: none;\"><\/i>&nbsp;<\/button>\n                                    <\/div>\n                                    <div class=\"wdk-field-group wdk-field-group-search\">\n                                        <button id=\"wdk-start-primary\" type=\"submit\" class=\"wdk-search-start wdk-click-load-animation\">\n                                                                                                                                                                                    &nbsp;&nbsp;Search                                                                                        &nbsp;<i class=\"fa fa-spinner fa-spin fa-ajax-indicator\" style=\"display: none;\"><\/i>&nbsp;\n                                        <\/button>\n\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                    <\/div>\n        <\/form>\n    <\/div>\n    <script>\n    jQuery(document).ready(function($) {\n        $('#wdk_el_6b4de23 #wdk-search-additional').on('click', function (e) {\n            e.preventDefault();\n            if ($('#wdk_el_6b4de23 #wdk-form-additional').length) {\n                var addition = $('#wdk_el_6b4de23 #wdk-form-additional');\n                var form = $(this).closest('.wdk-search-form ');\n                form.toggleClass('open-form');\n                if (form.hasClass('open-form')) {\n                    form.find(\"[name='wdk_search_additional_opened']\").prop('checked', 'checked');\n                    addition.slideDown();\n                } else {\n                    addition.slideUp();\n                    form.find(\"[name='wdk_search_additional_opened']\").prop('checked', false);\n                }\n            }\n        })\n\n        $(\"form.wdk-result-page-notdefined\").on('submit', function() {\n            wdk_log_notify('Results page not found, please configure results page', 'error');\n            return false;\n        });\n\n        const search_highlight = (elem) =>\n        {\n            if(elem.is('select'))\n            {   \n                if(elem.val() == '' || elem.val() == 0 || elem.val() == null)\n                {\n                    \/\/ remove selector class\n                    elem.closest('.select-item').removeClass('sel_class');\n                    elem.parent().removeClass('sel_class');\n                    elem.removeClass('sel_class');\n                }\n                else\n                {                \n                    \/\/ add selector class\n                    elem.closest('.select-item').addClass('sel_class');\n                    elem.parent().addClass('sel_class');\n                    elem.addClass('sel_class');\n                }\n            }\n            else if(elem.attr('type') == 'text')\n            {\n                if(elem.parent().find('.wdk_dropdown_tree').length > 0) \/\/ For treefield\n                {\n                    if(elem.val() != '' && elem.val() != null)\n                    {\n                        \/\/ add selector class\n                        elem.closest('.wdk_dropdown_tree_style').find('.wdk_dropdown_tree').addClass('sel_class');\n                        elem.parent().find('.btn-group:first-child').addClass('sel_class');\n                    }\n                    else\n                    {\n                        \/\/ remove selector class\n                        elem.closest('.wdk_dropdown_tree_style').find('.wdk_dropdown_tree').removeClass('sel_class');\n                        elem.parent().find('.btn-group:first-child').removeClass('sel_class');\n                    }\n                }\n                else  \/\/ For basic input\n                {\n                    if(elem.val() != '' && elem.val() != null)\n                    {\n                        \/\/ add selector class\n                        elem.addClass('sel_class');\n                    }\n                    else\n                    {\n                        \/\/ remove selector class\n                        elem.removeClass('sel_class');\n                    }\n                }\n            }\n        }\n\n        \/\/ On change value, change field style\n        $('#wdk_el_6b4de23').find('input, select').each(function(i)\n        {\n            $(this).on('change', function(){search_highlight($(this))});\n            search_highlight($(this));\n        })\n            });\n    <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e3bd5 elementor-widget elementor-widget-wdk-search-popup\" data-id=\"f5e3bd5\" data-element_type=\"widget\" data-widget_type=\"wdk-search-popup.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"wdk-element\" id=\"wdk_el_f5e3bd5\">\n    <div class=\"wdk-search-popup\">\n        <button type=\"button\" class=\"toggle-btn elementor-clickable\" \n        data-wdk-toggle=\"modal\" data-wdk-target=\"#wdk_search_popup_modal_f5e3bd5\" >\n                                                    &nbsp;&nbsp;Filters&nbsp;&nbsp;\n                    <\/button>\n    <\/div>\n                    \n    <div class=\"wdk-modal wkd-fade wdk-search-popup-modal elementor-clickable nodetach\" id=\"wdk_search_popup_modal_f5e3bd5\" tabindex=\"-1\" role=\"dialog\"\n        style=\"display: none;\" aria-hidden=\"true\">\n        <div class=\"modal-dialog modal-notice\">\n            <form data-current-link=\"\" data-scrollto=\"results\" class=\"wdk-search-form wdk-skip-empty\n                                \" action=\"https:\/\/real.soap.zone\/e014\/results\/\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\">Search Form<\/h5>\n                        <button type=\"button\" class=\"close\" data-wdk-dismiss=\"modal\" aria-hidden=\"true\" >\n                            <span class=\"dashicons dashicons-no-alt\"><\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"modal-body\">\n                        <div class=\"wdk-row wdk-fields-list\">\n                            \n<div class=\"wdk-field wdk-col wdk_search_field_search   INPUTBOX  \n    wdk_field_id_search\">\n    <label class=\"wdk-field-label\">Search<\/label>\n    <div class=\"wdk-field-group\">\n                    <input class=\"wdk-control\" name=\"field_search\" type=\"text\" id=\"wdk_field_search\" value=\"\" placeholder=\"Search\">\n            <\/div>\n<\/div>\n<div class=\"wdk-field wdk-col wdk_search_field_13  \n            NUMBER \n         \n    wdk_field_id_13\"\n    >\n    <label class=\"wdk-field-label\">Bedrooms<\/label>\n    <div class=\"wdk-field-group\">\n                                    <input class=\"wdk-control\" name=\"field_13\" type=\"number\" id=\"wdk_field_13\" value=\"\" placeholder=\"Bedrooms\">\n                        <\/div>\n<\/div>\n<div class=\"wdk-field wdk-col wdk_search_field_14  \n            NUMBER \n         \n    wdk_field_id_14\"\n    >\n    <label class=\"wdk-field-label\">Bathrooms<\/label>\n    <div class=\"wdk-field-group\">\n                                    <input class=\"wdk-control\" name=\"field_14\" type=\"number\" id=\"wdk_field_14\" value=\"\" placeholder=\"Bathrooms\">\n                        <\/div>\n<\/div>                        <\/div>\n                    <\/div>\n                    <div class=\"modal-footer justify-content-center\">\n                                                    <button type=\"submit\" class=\"wdk-btn wdk-button-search-start wdk-click-load-animation\">Search<\/button>                                                    <button type=\"button\" class=\"wdk-btn wdk-button-search-reset\">Reset<\/button>                                                    <button type=\"button\" class=\"wdk-btn wdk-button-close\" data-wdk-dismiss=\"modal\">Close<\/button>                                            <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        $(\"form.wdk-result-page-notdefined\").on('submit', function() {\n            wdk_log_notify('Results page not found, please configure results page', 'error');\n            return false;\n        });\n\n        const search_highlight = (elem) =>\n        {\n            if(elem.is('select'))\n            {   \n                if(elem.val() == '' || elem.val() == 0 || elem.val() == null)\n                {\n                    \/\/ remove selector class\n                    elem.closest('.select-item').removeClass('sel_class');\n                    elem.parent().removeClass('sel_class');\n                    elem.removeClass('sel_class');\n                }\n                else\n                {                \n                    \/\/ add selector class\n                    elem.closest('.select-item').addClass('sel_class');\n                    elem.parent().addClass('sel_class');\n                    elem.addClass('sel_class');\n                }\n            }\n            else if(elem.attr('type') == 'text')\n            {\n                if(elem.parent().find('.wdk_dropdown_tree').length > 0) \/\/ For treefield\n                {\n                    if(elem.val() != '' && elem.val() != null)\n                    {\n                        \/\/ add selector class\n                        elem.closest('.wdk_dropdown_tree_style').find('.wdk_dropdown_tree').addClass('sel_class');\n                        elem.parent().find('.btn-group:first-child').addClass('sel_class');\n                    }\n                    else\n                    {\n                        \/\/ remove selector class\n                        elem.closest('.wdk_dropdown_tree_style').find('.wdk_dropdown_tree').removeClass('sel_class');\n                        elem.parent().find('.btn-group:first-child').removeClass('sel_class');\n                    }\n                }\n                else  \/\/ For basic input\n                {\n                    if(elem.val() != '' && elem.val() != null)\n                    {\n                        \/\/ add selector class\n                        elem.addClass('sel_class');\n                    }\n                    else\n                    {\n                        \/\/ remove selector class\n                        elem.removeClass('sel_class');\n                    }\n                }\n            }\n        }\n\n        \/\/ On change value, change field style\n        $('#wdk_el_f5e3bd5').find('input, select').each(function(i)\n        {\n            $(this).on('change', function(){search_highlight($(this))});\n            search_highlight($(this));\n        })\n            });\n    <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b56ca7e theme-result-search elementor-widget__width-inherit elementor-widget-mobile__width-auto elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-wdk-search\" data-id=\"b56ca7e\" data-element_type=\"widget\" data-widget_type=\"wdk-search.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\/* Start custom CSS for page-settings *\/#wdk_el_190237310 .wdk-field button.wdk-search-start {\n width: 45px;\n    position: relative;\n  }\n  \n  #wdk_el_190237310 .wdk-field button.wdk-search-start i {\nfont-size: 16px;\n  left: 50%;\n  margin-left: -8px;\n  position: absolute;\n  top: 50%;\n  margin-top: -8px;\n}\n\n  \n  #wdk_el_190237310 form.loading .wdk-field button.wdk-search-start i.icon_search  {\nopacity:0;\n}.elementor-element.elementor-element-b56ca7e .wdk-field button.wdk-search-start {\n width: 45px;\n    position: relative;\n  }\n  \n  .elementor-element.elementor-element-b56ca7e .wdk-field button.wdk-search-start i {\nfont-size: 16px;\n  left: 50%;\n  margin-left: -8px;\n  position: absolute;\n  top: 50%;\n  margin-top: -8px;\n}\n\n  \n  .elementor-element.elementor-element-b56ca7e form.loading .wdk-field button.wdk-search-start i.icon_search  {\nopacity:0;\n}\/* End custom CSS *\/<\/style>\n\n<div class=\"wdk-element\" id=\"wdk_el_b56ca7e\">\n    <div class=\"wdk-search layout_inline            \">\n        <form data-current-link=\"\" data-scrollto=\"results\" class=\"wdk-search-form wdk-skip-empty\n                  \" action=\"https:\/\/real.soap.zone\/e014\/results\/\">\n            <input name=\"rectangle_ne\" type=\"hidden\" class=\"wdk-hidden\" value=\"\"\/>\n            <input name=\"rectangle_sw\" type=\"hidden\" class=\"wdk-hidden\" value=\"\"\/>\n                        \n                        <div class=\"wdk-row\">\n                                                                    \n                                            <div class=\"wdk-col wdk-col-btns\">\n                                <div class=\"wdk-field wdk-field-btn\">\n                                                                        <div class=\"wdk-field-group wdk-field-group-reset\">\n                                        <button id=\"wdk-start-primary\" type=\"reset\" class=\"wdk-search-start wdk-search-reset wdk-click-load-animation\">&nbsp;&nbsp;Reset&nbsp;<i class=\"fa fa-spinner fa-spin fa-ajax-indicator\" style=\"display: none;\"><\/i>&nbsp;<\/button>\n                                    <\/div>\n                                    <div class=\"wdk-field-group wdk-field-group-search\">\n                                        <button id=\"wdk-start-primary\" type=\"submit\" class=\"wdk-search-start wdk-click-load-animation\">\n                                                                                            <i aria-hidden=\"true\" class=\"icon_search fas fa-search\"><\/i>                                                                                        &nbsp;&nbsp;                                                                                        &nbsp;<i class=\"fa fa-spinner fa-spin fa-ajax-indicator\" style=\"display: none;\"><\/i>&nbsp;\n                                        <\/button>\n\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                    <\/div>\n        <\/form>\n    <\/div>\n    <script>\n    jQuery(document).ready(function($) {\n        $('#wdk_el_b56ca7e #wdk-search-additional').on('click', function (e) {\n            e.preventDefault();\n            if ($('#wdk_el_b56ca7e #wdk-form-additional').length) {\n                var addition = $('#wdk_el_b56ca7e #wdk-form-additional');\n                var form = $(this).closest('.wdk-search-form ');\n                form.toggleClass('open-form');\n                if (form.hasClass('open-form')) {\n                    form.find(\"[name='wdk_search_additional_opened']\").prop('checked', 'checked');\n                    addition.slideDown();\n                } else {\n                    addition.slideUp();\n                    form.find(\"[name='wdk_search_additional_opened']\").prop('checked', false);\n                }\n            }\n        })\n\n        $(\"form.wdk-result-page-notdefined\").on('submit', function() {\n            wdk_log_notify('Results page not found, please configure results page', 'error');\n            return false;\n        });\n\n        const search_highlight = (elem) =>\n        {\n            if(elem.is('select'))\n            {   \n                if(elem.val() == '' || elem.val() == 0 || elem.val() == null)\n                {\n                    \/\/ remove selector class\n                    elem.closest('.select-item').removeClass('sel_class');\n                    elem.parent().removeClass('sel_class');\n                    elem.removeClass('sel_class');\n                }\n                else\n                {                \n                    \/\/ add selector class\n                    elem.closest('.select-item').addClass('sel_class');\n                    elem.parent().addClass('sel_class');\n                    elem.addClass('sel_class');\n                }\n            }\n            else if(elem.attr('type') == 'text')\n            {\n                if(elem.parent().find('.wdk_dropdown_tree').length > 0) \/\/ For treefield\n                {\n                    if(elem.val() != '' && elem.val() != null)\n                    {\n                        \/\/ add selector class\n                        elem.closest('.wdk_dropdown_tree_style').find('.wdk_dropdown_tree').addClass('sel_class');\n                        elem.parent().find('.btn-group:first-child').addClass('sel_class');\n                    }\n                    else\n                    {\n                        \/\/ remove selector class\n                        elem.closest('.wdk_dropdown_tree_style').find('.wdk_dropdown_tree').removeClass('sel_class');\n                        elem.parent().find('.btn-group:first-child').removeClass('sel_class');\n                    }\n                }\n                else  \/\/ For basic input\n                {\n                    if(elem.val() != '' && elem.val() != null)\n                    {\n                        \/\/ add selector class\n                        elem.addClass('sel_class');\n                    }\n                    else\n                    {\n                        \/\/ remove selector class\n                        elem.removeClass('sel_class');\n                    }\n                }\n            }\n        }\n\n        \/\/ On change value, change field style\n        $('#wdk_el_b56ca7e').find('input, select').each(function(i)\n        {\n            $(this).on('change', function(){search_highlight($(this))});\n            search_highlight($(this));\n        })\n            });\n    <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bda8c70 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"bda8c70\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cb1e34 theme-result-search elementor-widget__width-inherit elementor-widget elementor-widget-wdk-search\" data-id=\"3cb1e34\" data-element_type=\"widget\" data-widget_type=\"wdk-search.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<div class=\"wdk-element\" id=\"wdk_el_3cb1e34\">\n    <div class=\"wdk-search layout_inline            \">\n        <form data-current-link=\"\" data-scrollto=\"results\" class=\"wdk-search-form wdk-skip-empty\n                  \" action=\"https:\/\/real.soap.zone\/e014\/results\/\">\n            <input name=\"rectangle_ne\" type=\"hidden\" class=\"wdk-hidden\" value=\"\"\/>\n            <input name=\"rectangle_sw\" type=\"hidden\" class=\"wdk-hidden\" value=\"\"\/>\n                        \n                        <div class=\"wdk-row\">\n                                    \n<div class=\"wdk-field wdk-col wdk_search_field_search   INPUTBOX  \n    wdk_field_id_search\">\n    <label class=\"wdk-field-label\">Search<\/label>\n    <div class=\"wdk-field-group\">\n                    <input class=\"wdk-control\" name=\"field_search\" type=\"text\" id=\"wdk_field_search\" value=\"\" placeholder=\"City, Neighborhood, ZIP, Address\">\n            <\/div>\n<\/div>\n<div class=\"wdk-field wdk-col wdk_search_field_5   DROPDOWN  \n    wdk_field_id_5\">\n    <label class=\"wdk-field-label\">Purpose<\/label>\n    <div class=\"wdk-field-group\">\n                    <select name=\"field_5\" class=\"wdk-control\" ><option value=\"\" >Purpose<\/option><option value=\"Sale\" >Sale<\/option><option value=\"Rent\" >Rent<\/option><\/select>            <\/div>\n<\/div>\n\n\n\n<div class=\"wdk-field wdk-col wdk-slider-range-col wdk_search_field_6   SLIDER_RANGE  \n    wdk_field_id_6\">\n    <label class=\"wdk-field-label\">Sale Price<\/label>\n    <div class=\"wdk-field-group\">\n        <div class=\"wdk-slider-range-field\">\n                <div class=\"hidden config-range\"\n                data-min=\"0\"\n                data-max=\"1000000000\"\n                data-sufix=\"\"\n                data-prefix=\" ($)\"\n                data-infinity=\"false\"\n                data-predifinedMin=\"\"\n                data-predifinedMax=\"\"\n            >\n            <\/div>\n            <input type=\"text\" class=\"wdk-slider-range-input\" name=\"skip_field_field_6\" value=\"\" \/>\n            <input id=\"wdk_field_6_min\" name=\"field_6_min\" type=\"text\" class=\"value-min wdk-hidden\" value=\"\" \/>\n            <input id=\"wdk_field_6_max\" name=\"field_6_max\" type=\"text\" class=\"value-max wdk-hidden\" value=\"\" \/>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"wdk-field wdk-col wdk_search_field_13  \n            NUMBER \n         \n    wdk_field_id_13\"\n    >\n    <label class=\"wdk-field-label\">Bedrooms<\/label>\n    <div class=\"wdk-field-group\">\n                                    <input class=\"wdk-control\" name=\"field_13\" type=\"number\" id=\"wdk_field_13\" value=\"\" placeholder=\"Bedrooms\">\n                        <\/div>\n<\/div>\n<div class=\"wdk-field wdk-col wdk_search_field_14  \n            NUMBER \n         \n    wdk_field_id_14\"\n    >\n    <label class=\"wdk-field-label\">Bathrooms<\/label>\n    <div class=\"wdk-field-group\">\n                                    <input class=\"wdk-control\" name=\"field_14\" type=\"number\" id=\"wdk_field_14\" value=\"\" placeholder=\"Bathrooms\">\n                        <\/div>\n<\/div>\n<div class=\"wdk-field wdk-col CATEGORY \">\n    <label class=\"wdk-field-label\">Category<\/label>\n    <div class=\"wdk-field-group\">\n        \n                        <script>\n            jQuery(document).ready(function($) {\n                $('#wdktreeelem_checkbox0:not(.init)').wdkTreefieldCheckboxes({\n                    ajax_url: 'https:\/\/real.soap.zone\/e014\/wp-admin\/admin-ajax.php',\n                    ajax_param: { \n                                \"page\": 'wdk_frontendajax',\n                                \"function\": 'treefieldid_checkboxes',\n                                \"action\": 'wdk_public_action',\n                                \"table\": 'category_m',\n                                \"filter_ids\": '',\n                                \"empty_value\": 'All Categories',\n                                \"user_check\": '',\n                                \"hide_fields\": '8,9,10',\n                            },\n                    selected: '',\n                    attribute_id: 'idcategory',\n                    language_id: '',\n                    attribute_value: 'category_title',\n                    skip_id: '',\n                    empty_value: ' - ',\n                    text_search: 'Search term',\n                    text_no_results: 'No results found',\n                    callback_selected: function(key) {\n                        $('#wdktreeelem_checkbox0').trigger(\"change\");\n                    }\n                }).addClass('init');\n            });\n        <\/script>\n        <input name=\"search_category\" value=\"\" data-placehoder=\"All Categories\" class=\"wdk-hidden\" type=\"text\" id=\"wdktreeelem_checkbox0\" readonly\/>    <\/div>\n<\/div>\n\n\n    <div class=\"wdk-field wdk-col LOCATION \">\n        <label class=\"wdk-field-label\">Location<\/label>\n        <div class=\"wdk-field-group\">\n                                    <script>\n            jQuery(document).ready(function($) {\n                $('#wdktreeelem0:not(.init)').wdkTreefield({\n                    ajax_url: 'https:\/\/real.soap.zone\/e014\/wp-admin\/admin-ajax.php',\n                    ajax_param: { \n                                \"page\": 'wdk_frontendajax',\n                                \"function\": 'treefieldid',\n                                \"action\": 'wdk_public_action',\n                                \"table\": 'location_m',\n                                \"filter_ids\": '',\n                                \"start_id\": '',\n                                \"empty_value\": 'All Locations',\n                                \"user_check\": '',\n                                \"sql_where\": '',\n                                \"hide_fields\": ''\n                                },\n                    attribute_id: 'idlocation',\n                    language_id: '',\n                    attribute_value: 'location_title',\n                    skip_id: '',\n                    empty_value: ' - ',\n                    text_search: 'Search term',\n                    text_no_results: 'No results found',\n                    callback_selected: function(key) {\n                        $('#wdktreeelem0').trigger(\"change\");\n                    }\n                }).addClass('init');\n            });\n        <\/script>\n        <input name=\"search_location\" value=\"\" class=\"wdk-hidden\" type=\"text\" id=\"wdktreeelem0\" readonly\/>                    <\/div>\n    <\/div>\n\n                                \n                                            <div class=\"wdk-col wdk-col-btns\">\n                                <div class=\"wdk-field wdk-field-btn\">\n                                                                        <div class=\"wdk-field-group wdk-field-group-reset\">\n                                        <button id=\"wdk-start-primary\" type=\"reset\" class=\"wdk-search-start wdk-search-reset wdk-click-load-animation\">&nbsp;&nbsp;Reset&nbsp;<i class=\"fa fa-spinner fa-spin fa-ajax-indicator\" style=\"display: none;\"><\/i>&nbsp;<\/button>\n                                    <\/div>\n                                    <div class=\"wdk-field-group wdk-field-group-search\">\n                                        <button id=\"wdk-start-primary\" type=\"submit\" class=\"wdk-search-start wdk-click-load-animation\">\n                                                                                                                                                                                    &nbsp;&nbsp;Search                                                                                        &nbsp;<i class=\"fa fa-spinner fa-spin fa-ajax-indicator\" style=\"display: none;\"><\/i>&nbsp;\n                                        <\/button>\n\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                    <\/div>\n        <\/form>\n    <\/div>\n    <script>\n    jQuery(document).ready(function($) {\n        $('#wdk_el_3cb1e34 #wdk-search-additional').on('click', function (e) {\n            e.preventDefault();\n            if ($('#wdk_el_3cb1e34 #wdk-form-additional').length) {\n                var addition = $('#wdk_el_3cb1e34 #wdk-form-additional');\n                var form = $(this).closest('.wdk-search-form ');\n                form.toggleClass('open-form');\n                if (form.hasClass('open-form')) {\n                    form.find(\"[name='wdk_search_additional_opened']\").prop('checked', 'checked');\n                    addition.slideDown();\n                } else {\n                    addition.slideUp();\n                    form.find(\"[name='wdk_search_additional_opened']\").prop('checked', false);\n                }\n            }\n        })\n\n        $(\"form.wdk-result-page-notdefined\").on('submit', function() {\n            wdk_log_notify('Results page not found, please configure results page', 'error');\n            return false;\n        });\n\n        const search_highlight = (elem) =>\n        {\n            if(elem.is('select'))\n            {   \n                if(elem.val() == '' || elem.val() == 0 || elem.val() == null)\n                {\n                    \/\/ remove selector class\n                    elem.closest('.select-item').removeClass('sel_class');\n                    elem.parent().removeClass('sel_class');\n                    elem.removeClass('sel_class');\n                }\n                else\n                {                \n                    \/\/ add selector class\n                    elem.closest('.select-item').addClass('sel_class');\n                    elem.parent().addClass('sel_class');\n                    elem.addClass('sel_class');\n                }\n            }\n            else if(elem.attr('type') == 'text')\n            {\n                if(elem.parent().find('.wdk_dropdown_tree').length > 0) \/\/ For treefield\n                {\n                    if(elem.val() != '' && elem.val() != null)\n                    {\n                        \/\/ add selector class\n                        elem.closest('.wdk_dropdown_tree_style').find('.wdk_dropdown_tree').addClass('sel_class');\n                        elem.parent().find('.btn-group:first-child').addClass('sel_class');\n                    }\n                    else\n                    {\n                        \/\/ remove selector class\n                        elem.closest('.wdk_dropdown_tree_style').find('.wdk_dropdown_tree').removeClass('sel_class');\n                        elem.parent().find('.btn-group:first-child').removeClass('sel_class');\n                    }\n                }\n                else  \/\/ For basic input\n                {\n                    if(elem.val() != '' && elem.val() != null)\n                    {\n                        \/\/ add selector class\n                        elem.addClass('sel_class');\n                    }\n                    else\n                    {\n                        \/\/ remove selector class\n                        elem.removeClass('sel_class');\n                    }\n                }\n            }\n        }\n\n        \/\/ On change value, change field style\n        $('#wdk_el_3cb1e34').find('input, select').each(function(i)\n        {\n            $(this).on('change', function(){search_highlight($(this))});\n            search_highlight($(this));\n        })\n            });\n    <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c1483b e-con-full e-flex e-con e-parent\" data-id=\"6c1483b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81487a5 rdm-slick-map-full-height elementor-widget elementor-widget-wdk-map\" data-id=\"81487a5\" data-element_type=\"widget\" data-widget_type=\"wdk-map.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"wdk-element\" id=\"wdk_el_81487a5\">\n    <div class=\"wdk-map\" class=\"wdk_map_results\">\n                <div id=\"wdk_map_results_81487a5\" data-auto-search=\"enable\" style=\"height:800px\" \n            data-el_id=\"81487a5\" \n            data-el_type=\"wdk-map\" \n                        data-el_page_id=\"4215\"\n\n            class=\"wdk_map_results wdk_size_image_cover \n                        \" >\n        <\/div>\n    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/real.soap.zone\/e014\/wp-json\/wp\/v2\/pages\/4215"}],"collection":[{"href":"https:\/\/real.soap.zone\/e014\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/real.soap.zone\/e014\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/real.soap.zone\/e014\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/real.soap.zone\/e014\/wp-json\/wp\/v2\/comments?post=4215"}],"version-history":[{"count":0,"href":"https:\/\/real.soap.zone\/e014\/wp-json\/wp\/v2\/pages\/4215\/revisions"}],"wp:attachment":[{"href":"https:\/\/real.soap.zone\/e014\/wp-json\/wp\/v2\/media?parent=4215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}