\u05d4\u05e9\u05d3\u05e8\u05d4- \u05d0\u05dc\u05e2\u05d3<\/title>\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.rtl.min.css\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/use.fontawesome.com\/releases\/v6.4.0\/css\/all.css\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Assistant:wght@300;400;700&display=swap\">\r\n <style>\r\n\r\n* {\r\n font-family: var(--font-family);\r\n}\/* Modern Apartment Card Styles *\/\r\n\r\n\/* Custom styles *\/\r\n:root {\r\n --light-color: #f8f9fa;\r\n --main-color: #b09754;\r\n --secondary-color: #2ecc71;\r\n --dark-color: #333;\r\n --danger-color: #e74c3c;\r\n}\r\n\r\n.logo\r\n{\r\n max-width:300px !important;\r\n margin:20px;\r\n}\r\n\r\n.form-label\r\n{\r\n margin-top: .5rem;\r\n}\r\n\r\n.pagination\r\n{\r\n flex-wrap: wrap;\r\n --bs-pagination-color: var(--main-color) !important;\r\n --bs-pagination-focus-color: var(--main-color) !important;\r\n --bs-pagination-active-bg: var(--main-color) !important;\r\n --bs-pagination-active-border-color: var(--main-color) !important;\r\n}\r\n\r\n.title {\r\n color:var(--main-color);\r\n padding: 15px;\r\n margin-bottom: 20px;\r\n font-size: 3rem;\r\n font-weight: bold;\r\n text-align: center;\r\n}\r\n\r\n.apartment-card {\r\n position: relative;\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n background-color: var(--light-color);\r\n margin: 10px;\r\n padding: 15px;\r\n width: 290px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n}\r\n\r\n.apartment-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.apartment-card.sold {\r\n opacity: 0.7;\r\n}\r\n\r\n.apartment-card.sold::before {\r\n content: '\u05e0\u05de\u05db\u05e8';\r\n position: absolute;\r\n top: 16px;\r\n left: -38px;\r\n transform: rotate(-45deg);\r\n background: var(--danger-color);\r\n color: #fff;\r\n padding: 5px 50px;\r\n font-weight: bold;\r\n z-index: 1;\r\n font-size: 0.9rem;\r\n}\r\n\r\n.apartment-details {\r\n text-align: center;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n\r\n.apartment-details a{\r\n color:var(--main-color);\r\n text-decoration: none;\r\n}\r\n\r\n.apartment-title {\r\n font-size: 1.4rem;\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n color: var(--main-color);\r\n}\r\n\r\n.apartment-info {\r\n font-size: 0.9rem;\r\n color: var(--dark-color);\r\n list-style: none;\r\n padding: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 10px;\r\n}\r\n\r\n.apartment-info li {\r\n display: flex;\r\n align-items: center;\r\n background-color: rgba(0, 0, 0, 0.05);\r\n padding: 5px 10px;\r\n border-radius: 10px;\r\n}\r\n\r\n.apartment-info li i {\r\n color: var(--secondary-color);\r\n margin-left: 5px;\r\n}\r\n\r\n.apartment-price {\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n color: var(--main-color);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.apartment-plan {\r\n font-weight: 700;\r\n padding: 5px 10px;\r\n margin: 0px 10px -25px 10px;\r\n vertical-align: middle;\r\n background-color: rgba(0, 0, 0, 0.05);\r\n border-radius: 10px;\r\n}\r\n\r\n\r\n.apartment-plan div {\r\n margin-bottom: 10px;\r\n}\r\n\r\n\r\n.apartment-type\r\n{\r\n padding: 5px;\r\n color: var(--main-color);\r\n margin-top: -10px;\r\n font-size: 0.9rem;\r\n}\r\n.lamishtaken\r\n{\r\n padding: 5px;\r\n color: var(--danger-color);\r\n margin-top: -10px;\r\n font-size: 0.9rem;\r\n}\r\n.free-market\r\n{\r\n padding: 5px;\r\n color: grey;\r\n margin-top: -10px;\r\n font-size: 0.9rem;\r\n}\r\n\r\n\/* Floor section styles (kept from original) *\/\r\n.floor-section {\r\n margin-bottom: 30px;\r\n text-align: center;\r\n}\r\n\r\n.floor-title {\r\n background-color: var(--main-color);\r\n color: #fff;\r\n padding: 15px;\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n text-align: center;\r\n border-radius: 10px 10px 0px 0px;\r\n\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n.apartments-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n border:solid;\r\n border-color:var(--main-color);\r\n padding:20px;\r\n}\r\n\r\n.apartments-row-filter {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n padding:20px;\r\n}\r\n\r\n.display-btn{\r\n width:130px;\r\n padding:10px;\r\n background-color:var(--light-color) !important;\r\n color:var(--main-color) !important;\r\n border-color:var(--main-color) !important;\r\n}\r\n.display-btn.active{\r\n width:130px;\r\n padding:10px;\r\n background-color:var(--main-color) !important;\r\n color:var(--light-color) !important;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .apartment-card {\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n}\r\n <\/style>\r\n<\/head>\r\n<body class=\"rtl wp-embed-responsive wp-theme-hello-elementor hello-elementor-default\">\r\n\r\n<div class=\"container\">\r\n \r\n <div class=\"project-header text-center my-4\">\r\n <h1 class=\"title\">\u05d4\u05e9\u05d3\u05e8\u05d4- \u05d0\u05dc\u05e2\u05d3<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"view-toggle text-center mb-3\">\r\n <button id=\"building-view-btn\" class=\"btn btn-primary active mx-2 display-btn\"><i class=\"fas fa-building\"><\/i> \u05dc\u05e4\u05d9 \u05d1\u05e0\u05d9\u05d9\u05df<\/button>\r\n <button id=\"list-view-btn\" class=\"btn btn-secondary mx-2 display-btn\"><i class=\"fa-solid fa-arrow-down-wide-short\"><\/i> \u05e1\u05d9\u05e0\u05d5\u05df \u05d3\u05d9\u05e8\u05d5\u05ea<\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"building-view\" class=\"view-section\">\r\n \r\n <div class=\"row justify-content-center mb-3\">\r\n \r\n <div class=\"col-md-4 col-lg-3\" id=\"building-file-select-container\" style=\"display: none;\">\r\n <label for=\"building-file-select\" class=\"form-label\">\u05d1\u05d7\u05d9\u05e8\u05ea \u05de\u05ea\u05d7\u05dd:<\/label>\r\n <select id=\"building-file-select\" class=\"form-select\">\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-4 col-lg-3\" id=\"building-select-container\">\r\n <label for=\"building-select\" class=\"form-label\">\u05d1\u05d7\u05d9\u05e8\u05ea \u05d1\u05e0\u05d9\u05d9\u05df:<\/label>\r\n <select id=\"building-select\" class=\"form-select\">\r\n \r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"floors-container\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"list-view\" class=\"view-section\" style=\"display: none;\">\r\n \r\n <div class=\"filters mb-3\">\r\n <div class=\"row justify-content-center\">\r\n \r\n <div class=\"col-md-2\" id=\"filter-file-container\" style=\"display: none;\">\r\n <label for=\"filter-file\" class=\"form-label\">\u05de\u05ea\u05d7\u05dd:<\/label>\r\n <select id=\"filter-file\" class=\"form-select\">\r\n <option value=\"\">\u05d4\u05db\u05dc<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-2\" id=\"filter-building-container\" style=\"display: none;\">\r\n <label for=\"filter-building\" class=\"form-label\">\u05d1\u05e0\u05d9\u05d9\u05df:<\/label>\r\n <select id=\"filter-building\" class=\"form-select\">\r\n <option value=\"\">\u05d4\u05db\u05dc<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-2\" id=\"filter-rooms-container\" style=\"display: none;\">\r\n <label for=\"filter-rooms\" class=\"form-label\">\u05de\u05e1\u05e4\u05e8 \u05d7\u05d3\u05e8\u05d9\u05dd:<\/label>\r\n <select id=\"filter-rooms\" class=\"form-select\">\r\n <option value=\"\">\u05d4\u05db\u05dc<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-2\" id=\"filter-type-container\" style=\"display: none;\">\r\n <label for=\"filter-type\" class=\"form-label\">\u05e1\u05d5\u05d2 \u05d3\u05d9\u05e8\u05d4:<\/label>\r\n <select id=\"filter-type\" class=\"form-select\">\r\n <option value=\"\">\u05d4\u05db\u05dc<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-2\" id=\"order-by-container\">\r\n <label for=\"order-by\" class=\"form-label\">\u05de\u05d9\u05d9\u05df \u05dc\u05e4\u05d9:<\/label>\r\n <select id=\"order-by\" class=\"form-select\">\r\n <option value=\"price_asc\">\u05de\u05d7\u05d9\u05e8 - \u05de\u05d4\u05d6\u05d5\u05dc \u05dc\u05d9\u05e7\u05e8<\/option>\r\n <option value=\"price_desc\">\u05de\u05d7\u05d9\u05e8 - \u05de\u05d4\u05d9\u05e7\u05e8 \u05dc\u05d6\u05d5\u05dc<\/option>\r\n <option value=\"rooms_asc\">\u05d7\u05d3\u05e8\u05d9\u05dd - \u05de\u05d4\u05e4\u05d7\u05d5\u05ea \u05dc\u05d9\u05d5\u05ea\u05e8<\/option>\r\n <option value=\"rooms_desc\">\u05d7\u05d3\u05e8\u05d9\u05dd - \u05de\u05d4\u05d9\u05d5\u05ea\u05e8 \u05dc\u05e4\u05d7\u05d5\u05ea<\/option>\r\n <option value=\"size_asc\">\u05e9\u05d8\u05d7 \u05d3\u05d9\u05e8\u05d4 - \u05de\u05d4\u05e7\u05d8\u05df \u05dc\u05d2\u05d3\u05d5\u05dc<\/option>\r\n <option value=\"size_desc\">\u05e9\u05d8\u05d7 \u05d3\u05d9\u05e8\u05d4 - \u05de\u05d4\u05d2\u05d3\u05d5\u05dc \u05dc\u05e7\u05d8\u05df<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"apartments-list\" class=\"apartments-row-filter\">\r\n \r\n <\/div>\r\n\r\n \r\n <nav id=\"pagination\" aria-label=\"Page navigation\">\r\n <ul class=\"pagination justify-content-center\">\r\n \r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"modal fade\" id=\"apartmentModal\" tabindex=\"-1\" aria-labelledby=\"apartmentModalLabel\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h5 id=\"apartmentModalLabel\" class=\"modal-title\">\u05e4\u05e8\u05d8\u05d9 \u05d3\u05d9\u05e8\u05d4<\/h5>\r\n <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"\u05e1\u05d2\u05d5\u05e8\"><\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n\r\n\r\n<script>\r\n\/\/ Items per page\r\nconst itemsPerPage = 50;\r\n\/\/ CSV file URL\r\nconst csvFileUrl = 'https:\/\/hasdera-elad.com\/wp-content\/uploads\/project-\u05d4\u05e9\u05d3\u05e8\u05d4-\u05d0\u05dc\u05e2\u05d3.csv';\r\n\r\n<\/script>\r\n\r\n\r\n<script src=\"https:\/\/hasdera-elad.com\/wp-content\/plugins\/repd-hasdera-elad\/templates\/public\/..\/..\/assets\/js\/project-view.js\"><\/script> \r\n\t\t\t<script>\n\t\t\t\tconst lazyloadRunObserver = () => {\n\t\t\t\t\tconst lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );\n\t\t\t\t\tconst lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {\n\t\t\t\t\t\tentries.forEach( ( entry ) => {\n\t\t\t\t\t\t\tif ( entry.isIntersecting ) {\n\t\t\t\t\t\t\t\tlet lazyloadBackground = entry.target;\n\t\t\t\t\t\t\t\tif( lazyloadBackground ) {\n\t\t\t\t\t\t\t\t\tlazyloadBackground.classList.add( 'e-lazyloaded' );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlazyloadBackgroundObserver.unobserve( entry.target );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}, { rootMargin: '200px 0px 200px 0px' } );\n\t\t\t\t\tlazyloadBackgrounds.forEach( ( lazyloadBackground ) => {\n\t\t\t\t\t\tlazyloadBackgroundObserver.observe( lazyloadBackground );\n\t\t\t\t\t} );\n\t\t\t\t};\n\t\t\t\tconst events = [\n\t\t\t\t\t'DOMContentLoaded',\n\t\t\t\t\t'elementor\/lazyload\/observe',\n\t\t\t\t];\n\t\t\t\tevents.forEach( ( event ) => {\n\t\t\t\t\tdocument.addEventListener( event, lazyloadRunObserver );\n\t\t\t\t} );\n\t\t\t<\/script>\n\t\t\t<script type=\"text\/template\" id=\"tmpl-elementor-templates-modal__header\">\n\t<div class=\"elementor-templates-modal__header__logo-area\"><\/div>\n\t<div class=\"elementor-templates-modal__header__menu-area\"><\/div>\n\t<div class=\"elementor-templates-modal__header__items-area\">\n\t\t<# if ( closeType ) { #>\n\t\t\t<div class=\"elementor-templates-modal__header__close elementor-templates-modal__header__close--{{{ closeType }}} elementor-templates-modal__header__item\">\n\t\t\t\t<# if ( 'skip' === closeType ) { #>\n\t\t\t\t<span>\u05d3\u05dc\u05d2<\/span>\n\t\t\t\t<# } #>\n\t\t\t\t<i class=\"eicon-close\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<span class=\"elementor-screen-only\">{{{ $e.components?.get( 'document\/elements' )?.utils?.getTitleForLibraryClose() }}}<\/span>\n\t\t\t<\/div>\n\t\t<# } #>\n\t\t<div id=\"elementor-template-library-header-tools\"><\/div>\n\t<\/div>\n<\/script>\n\n<script type=\"text\/template\" id=\"tmpl-elementor-templates-modal__header__logo\">\n\t<span class=\"elementor-templates-modal__header__logo__icon-wrapper e-logo-wrapper\">\n\t\t<i class=\"eicon-elementor-circle\"><\/i>\n\t<\/span>\n\t<span class=\"elementor-templates-modal__header__logo__title\">{{{ title }}}<\/span>\n<\/script>\n<\/body>\r\n<\/html>\r\n<\/div>\n\t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=120"}],"version-history":[{"count":4,"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/pages\/120\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\r\n\r\n\r\n\r\n \r\n \r\n \u05d4\u05e9\u05d3\u05e8\u05d4- \u05d0\u05dc\u05e2\u05d3<\/title>\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.rtl.min.css\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/use.fontawesome.com\/releases\/v6.4.0\/css\/all.css\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Assistant:wght@300;400;700&display=swap\">\r\n <style>\r\n\r\n* {\r\n font-family: var(--font-family);\r\n}\/* Modern Apartment Card Styles *\/\r\n\r\n\/* Custom styles *\/\r\n:root {\r\n --light-color: #f8f9fa;\r\n --main-color: #b09754;\r\n --secondary-color: #2ecc71;\r\n --dark-color: #333;\r\n --danger-color: #e74c3c;\r\n}\r\n\r\n.logo\r\n{\r\n max-width:300px !important;\r\n margin:20px;\r\n}\r\n\r\n.form-label\r\n{\r\n margin-top: .5rem;\r\n}\r\n\r\n.pagination\r\n{\r\n flex-wrap: wrap;\r\n --bs-pagination-color: var(--main-color) !important;\r\n --bs-pagination-focus-color: var(--main-color) !important;\r\n --bs-pagination-active-bg: var(--main-color) !important;\r\n --bs-pagination-active-border-color: var(--main-color) !important;\r\n}\r\n\r\n.title {\r\n color:var(--main-color);\r\n padding: 15px;\r\n margin-bottom: 20px;\r\n font-size: 3rem;\r\n font-weight: bold;\r\n text-align: center;\r\n}\r\n\r\n.apartment-card {\r\n position: relative;\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n background-color: var(--light-color);\r\n margin: 10px;\r\n padding: 15px;\r\n width: 290px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n}\r\n\r\n.apartment-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.apartment-card.sold {\r\n opacity: 0.7;\r\n}\r\n\r\n.apartment-card.sold::before {\r\n content: '\u05e0\u05de\u05db\u05e8';\r\n position: absolute;\r\n top: 16px;\r\n left: -38px;\r\n transform: rotate(-45deg);\r\n background: var(--danger-color);\r\n color: #fff;\r\n padding: 5px 50px;\r\n font-weight: bold;\r\n z-index: 1;\r\n font-size: 0.9rem;\r\n}\r\n\r\n.apartment-details {\r\n text-align: center;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n\r\n.apartment-details a{\r\n color:var(--main-color);\r\n text-decoration: none;\r\n}\r\n\r\n.apartment-title {\r\n font-size: 1.4rem;\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n color: var(--main-color);\r\n}\r\n\r\n.apartment-info {\r\n font-size: 0.9rem;\r\n color: var(--dark-color);\r\n list-style: none;\r\n padding: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 10px;\r\n}\r\n\r\n.apartment-info li {\r\n display: flex;\r\n align-items: center;\r\n background-color: rgba(0, 0, 0, 0.05);\r\n padding: 5px 10px;\r\n border-radius: 10px;\r\n}\r\n\r\n.apartment-info li i {\r\n color: var(--secondary-color);\r\n margin-left: 5px;\r\n}\r\n\r\n.apartment-price {\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n color: var(--main-color);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.apartment-plan {\r\n font-weight: 700;\r\n padding: 5px 10px;\r\n margin: 0px 10px -25px 10px;\r\n vertical-align: middle;\r\n background-color: rgba(0, 0, 0, 0.05);\r\n border-radius: 10px;\r\n}\r\n\r\n\r\n.apartment-plan div {\r\n margin-bottom: 10px;\r\n}\r\n\r\n\r\n.apartment-type\r\n{\r\n padding: 5px;\r\n color: var(--main-color);\r\n margin-top: -10px;\r\n font-size: 0.9rem;\r\n}\r\n.lamishtaken\r\n{\r\n padding: 5px;\r\n color: var(--danger-color);\r\n margin-top: -10px;\r\n font-size: 0.9rem;\r\n}\r\n.free-market\r\n{\r\n padding: 5px;\r\n color: grey;\r\n margin-top: -10px;\r\n font-size: 0.9rem;\r\n}\r\n\r\n\/* Floor section styles (kept from original) *\/\r\n.floor-section {\r\n margin-bottom: 30px;\r\n text-align: center;\r\n}\r\n\r\n.floor-title {\r\n background-color: var(--main-color);\r\n color: #fff;\r\n padding: 15px;\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n text-align: center;\r\n border-radius: 10px 10px 0px 0px;\r\n\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n.apartments-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n border:solid;\r\n border-color:var(--main-color);\r\n padding:20px;\r\n}\r\n\r\n.apartments-row-filter {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n padding:20px;\r\n}\r\n\r\n.display-btn{\r\n width:130px;\r\n padding:10px;\r\n background-color:var(--light-color) !important;\r\n color:var(--main-color) !important;\r\n border-color:var(--main-color) !important;\r\n}\r\n.display-btn.active{\r\n width:130px;\r\n padding:10px;\r\n background-color:var(--main-color) !important;\r\n color:var(--light-color) !important;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .apartment-card {\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n}\r\n <\/style>\r\n<\/head>\r\n<body class=\"rtl wp-embed-responsive wp-theme-hello-elementor hello-elementor-default\">\r\n\r\n<div class=\"container\">\r\n \r\n <div class=\"project-header text-center my-4\">\r\n <h1 class=\"title\">\u05d4\u05e9\u05d3\u05e8\u05d4- \u05d0\u05dc\u05e2\u05d3<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"view-toggle text-center mb-3\">\r\n <button id=\"building-view-btn\" class=\"btn btn-primary active mx-2 display-btn\"><i class=\"fas fa-building\"><\/i> \u05dc\u05e4\u05d9 \u05d1\u05e0\u05d9\u05d9\u05df<\/button>\r\n <button id=\"list-view-btn\" class=\"btn btn-secondary mx-2 display-btn\"><i class=\"fa-solid fa-arrow-down-wide-short\"><\/i> \u05e1\u05d9\u05e0\u05d5\u05df \u05d3\u05d9\u05e8\u05d5\u05ea<\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"building-view\" class=\"view-section\">\r\n \r\n <div class=\"row justify-content-center mb-3\">\r\n \r\n <div class=\"col-md-4 col-lg-3\" id=\"building-file-select-container\" style=\"display: none;\">\r\n <label for=\"building-file-select\" class=\"form-label\">\u05d1\u05d7\u05d9\u05e8\u05ea \u05de\u05ea\u05d7\u05dd:<\/label>\r\n <select id=\"building-file-select\" class=\"form-select\">\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-4 col-lg-3\" id=\"building-select-container\">\r\n <label for=\"building-select\" class=\"form-label\">\u05d1\u05d7\u05d9\u05e8\u05ea \u05d1\u05e0\u05d9\u05d9\u05df:<\/label>\r\n <select id=\"building-select\" class=\"form-select\">\r\n \r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"floors-container\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"list-view\" class=\"view-section\" style=\"display: none;\">\r\n \r\n <div class=\"filters mb-3\">\r\n <div class=\"row justify-content-center\">\r\n \r\n <div class=\"col-md-2\" id=\"filter-file-container\" style=\"display: none;\">\r\n <label for=\"filter-file\" class=\"form-label\">\u05de\u05ea\u05d7\u05dd:<\/label>\r\n <select id=\"filter-file\" class=\"form-select\">\r\n <option value=\"\">\u05d4\u05db\u05dc<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-2\" id=\"filter-building-container\" style=\"display: none;\">\r\n <label for=\"filter-building\" class=\"form-label\">\u05d1\u05e0\u05d9\u05d9\u05df:<\/label>\r\n <select id=\"filter-building\" class=\"form-select\">\r\n <option value=\"\">\u05d4\u05db\u05dc<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-2\" id=\"filter-rooms-container\" style=\"display: none;\">\r\n <label for=\"filter-rooms\" class=\"form-label\">\u05de\u05e1\u05e4\u05e8 \u05d7\u05d3\u05e8\u05d9\u05dd:<\/label>\r\n <select id=\"filter-rooms\" class=\"form-select\">\r\n <option value=\"\">\u05d4\u05db\u05dc<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-2\" id=\"filter-type-container\" style=\"display: none;\">\r\n <label for=\"filter-type\" class=\"form-label\">\u05e1\u05d5\u05d2 \u05d3\u05d9\u05e8\u05d4:<\/label>\r\n <select id=\"filter-type\" class=\"form-select\">\r\n <option value=\"\">\u05d4\u05db\u05dc<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"col-md-2\" id=\"order-by-container\">\r\n <label for=\"order-by\" class=\"form-label\">\u05de\u05d9\u05d9\u05df \u05dc\u05e4\u05d9:<\/label>\r\n <select id=\"order-by\" class=\"form-select\">\r\n <option value=\"price_asc\">\u05de\u05d7\u05d9\u05e8 - \u05de\u05d4\u05d6\u05d5\u05dc \u05dc\u05d9\u05e7\u05e8<\/option>\r\n <option value=\"price_desc\">\u05de\u05d7\u05d9\u05e8 - \u05de\u05d4\u05d9\u05e7\u05e8 \u05dc\u05d6\u05d5\u05dc<\/option>\r\n <option value=\"rooms_asc\">\u05d7\u05d3\u05e8\u05d9\u05dd - \u05de\u05d4\u05e4\u05d7\u05d5\u05ea \u05dc\u05d9\u05d5\u05ea\u05e8<\/option>\r\n <option value=\"rooms_desc\">\u05d7\u05d3\u05e8\u05d9\u05dd - \u05de\u05d4\u05d9\u05d5\u05ea\u05e8 \u05dc\u05e4\u05d7\u05d5\u05ea<\/option>\r\n <option value=\"size_asc\">\u05e9\u05d8\u05d7 \u05d3\u05d9\u05e8\u05d4 - \u05de\u05d4\u05e7\u05d8\u05df \u05dc\u05d2\u05d3\u05d5\u05dc<\/option>\r\n <option value=\"size_desc\">\u05e9\u05d8\u05d7 \u05d3\u05d9\u05e8\u05d4 - \u05de\u05d4\u05d2\u05d3\u05d5\u05dc \u05dc\u05e7\u05d8\u05df<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"apartments-list\" class=\"apartments-row-filter\">\r\n \r\n <\/div>\r\n\r\n \r\n <nav id=\"pagination\" aria-label=\"Page navigation\">\r\n <ul class=\"pagination justify-content-center\">\r\n \r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"modal fade\" id=\"apartmentModal\" tabindex=\"-1\" aria-labelledby=\"apartmentModalLabel\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h5 id=\"apartmentModalLabel\" class=\"modal-title\">\u05e4\u05e8\u05d8\u05d9 \u05d3\u05d9\u05e8\u05d4<\/h5>\r\n <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"\u05e1\u05d2\u05d5\u05e8\"><\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n\r\n\r\n<script>\r\n\/\/ Items per page\r\nconst itemsPerPage = 50;\r\n\/\/ CSV file URL\r\nconst csvFileUrl = 'https:\/\/hasdera-elad.com\/wp-content\/uploads\/project-\u05d4\u05e9\u05d3\u05e8\u05d4-\u05d0\u05dc\u05e2\u05d3.csv';\r\n\r\n<\/script>\r\n\r\n\r\n<script src=\"https:\/\/hasdera-elad.com\/wp-content\/plugins\/repd-hasdera-elad\/templates\/public\/..\/..\/assets\/js\/project-view.js\"><\/script> \r\n\t\t\t<script>\n\t\t\t\tconst lazyloadRunObserver = () => {\n\t\t\t\t\tconst lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );\n\t\t\t\t\tconst lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {\n\t\t\t\t\t\tentries.forEach( ( entry ) => {\n\t\t\t\t\t\t\tif ( entry.isIntersecting ) {\n\t\t\t\t\t\t\t\tlet lazyloadBackground = entry.target;\n\t\t\t\t\t\t\t\tif( lazyloadBackground ) {\n\t\t\t\t\t\t\t\t\tlazyloadBackground.classList.add( 'e-lazyloaded' );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlazyloadBackgroundObserver.unobserve( entry.target );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}, { rootMargin: '200px 0px 200px 0px' } );\n\t\t\t\t\tlazyloadBackgrounds.forEach( ( lazyloadBackground ) => {\n\t\t\t\t\t\tlazyloadBackgroundObserver.observe( lazyloadBackground );\n\t\t\t\t\t} );\n\t\t\t\t};\n\t\t\t\tconst events = [\n\t\t\t\t\t'DOMContentLoaded',\n\t\t\t\t\t'elementor\/lazyload\/observe',\n\t\t\t\t];\n\t\t\t\tevents.forEach( ( event ) => {\n\t\t\t\t\tdocument.addEventListener( event, lazyloadRunObserver );\n\t\t\t\t} );\n\t\t\t<\/script>\n\t\t\t<script type=\"text\/template\" id=\"tmpl-elementor-templates-modal__header\">\n\t<div class=\"elementor-templates-modal__header__logo-area\"><\/div>\n\t<div class=\"elementor-templates-modal__header__menu-area\"><\/div>\n\t<div class=\"elementor-templates-modal__header__items-area\">\n\t\t<# if ( closeType ) { #>\n\t\t\t<div class=\"elementor-templates-modal__header__close elementor-templates-modal__header__close--{{{ closeType }}} elementor-templates-modal__header__item\">\n\t\t\t\t<# if ( 'skip' === closeType ) { #>\n\t\t\t\t<span>\u05d3\u05dc\u05d2<\/span>\n\t\t\t\t<# } #>\n\t\t\t\t<i class=\"eicon-close\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<span class=\"elementor-screen-only\">{{{ $e.components?.get( 'document\/elements' )?.utils?.getTitleForLibraryClose() }}}<\/span>\n\t\t\t<\/div>\n\t\t<# } #>\n\t\t<div id=\"elementor-template-library-header-tools\"><\/div>\n\t<\/div>\n<\/script>\n\n<script type=\"text\/template\" id=\"tmpl-elementor-templates-modal__header__logo\">\n\t<span class=\"elementor-templates-modal__header__logo__icon-wrapper e-logo-wrapper\">\n\t\t<i class=\"eicon-elementor-circle\"><\/i>\n\t<\/span>\n\t<span class=\"elementor-templates-modal__header__logo__title\">{{{ title }}}<\/span>\n<\/script>\n<\/body>\r\n<\/html>\r\n<\/div>\n\t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=120"}],"version-history":[{"count":4,"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=\/wp\/v2\/pages\/120\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/hasdera-elad.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}