مجتمعات نابضة بالحياة ومزدهرة

أسلوب حياة متكامل وحيوي يقدم العديد من وسائل الراحة الاجتماعية الأنشطة الترفيهية،
تعزيز حياة السكان من خلال مجموعة شاملة من الخدمات والمرافق.
وهذا يشمل المساحات الخضراء ، حدائق أطفال، مكتبة، مراكز للياقة البدنية،
المقاهي، ومجموعة متنوعة من المرافق الأخرى.

مشروع الهيام

مدينة أبها

أبها
85 الوحدات
0 مبنى

مشروع زهرة عسير

محايل عسير المدينة

م عسير
420 الوحدات
0 مبنى

مشروع بوابة العوالي

مدينة مكة

مكه
60 الوحدات
60 مبنى

مشروع مكة 2

مكه

مكه
287 الوحدات
10 طوابق

مشروع مجمع جارات الوادي

الرياض

الرياض
86 الوحدات
4 مبنى

مشروع الغروب

الرياض

الرياض
13 فلل
12 شقق سكنية

فئات

مدينة

حيّ

الوحدات فضاء

عدد الغرف

function getNeighborhoods(cityId) { $.ajax({ url: "https://rayatalmaidan.com/get-neighborhoods" + "/" + cityId, type: 'GET', success: function (data) { let neighborhoods = data.data.data; console.log(neighborhoods) console.log(data) let options = ''; neighborhoods.forEach(function (neighborhood) { options += ''; }); $('.neighborhoodsOP').html(options); filterProjects(); } }); } // filter projects by category and city and neighborhood and الوحدات space and number of rooms and price range function filterProjects() { let selectedCategories = []; $("input[name='categories[]']:checked").each(function () { selectedCategories.push($(this).val()); }); let selectedCities = $(".js-select2[name='cities[]']").val(); let selectedNeighborhoods = $(".js-select2[name='neighborhoods[]']").val(); let selectedالوحدات Space = $(".js-range-slider").val(); let selectedNumberOfRooms = $("input[name='my_range']").val(); let SearchInput = $("#searchInput").val(); console.log(SearchInput) // Modify this based on your input element // You can also get price range values in a similar way let urlAction = "filter-projects.html" $.ajax({ url: urlAction, // Replace with your backend API endpoint type: 'POST', data: { categories: selectedCategories, cities: selectedCities, neighborhoods: selectedNeighborhoods, الوحدات Space: selectedالوحدات Space, numberOfRooms: selectedNumberOfRooms, search: SearchInput, '_token': '4gVtGjqFMagIGf6z14kXz2pge9og0lMYdYIwuXR5' }, success: function (data) { let html = ''; data.data.data.forEach(function (project) { console.log(project) let baseUrl = " ../index.html"; html += `

${project.name}

${project.description}

${project.neighborhood}
${project.unit} الوحدات
${project.buildings} Building
` }); if (data.data.data.length == 0) { html = `

There are no matching search results

We could not find any item that matches your search

` } $('.projectlist').html(html); } }); } $("input[name='categories[]']").on("change", function () { filterProjects(); }); $(".js-select2[name='cities[]']").on("change", function () { filterProjects(); }); $(".js-select2[name='neighborhoods[]']").on("change", function () { filterProjects(); }); $(".js-range-slider").on("change", function () { filterProjects(); }); $("input[name='my_range']").on("input", function () { filterProjects(); }); $("#filterButton").on("click", function () { // Replace "#filterButton" with your actual button selector filterProjects(); }); // input text search $("#searchInput").on("keyup", function () { // Replace "#filterButton" with your actual button selector filterProjects(); }); function resetFilter() { $("input[name='categories[]']").prop('checked', false); $(".js-select2[name='cities[]']").val(null).trigger('change'); $(".js-select2[name='neighborhoods[]']").val(null).trigger('change'); $(".js-range-slider").data("ionRangeSlider").reset(); $("input[name='my_range']").val(null); filterProjects(); } -->