{"id":7262,"date":"2025-03-13T10:52:52","date_gmt":"2025-03-13T10:52:52","guid":{"rendered":"https:\/\/beyta.com\/?page_id=7262"},"modified":"2025-10-03T10:01:00","modified_gmt":"2025-10-03T10:01:00","slug":"projects","status":"publish","type":"page","link":"https:\/\/beyta.com\/he\/projects\/","title":{"rendered":"\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7262\" class=\"elementor elementor-7262\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13096a3 e-flex e-con-boxed e-con e-parent\" data-id=\"13096a3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-612eef7 e-con-full e-flex e-con e-child\" data-id=\"612eef7\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2395dea elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2395dea\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05d2\u05dc\u05d5 \u05d0\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05e9\u05dc\u05e0\u05d5<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b266a7 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"8b266a7\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" 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<p>\u05d7\u05e4\u05e9\u05d5 \u05db\u05d0\u05df \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05dc\u05de\u05d2\u05d5\u05e8\u05d9\u05dd \u05d5\u05dc\u05de\u05e1\u05d7\u05e8<\/p>\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-e9e8798 e-flex e-con-boxed e-con e-parent\" data-id=\"e9e8798\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-976c04a elementor-widget elementor-widget-shortcode\" data-id=\"976c04a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    .skeleton-loading .skeleton-box,\n    .skeleton-loading .skeleton-line {\n        background: linear-gradient(90deg, #e0e0e0 25%, #f4f4f4 50%, #e0e0e0 75%);\n        background-size: 200% 100%;\n        animation: shimmer 1.5s infinite;\n        border-radius: 4px;\n    }\n\n    .skeleton-card {\n        border: 1px solid #ddd;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: 1rem 0;\n    }\n\n    .skeleton-box {\n        width: 100%;\n        height: 200px;\n    }\n\n    .skeleton-line {\n        height: 16px;\n        margin: 12px;\n    }\n\n    .w-50 {\n        width: 50%;\n    }\n\n    .w-60 {\n        width: 60%;\n    }\n\n    .w-75 {\n        width: 75%;\n    }\n\n    .w-40 {\n        width: 40%;\n    }\n\n    @keyframes shimmer {\n        0% {\n            background-position: -200% 0;\n        }\n\n        100% {\n            background-position: 200% 0;\n        }\n    }\n<\/style>\n<div class=\"project-container\">\n    <form class=\"filters\" action=\"\">\n        <div class=\"filter-group\">\n            <select id=\"area\" name=\"area\">\n                <option value=\"\">\u05d1\u05d7\u05e8 \u05d0\u05d6\u05d5\u05e8<\/option>\n                                    <option value=\"134\" >\u05d0\u05e9\u05d3\u05d5\u05d3<\/option>\n                                    <option value=\"135\" >\u05d0\u05e9\u05e7\u05dc\u05d5\u05df<\/option>\n                                    <option value=\"136\" >\u05d1\u05ea \u05d9\u05dd<\/option>\n                                    <option value=\"137\" >\u05d1\u05d0\u05e8 \u05e9\u05d1\u05e2<\/option>\n                                    <option value=\"138\" >\u05d1\u05d9\u05ea \u05e9\u05de\u05e9<\/option>\n                                    <option value=\"139\" >\u05d1\u05e0\u05d9 \u05d1\u05e8\u05e7<\/option>\n                                    <option value=\"140\" >\u05d3\u05d9\u05de\u05d5\u05e0\u05d4<\/option>\n                                    <option value=\"141\" >\u05d0\u05d9\u05dc\u05ea<\/option>\n                                    <option value=\"160\" >\u05d2\u05d1\u05e2\u05ea\u05d9\u05d9\u05dd<\/option>\n                                    <option value=\"142\" >\u05d7\u05d3\u05e8\u05d4<\/option>\n                                    <option value=\"143\" >\u05d7\u05d9\u05e4\u05d4<\/option>\n                                    <option value=\"144\" >\u05d4\u05e8\u05e6\u05dc\u05d9\u05d4<\/option>\n                                    <option value=\"145\" >\u05d4\u05d5\u05d3 \u05d4\u05e9\u05e8\u05d5\u05df<\/option>\n                                    <option value=\"146\" >\u05d7\u05d5\u05dc\u05d5\u05df<\/option>\n                                    <option value=\"147\" >\u05d9\u05b0\u05e8\u05d5\u05bc\u05e9\u05c1\u05b8\u05dc\u05b7\u05d9\u05b4\u05dd<\/option>\n                                    <option value=\"148\" >\u05db\u05e4\u05e8 \u05e1\u05d1\u05d0<\/option>\n                                    <option value=\"161\" >\u05e7\u05e8\u05d9\u05ea \u05de\u05d5\u05e6\u05e7\u05d9\u05df<\/option>\n                                    <option value=\"149\" >\u05e7\u05e8\u05d9\u05d9\u05ea \u05d2\u05ea<\/option>\n                                    <option value=\"162\" >\u05e7\u05e8\u05d9\u05d9\u05ea \u05e9\u05de\u05d5\u05e0\u05d4<\/option>\n                                    <option value=\"150\" >\u05dc\u05d5\u05d3<\/option>\n                                    <option value=\"151\" >\u05e0\u05e6\u05e8\u05ea<\/option>\n                                    <option value=\"163\" >\u05e0\u05e6\u05e8\u05ea \u05e2\u05d9\u05dc\u05d9\u05ea<\/option>\n                                    <option value=\"152\" >\u05e0\u05ea\u05e0\u05d9\u05d4<\/option>\n                                    <option value=\"153\" >\u05e4\u05ea\u05d7 \u05ea\u05e7\u05d5\u05d5\u05d4<\/option>\n                                    <option value=\"164\" >\u05e7\u05dc\u05e0\u05e1\u05d5\u05d5\u05d4<\/option>\n                                    <option value=\"154\" >\u05e8\u05e2\u05e0\u05e0\u05d4<\/option>\n                                    <option value=\"155\" >\u05e8\u05de\u05ea \u05d2\u05df<\/option>\n                                    <option value=\"156\" >\u05e8\u05d7\u05d5\u05d1\u05d5\u05ea<\/option>\n                                    <option value=\"157\" >\u05e8\u05d0\u05e9\u05d5\u05df \u05dc\u05e6\u05d9\u05d5\u05df<\/option>\n                                    <option value=\"165\" >\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df<\/option>\n                                    <option value=\"158\" >\u05e6\u05e4\u05ea (\u05e6\u05e4\u05ea)<\/option>\n                                    <option value=\"166\" >\u05e9\u05d3\u05e8\u05d5\u05ea<\/option>\n                                    <option value=\"77\" >\u05ea\u05dc \u05d0\u05d1\u05d9\u05d1<\/option>\n                                    <option value=\"159\" >\u05d8\u05d1\u05e8\u05d9\u05d4<\/option>\n                                    <option value=\"167\" >\u05e6\u05e8\u05d9\u05e4\u05d9\u05df<\/option>\n                                    <option value=\"168\" >\u05d9\u05e7\u05e0\u05e2\u05dd \u05e2\u05d9\u05dc\u05d9\u05ea<\/option>\n                            <\/select>\n        <\/div>\n\n        <div class=\"filter-group\">\n            <select id=\"rooms\" name=\"rooms\">\n                <option value=\"\">\u05d1\u05d7\u05e8 \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"1\" >\u05d7\u05d3\u05e8 \u05d0\u05d7\u05d3+<\/option>\n                                    <option value=\"2\" >2+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"3\" >3+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"4\" >4+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"5\" >5+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"6\" >6+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"7\" >7+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"8\" >8+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"9\" >9+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"10\" >10+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"11\" >11+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"12\" >12+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"13\" >13+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"14\" >14+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                                    <option value=\"15\" >15+ \u05d7\u05d3\u05e8\u05d9\u05dd<\/option>\n                            <\/select>\n        <\/div>\n        <div class=\"filter-group\">\n            <select id=\"dalivery_time\" name=\"dalivery_time\">\n                <option value=\"\" disabled selected>\u05d6\u05de\u05df \u05d0\u05e1\u05e4\u05e7\u05d4 \u05de\u05e7\u05e1\u05d9\u05de\u05dc\u05d9:<\/option>\n                <option value=\"1\" >\u05e9\u05e0\u05d4+<\/option>\n                <option value=\"2\" >\u05e9\u05e0\u05ea\u05d9\u05d9\u05dd+<\/option>\n                <option value=\"3\" >3+ \u05e9\u05e0\u05d9\u05dd<\/option>\n                <option value=\"4\" >4+ \u05e9\u05e0\u05d9\u05dd<\/option>\n                <option value=\"5\" >5+ \u05e9\u05e0\u05d9\u05dd<\/option>\n            <\/select>\n        <\/div>\n        <button class=\"search-btn\" type=\"button\" id=\"search-project\">\u05dc\u05b0\u05d7\u05b7\u05e4\u05bc\u05b5\u05e9\u05c2<\/button>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"he\"\/><\/form>\n    <p class=\"property-count\"><\/p>\n\n    <div id=\"property-results\">\n        <div class=\"property-list skeleton-loading\">\n            <div class=\"property-card skeleton-card\">\n                <div class=\"property-image skeleton-box\"><\/div>\n                <div class=\"property-info\">\n                    <div class=\"skeleton-line w-50\"><\/div>\n                    <div class=\"skeleton-line w-75\"><\/div>\n                    <div class=\"skeleton-line w-60\"><\/div>\n                    <div class=\"skeleton-line w-40\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"property-card skeleton-card\">\n                <div class=\"property-image skeleton-box\"><\/div>\n                <div class=\"property-info\">\n                    <div class=\"skeleton-line w-50\"><\/div>\n                    <div class=\"skeleton-line w-75\"><\/div>\n                    <div class=\"skeleton-line w-60\"><\/div>\n                    <div class=\"skeleton-line w-40\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"property-card skeleton-card\">\n                <div class=\"property-image skeleton-box\"><\/div>\n                <div class=\"property-info\">\n                    <div class=\"skeleton-line w-50\"><\/div>\n                    <div class=\"skeleton-line w-75\"><\/div>\n                    <div class=\"skeleton-line w-60\"><\/div>\n                    <div class=\"skeleton-line w-40\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"property-card skeleton-card\">\n                <div class=\"property-image skeleton-box\"><\/div>\n                <div class=\"property-info\">\n                    <div class=\"skeleton-line w-50\"><\/div>\n                    <div class=\"skeleton-line w-75\"><\/div>\n                    <div class=\"skeleton-line w-60\"><\/div>\n                    <div class=\"skeleton-line w-40\"><\/div>\n                <\/div>\n            <\/div>\n            <!-- Add more cards as needed -->\n        <\/div>\n    <\/div>\n\n\n<\/div>\n<div id=\"pagination-container\"><\/div>\n<script>\n    jQuery(document).ready(function($) {\n        function getUrlParams() {\n            const params = {};\n            const queryString = window.location.search.substring(1);\n            const regex = \/([^&=]+)=?([^&]*)\/g;\n            let match;\n            while ((match = regex.exec(queryString))) {\n                let key = decodeURIComponent(match[1]);\n                let value = decodeURIComponent(match[2].replace(\/\\+\/g, ' '));\n                if (key.endsWith('[]')) {\n                    key = key.replace('[]', '');\n                    if (!params[key]) params[key] = [];\n                    params[key].push(value);\n                } else {\n                    params[key] = value;\n                }\n            }\n            return params;\n        }\n\n        function updateURLParameterKey(key, value) {\n            const url = new URL(window.location.href);\n            const params = url.searchParams;\n\n            if (value === null || value === '' || value === undefined) {\n                params.delete(key);\n            } else {\n                params.set(key, value);\n            }\n\n            const newUrl = url.origin + url.pathname + '?' + params.toString();\n            window.history.replaceState({}, '', newUrl);\n            fetchFilteredProjects();\n        }\n\n        function fetchFilteredProjects() {\n            const params = getUrlParams();\n\n            params.action = 'realhomes_filter_project_manual';\n            jQuery.ajax({\n                url: '\/wp-admin\/admin-ajax.php',\n                method: 'POST',\n                beforeSend: function() {\n                    let skeleton = `<div class=\"property-list skeleton-loading\">\n  <div class=\"property-card skeleton-card\">\n    <div class=\"property-image skeleton-box\"><\/div>\n    <div class=\"property-info\">\n      <div class=\"skeleton-line w-50\"><\/div>\n      <div class=\"skeleton-line w-75\"><\/div>\n      <div class=\"skeleton-line w-60\"><\/div>\n      <div class=\"skeleton-line w-40\"><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"property-card skeleton-card\">\n    <div class=\"property-image skeleton-box\"><\/div>\n    <div class=\"property-info\">\n      <div class=\"skeleton-line w-50\"><\/div>\n      <div class=\"skeleton-line w-75\"><\/div>\n      <div class=\"skeleton-line w-60\"><\/div>\n      <div class=\"skeleton-line w-40\"><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"property-card skeleton-card\">\n    <div class=\"property-image skeleton-box\"><\/div>\n    <div class=\"property-info\">\n      <div class=\"skeleton-line w-50\"><\/div>\n      <div class=\"skeleton-line w-75\"><\/div>\n      <div class=\"skeleton-line w-60\"><\/div>\n      <div class=\"skeleton-line w-40\"><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"property-card skeleton-card\">\n    <div class=\"property-image skeleton-box\"><\/div>\n    <div class=\"property-info\">\n      <div class=\"skeleton-line w-50\"><\/div>\n      <div class=\"skeleton-line w-75\"><\/div>\n      <div class=\"skeleton-line w-60\"><\/div>\n      <div class=\"skeleton-line w-40\"><\/div>\n    <\/div>\n  <\/div>\n  <!-- Add more cards as needed -->\n<\/div>\n`;\n                    $('#property-results').html(skeleton);\n                },\n                data: params,\n                success: function(response) {\n                    console.log(response);\n                    if (response?.projects?.length) {\n                        renderPropertyList(response.projects);\n                        renderPagination(response.pagination);\n                        $('.property-count').html(`Number of projects found: <strong>${response.total}<\/strong>`);\n                    } else {\n                        $('#property-results').html('<p class=\"no-result\">No project found.<\/p>');\n                        $('.property-count').html(`Number of projects found: <strong>0<\/strong>`);\n                        renderPagination(response.pagination);\n                    }\n                },\n                error: function(xhr) {\n                    console.error('AJAX error:', xhr.responseText);\n                }\n            });\n        }\n\n\n        function renderPropertyList(projects) {\n            let html = '<div class=\"property-list\">';\n\n            projects.forEach(project => {\n                html += `\n\t\t<a href=\"${project.link}\" class=\"property-card\">\n\t\t\t<div class=\"property-image\">\n\t\t\t\t<img decoding=\"async\" src=\"${project.image_url}\" alt=\"${project.title}\" \/>\n\t\t\t\t<button href=\"${project.link}\" class=\"details-btn\">SEE PROJECT DETAILS<\/button>\n\t\t\t<\/div>\n\t\t\t<div class=\"property-info\">\n\t\t\t\t<p class=\"project-name\"><i class=\"fas fa-map-pin\"><\/i> ${project.area || ''}<\/p>\n\t\t\t\t<p class=\"project-name\"><i class=\"fas fa-building\"><\/i> ${project.title || ''}<\/p>\n                <p class=\"rooms-details\"><i class=\"fas fa-bed\"><\/i> ${project.rooms ? project.rooms : ''}<\/p>\n\t\t\t\t<p class=\"project-status\">${project.status || ''}<\/p>\n\t\t\t<\/div>\n        <\/a>`;\n            });\n\n            html += '<\/div>';\n            $('#property-results').html(html);\n        }\n\n\n\n        function renderPagination(pagination) {\n            if (!pagination || pagination.pages <= 1) {\n                $('#pagination-container').html(''); \/\/ No pagination needed\n                return;\n            }\n\n            let html = '<div class=\"pagination\">';\n\n            const current = parseInt(pagination.current);\n            const totalPages = parseInt(pagination.pages);\n\n            \/\/ Previous button\n            html += `<button class=\"page-btn\" data-page=\"${current - 1}\" ${current === 1 ? 'disabled' : ''}>\u00ab<\/button>`;\n\n            \/\/ Page number buttons\n            for (let i = 1; i <= totalPages; i++) {\n                html += `<button class=\"page-btn ${i === current ? 'active' : ''}\" data-page=\"${i}\">${i}<\/button>`;\n            }\n\n            \/\/ Next button\n            html += `<button class=\"page-btn\" data-page=\"${current + 1}\" ${current === totalPages ? 'disabled' : ''}>\u00bb<\/button>`;\n\n            html += '<\/div>';\n\n            $('#pagination-container').html(html);\n        }\n\n\n\n        $('#search-project').click(function() {\n            let area = $('[name=\"area\"]').val();\n            let rooms = $('[name=\"rooms\"]').val();\n            let dalivery_time = $('[name=\"dalivery_time\"]').val();\n\n            updateURLParameterKey('paged', '');\n            if (area) {\n                updateURLParameterKey('area', area);\n            }\n            if (rooms) {\n                updateURLParameterKey('rooms', rooms);\n            }\n            if (dalivery_time) {\n                updateURLParameterKey('dalivery_time', dalivery_time);\n            }\n\n        });\n        $(document).on('click', '.page-btn', function() {\n            const page = parseInt(jQuery(this).data('page'));\n\n            if (!isNaN(page)) {\n                updateURLParameterKey('paged', page); \/\/ This will also call fetchFilteredProperties()\n            }\n        });\n\n\n        setTimeout(() => {\n            fetchFilteredProjects();\n        }, 100);\n    });\n<\/script><\/div>\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>","protected":false},"excerpt":{"rendered":"<p>Explore Our Projects Search for residential and commercial projects here<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7262","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/pages\/7262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/comments?post=7262"}],"version-history":[{"count":3,"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/pages\/7262\/revisions"}],"predecessor-version":[{"id":30923,"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/pages\/7262\/revisions\/30923"}],"wp:attachment":[{"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/media?parent=7262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}