{"id":864,"date":"2016-03-07T20:26:32","date_gmt":"2016-03-07T20:26:32","guid":{"rendered":"http:\/\/ferri.ca\/?page_id=864"},"modified":"2021-11-11T17:44:19","modified_gmt":"2021-11-11T21:44:19","slug":"properties","status":"publish","type":"page","link":"https:\/\/dev.ferri.ca\/en\/properties\/","title":{"rendered":"Properties"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_section-cfd3ea6763d0557d222703f9fab9709f\">\n.avia-section.av-av_section-cfd3ea6763d0557d222703f9fab9709f .av-section-color-overlay{\nopacity:0.7;\nbackground-color:#003d73;\n}\n<\/style>\n<div id='av_section_1'  class='avia-section av-av_section-cfd3ea6763d0557d222703f9fab9709f main_color avia-section-default avia-no-shadow  avia-builder-el-0  el_before_av_section  avia-builder-el-first  avia-bg-style-scroll av-section-color-overlay-active  container_wrap sidebar_right'  ><div class='av-section-color-overlay-wrap'><div class=\"av-section-color-overlay\"><\/div><div class='container av-section-cont-open' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-864'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-a465237a38abe7aaf67c1a4d62966b61\">\n#top .av-special-heading.av-av_heading-a465237a38abe7aaf67c1a4d62966b61{\npadding-bottom:0px;\ncolor:#ffffff;\nfont-size:60px;\n}\n.av-special-heading.av-av_heading-a465237a38abe7aaf67c1a4d62966b61 .special-heading-inner-border{\nborder-color:#ffffff;\n}\n.av-special-heading.av-av_heading-a465237a38abe7aaf67c1a4d62966b61 .av-subheading{\nfont-size:18px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-a465237a38abe7aaf67c1a4d62966b61 av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-1  avia-builder-el-no-sibling  av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Our Properties<\/h1><div class='av_custom_color av-subheading av-subheading_below '><p>Take a look at our properties, one of them should fit your needs!<\/p>\n<\/div><div class='special-heading-border'><div class='special-heading-inner-border'><\/div><\/div><\/div>\n\n<\/div><\/div><\/main><!-- close content main element --><\/div><\/div><\/div><div id='av_section_2'  class='avia-section av-av_section-f6ab5b81e634ea345e6c81f64e3dbfab main_color avia-section-default avia-no-shadow  avia-builder-el-2  el_after_av_section  avia-builder-el-last  avia-bg-style-scroll  container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-864'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_one_full-9497bbf8bff73ea4c6992cc17fa9ec36\">\n.flex_column.av-av_one_full-9497bbf8bff73ea4c6992cc17fa9ec36{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-av_one_full-9497bbf8bff73ea4c6992cc17fa9ec36 av_one_full  avia-builder-el-3  avia-builder-el-no-sibling  first flex_column_div av-zero-column-padding '   ><section  class='av_textblock_section av-kvvhay4i-0dfef9b695c23adda6084108d965dc43 '  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock '  itemprop=\"text\" ><div class=\"si-list-of-item\"><si-list si-alias=\"listings\" si-class=\"si standard-layout si-list-of-listings \" style=\"\"><\/si-list><script type=\"text\/ng-template\" id=\"si-template-for-listings\">\r\n    <si-search data-si-alias=\"listings\" data-si-configs=\"configs\" data-si-dictionary=\"dictionary\" class=\"search-container\"><\/si-search>\r\n    <div class=\"si-list-container display-mode-{{display_mode}}\" style=\"--desktop-column-width:4;--laptop-column-width:3;--tablet-column-width:2;--mobile-column-width:1\" si-lazy-load>\r\n        <div class=\"si-list-header\">\r\n<div class=\"list-meta\">\r\n    <div class=\"list-count\" data-ng-bind-html=\"'{0} results found'.translate().format('<em>' + listMeta.item_count + '<\/em>')\"><\/div>\r\n<\/div><div class=\"si-sort-container\" data-ng-show=\"display_mode!='map'\">\r\n    <div class=\"si-dropdown\" data-show-button-icon=\"false\">\r\n        <div class=\"si-dropdown-button\"><i class=\"far fa-sort-amount-down\"><\/i><\/div>\r\n        <div class=\"si-dropdown-panel\">\r\n            <div class=\"si-dropdown-item {{client_sort=='date_desc' ? 'active':''}}\" data-ng-click=\"sortByDate(true)\">Latest to oldest<\/div>\r\n            <div class=\"si-dropdown-item {{client_sort=='date_asc' ? 'active':''}}\" data-ng-click=\"sortByDate(false)\">Oldest to latest<\/div>\r\n            <div class=\"si-dropdown-item {{client_sort=='price_desc' ? 'active':''}}\" data-ng-click=\"sortByPrice(true)\">Most to least expensive<\/div>\r\n            <div class=\"si-dropdown-item {{client_sort=='price_asc' ? 'active':''}}\" data-ng-click=\"sortByPrice(false)\">Least to most expensive<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div><div class=\"view-switch\">\r\n    \r\n    <div class=\"switch-item {{display_mode=='list' ? 'active' : ''}}\"\r\n            data-ng-click=\"switchDisplayTo('list')\">\r\n        <i class=\"fal fa-list\"><\/i>\r\n    <\/div>\r\n\r\n   <div ng-if=\"hasMapKeyApi()\" class=\"switch-item {{display_mode=='map' ? 'active' : ''}}\"\r\n            data-ng-click=\"switchDisplayTo('map')\">\r\n        <i class=\"far fa-map-marker-alt\"><\/i>\r\n    <\/div>\r\n\r\n<\/div> <\/div>        <div class=\"si-list\" data-ng-show=\"(list && list.length>0) && display_mode=='list'\" data-on-bottom-reached=\"checkNextPage()\">      \r\n            <div ng-repeat=\"item in list track by item.id\"  class=\"item-{{item.ref_number}} city-{{item.location.city_code | sanitize}}\">\r\n            \r\n<article \r\n    class=\"si-item si-listing-item si-single-layer-item-layout  style-standard img-hover-effect-gallery {{getClassList(item)}}\" ng-cloak\r\n        si-image-rotator=\"{{item.ref_number}}:listings\" >\r\n    <a href=\"{{item.permalink}}\">\r\n        <div class=\"item-content si-background\">\r\n            <div class=\"image si-lazy-loading\"><img data-si-src=\"{{item.photo_url}}\" data-si-srcset=\"{{item.photo_url}}\" \/><\/div>\r\n            <div class=\"si-data-label civic-address si-background-high-contrast\"   ng-show=\"layoutAllowVar('address',true)\">{{item.location.civic_address}}<\/div>\r\n            <div class=\"si-data-label city si-background-high-contrast\"  ng-show=\"layoutAllowVar('city',true)\">{{item.location.city}}<\/div>\r\n            <div class=\"si-data-label region si-background-high-contrast\"  ng-show=\"layoutAllowVar('region')\">{{item.location.region}}<\/div>\r\n            <div class=\"si-data-label price  si-background-medium-contrast\"  ng-show=\"layoutAllowVar('price',true)\">{{formatPrice(item)}}<\/div>\r\n\r\n            <div class=\"si-data-label category\" ng-show=\"layoutAllowVar('category')\">{{item.category }}<\/div>\r\n            <div class=\"si-data-label subcategory\" ng-show=\"layoutAllowVar('subcategory',true)\">{{item.subcategory}}<\/div>\r\n            <div class=\"si-data-label ref-number\" ng-show=\"layoutAllowVar('ref_number')\">{{item.ref_number}}<\/div>\r\n\r\n            <div class=\"si-data-label available_area\" ng-show=\"layoutAllowVar('available_area')\">{{item.available_area}} {{item.available_area_unit}}<\/div>\r\n\r\n        \r\n            <div class=\"si-data-label rooms\" ng-show=\"layoutAllowVar('rooms',true)\">\r\n                <div class=\"room {{icon}}\" ng-repeat=\"(icon,room) in item.rooms\"><i class=\"icon fal fa-fw fa-{{icon}}\"><\/i> <span class=\"count\">{{room.count}}<\/span> <span class=\"label\">{{room.label}}<\/span><\/div>\r\n            <\/div>\r\n            \r\n            \r\n            <div class=\"si-data-label description\" ng-show=\"layoutAllowVar('description')\">{{item.description}}<\/div>\r\n            \r\n            <div class=\"flags\">\r\n                <i class=\"video far fa-video\"><\/i>\r\n                <i class=\"virtual-tour far fa-vr-cardboard\"><\/i>\r\n            <\/div>\r\n            <div class=\"si-data-label open-houses\">\r\n                <div class=\"open-house-item\">\r\n                    <i class=\"fal fa-calendar-alt\"><\/i> <span>{{'Open house'.translate()}}<\/span> <span am-time-ago=\"item.open_houses[0].start_date\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n<\/article>            <\/div>\r\n        <\/div>\r\n        <div class=\"si-list si-list-of-ghost\" data-ng-show=\"(ghost_list && ghost_list.length>0) && display_mode=='list'\">      \r\n            <div ng-repeat=\"item in ghost_list\">\r\n            \r\n<article \r\n    class=\"si-item si-listing-item si-single-layer-item-layout  style-standard img-hover-effect-gallery {{getClassList(item)}}\" ng-cloak\r\n        si-image-rotator=\"{{item.ref_number}}:listings\" >\r\n    <a href=\"{{item.permalink}}\">\r\n        <div class=\"item-content si-background\">\r\n            <div class=\"image si-lazy-loading\"><img data-si-src=\"{{item.photo_url}}\" data-si-srcset=\"{{item.photo_url}}\" \/><\/div>\r\n            <div class=\"si-data-label civic-address si-background-high-contrast\"   ng-show=\"layoutAllowVar('address',true)\">{{item.location.civic_address}}<\/div>\r\n            <div class=\"si-data-label city si-background-high-contrast\"  ng-show=\"layoutAllowVar('city',true)\">{{item.location.city}}<\/div>\r\n            <div class=\"si-data-label region si-background-high-contrast\"  ng-show=\"layoutAllowVar('region')\">{{item.location.region}}<\/div>\r\n            <div class=\"si-data-label price  si-background-medium-contrast\"  ng-show=\"layoutAllowVar('price',true)\">{{formatPrice(item)}}<\/div>\r\n\r\n            <div class=\"si-data-label category\" ng-show=\"layoutAllowVar('category')\">{{item.category }}<\/div>\r\n            <div class=\"si-data-label subcategory\" ng-show=\"layoutAllowVar('subcategory',true)\">{{item.subcategory}}<\/div>\r\n            <div class=\"si-data-label ref-number\" ng-show=\"layoutAllowVar('ref_number')\">{{item.ref_number}}<\/div>\r\n\r\n            <div class=\"si-data-label available_area\" ng-show=\"layoutAllowVar('available_area')\">{{item.available_area}} {{item.available_area_unit}}<\/div>\r\n\r\n        \r\n            <div class=\"si-data-label rooms\" ng-show=\"layoutAllowVar('rooms',true)\">\r\n                <div class=\"room {{icon}}\" ng-repeat=\"(icon,room) in item.rooms\"><i class=\"icon fal fa-fw fa-{{icon}}\"><\/i> <span class=\"count\">{{room.count}}<\/span> <span class=\"label\">{{room.label}}<\/span><\/div>\r\n            <\/div>\r\n            \r\n            \r\n            <div class=\"si-data-label description\" ng-show=\"layoutAllowVar('description')\">{{item.description}}<\/div>\r\n            \r\n            <div class=\"flags\">\r\n                <i class=\"video far fa-video\"><\/i>\r\n                <i class=\"virtual-tour far fa-vr-cardboard\"><\/i>\r\n            <\/div>\r\n            <div class=\"si-data-label open-houses\">\r\n                <div class=\"open-house-item\">\r\n                    <i class=\"fal fa-calendar-alt\"><\/i> <span>{{'Open house'.translate()}}<\/span> <span am-time-ago=\"item.open_houses[0].start_date\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n<\/article>            <\/div>\r\n        <\/div>\r\n        <div class=\"next-page\" data-ng-show=\"display_mode!='map' && page_index>=2 && listMeta.next_token!=null && !is_loading_data\">\r\n            <button type=\"button\" class=\"button load-next-page\" ng-click=\"showNextPage(true)\">Load more<\/button>\r\n        <\/div>\r\n        \r\n        <si-loading data-si-label=\"Loading results\" data-ng-show=\"is_loading_data\"><\/si-loading>\r\n        \r\n        <si-map class=\"map-container\" data-ng-show=\"display_mode=='map'\" data-si-alias=\"listings\"  data-si-configs=\"configs\"><\/si-map>\r\n            <\/div><\/script><script type=\"text\/ng-template\" id=\"si-search-for-listings\">\r\n\r\n    <div class=\"main-filter-tabs si-tab-count-{{configs.search_engine_options.tabs.length}}\" ng-if=\"configs.search_engine_options.tabbed\">\r\n        <div ng-repeat=\"tab in configs.search_engine_options.tabs track by $index\"\r\n                class=\"si-tab {{configs.current_view == tab.view_id ? 'active' : ''}}\"\r\n                ng-click=\"selectView(tab.view_id)\"\r\n                >\r\n                {{tab.caption | translate}}\r\n        <\/div>\r\n\r\n        <div class=\"si-dropdown\" data-show-button-icon=\"false\">\r\n            <div class=\"si-dropdown-button\"><i class=\"far fa-ellipsis-h\"><\/i><\/div>\r\n            <div class=\"si-dropdown-panel\">\r\n                <div class=\"si-dropdown-item {{configs.current_view == tab.view_id ? 'active' : ''}}\" \r\n                        ng-repeat=\"tab in configs.search_engine_options.tabs track by $index\"\r\n                        ng-click=\"selectView(tab.view_id)\">\r\n                        {{tab.caption | translate}}<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n\r\n    <div class=\"inputs\" style=\"--input-count: {{getInputCount()}}\">\r\n        <div class=\"search-box\">\r\n            \r\n            <si-search-box \r\n                    alias=\"listings\"><\/si-search-box>\r\n            \r\n            \r\n        <\/div>\r\n\r\n        <si-geo-filter si-alias=\"listings\"><\/si-geo-filter>\r\n\r\n        <div class=\"si-panel-button si-hover-shade cities-button {{isExpanded('cities')}} {{filter.hasFilter(['regions','cities']) ? 'has-filters' : ''}}\"  \r\n                ng-if=\"allowPanel('cities')\"\r\n                ng-click=\"toggleExpand($event,'cities')\"><span>Cities<\/span> <i class=\"fal fa-angle-down\"><\/i><\/div>\r\n    \r\n        <div class=\"si-panel-button si-hover-shade price-button {{isExpanded('price')}} {{filter.hasFilter(['min_price','max_price']) ? 'has-filters' : ''}}\"  \r\n                ng-if=\"allowPanel('price')\"\r\n                ng-click=\"toggleExpand($event,'price')\"><span>Price<\/span> <i class=\"fal fa-angle-down\"><\/i><\/div>\r\n    \r\n        <div class=\"si-panel-button si-hover-shade category-button {{isExpanded('categories')}} {{filter.hasFilter(['categories','building_categories','subcategories']) ? 'has-filters' : ''}}\"  \r\n                ng-if=\"allowPanel('categories')\"\r\n                ng-click=\"toggleExpand($event,'categories')\"><span>Types<\/span> <i class=\"fal fa-angle-down\"><\/i><\/div>\r\n        \r\n        \r\n        <div class=\"si-panel-button si-hover-shade areas-button {{isExpanded('areas')}} {{filter.hasFilter(['available_min','available_max','land_min','land_max']) ? 'has-filters' : ''}}\" \r\n                ng-if=\"allowPanel('areas')\"\r\n                ng-click=\"toggleExpand($event,'areas')\"><span>Areas<\/span> <i class=\"fal fa-angle-down\"><\/i><\/div>\r\n\r\n        \r\n        <div class=\"si-panel-button si-hover-shade more-button {{isExpanded('others')}} \r\n                {{ filter.hasFilter(getOtherPanelFilterList()) ? 'has-filters' : '' }}\"\r\n                ng-click=\"toggleExpand($event,'others')\"><i class=\"fal fa-ellipsis-h-alt\"><\/i><\/div>\r\n    \r\n\r\n        \r\n    <\/div>\r\n    \r\n\r\n    <div class=\"search-action\">\r\n        <button type=\"button\" class=\"reset-button si-button\" data-ng-if=\"filter.hasFilters()\" data-ng-click=\"resetFilters()\" title=\"Reset\"><i class=\"fal fa-undo\"><\/i><\/button>\r\n        \r\n        \r\n        <div class=\"filter-menu\">\r\n            <div class=\"si-dropdown\" data-show-button-icon=\"false\">\r\n                <div class=\"si-dropdown-button si-element {{filter.hasFilters() ? 'active' : ''}}\"><span class=\"label\">Filters<\/span> <i class=\"fal fa-filter\"><b ng-if=\"filter.hasFilters()\">{{filter.count()}}<\/b><\/i><\/div>\r\n                <div class=\"si-dropdown-panel\">\r\n                    <div class=\"si-dropdown-item {{filter.hasFilter(['regions','cities']) ? 'has-filters' : ''}}\" ng-click=\"toggleExpand($event,'cities')\">Cities<\/div>\r\n                    <div class=\"si-dropdown-item {{filter.hasFilter(['min_price','max_price']) ? 'has-filters' : ''}}\" ng-click=\"toggleExpand($event,'price')\">Price<\/div>\r\n                    <div class=\"si-dropdown-item {{filter.hasFilter(['categories','subcategories']) ? 'has-filters' : ''}}\" ng-click=\"toggleExpand($event,'categories')\">Home types<\/div>\r\n                    <div class=\"si-dropdown-item \r\n                        {{filter.hasFilter(getOtherPanelFilterList()) ? 'has-filters' : '' }}\" \r\n                        ng-click=\"toggleExpand($event,'others')\">More<\/div>\r\n\r\n                    <div class=\"si-dropdown-item reset-option\" ng-if=\"filter.hasFilters()\" ng-click=\"resetFilters()\">Reset filters<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <button type=\"button\" class=\"trigger-button si-button\" data-ng-show=\"result_url != null\" data-ng-click=\"showResultPage()\" title=\"Search\"><span class=\"label\">Search<\/span> <i class=\"fal fa-search\"><\/i><\/button>\r\n    <\/div>\r\n\r\n    \r\n\r\n    <!-- Cities -->\r\n    \r\n    <div class=\"filter-panel cities-panel {{isExpanded('cities')}}\">\r\n        <div class=\"filter-panel-header\">\r\n            <h4>Cities<\/h4>\r\n            <button class=\"button\" type=\"button\"  ng-click=\"toggleExpand($event,'cities')\"><i class=\"fal fa-times\"><\/i><\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"filter-panel-content\">\r\n            <div class=\"panel-list region-city-list\">                 \r\n                <div class=\"list-container regions\" ng-if=\"isExpanded('cities')\">\r\n                    <div class=\"list-item region {{filter.sublistHasFilters(region.__$obj_key, city_list, filter.data.cities) ? 'has-filters' : ''}}\" \r\n                        data-ng-repeat=\"region in region_list | orderObjectBy: 'caption'\" \r\n                        >\r\n\r\n                        <div class=\"list-item-title region-name {{region.expanded ? 'expanded' : ''}}\">\r\n                            <si-checkbox \r\n                                data-ng-model=\"filter.data.regions\"\r\n                                data-si-change=\"filter.sublistClearFilters(region.__$obj_key, city_list, filter.data.cities);filter.update()\"\r\n                                data-si-value=\"{{region.__$obj_key}}\"\r\n                                ><\/si-checkbox> \r\n                            <h5 data-ng-click=\"expandSublist(region_list,region)\"\r\n                                data-ng-click-off=\"changeRegionTab(region.__$obj_key)\"><span>{{region.caption}}<\/span> <i class=\"fal fa-plus\"><\/i><\/h5>                                \r\n                        <\/div>\r\n\r\n                        <div class=\"sublist region-cities {{region.expanded ? 'expanded' : ''}}\" \r\n                            style=\"--item-count:{{(city_list | filter : {parent: region.__$obj_key}).length}}\">\r\n\r\n                            <div class=\"sublist-container city-container\">\r\n                                <si-checkbox\r\n                                    data-ng-repeat=\"city in city_list | filter : {parent: region.__$obj_key} | orderBy: 'caption'\"\r\n                                    data-ng-model=\"filter.data.cities\"\r\n                                    data-si-change=\"filter.update()\"\r\n                                    data-si-value=\"{{city.__$obj_key}}\"\r\n                                    ng-disabled=\"filter.data.regions.includes(region.__$obj_key)\"\r\n                                    data-label=\"{{city.caption.replace('(' + region.caption +')','')}}\"\r\n                                    ><\/si-checkbox>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"filter-panel-actions\">\r\n        <div class=\"filter-panel-actions\">\r\n    <button class=\"si-button close-panel-button\" type=\"button\" ng-click=\"applyPanelFilters($event,'cities')\"><i class=\"fal fa-check\"><\/i> Apply<\/button>\r\n<\/div>        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <!-- Category -->\r\n    \r\n    <div class=\"filter-panel categories-panel {{isExpanded('categories')}} \">\r\n        <div class=\"filter-panel-header\">\r\n            <h4>Types<\/h4>\r\n            <button class=\"button\" type=\"button\"  ng-click=\"toggleExpand($event,'categories')\"><i class=\"fal fa-times\"><\/i><\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"filter-panel-content\" >\r\n\r\n\r\n            <div class=\"listing-subcategory panel-list\">\r\n                <h4>Property types<\/h4>\r\n                \r\n                <div class=\"list-container subcategories\" ng-if=\"subcategory_list.length <= 15\">\r\n                    <si-checkbox\r\n                        data-ng-repeat=\"item in subcategory_list | orderBy: 'parent'\"\r\n                        data-si-value=\"{{item.__$key}}\"\r\n                        data-ng-model=\"filter.data.subcategories\"\r\n                        si-change=\"filter.update()\"\r\n                        data-label=\"{{item.caption}}\"\r\n                                ><\/si-checkbox>\r\n                <\/div>\r\n\r\n                <div class=\"list-container categories\" ng-if=\"subcategory_list.length > 15\">\r\n                    <div class=\"list-item category {{filter.sublistHasFilters(category.__$obj_key, subcategory_list, filter.data.categories) ? 'has-filters' : ''}}\" \r\n                        data-ng-repeat=\"category in category_list | orderObjectBy: 'caption'\" \r\n                        >\r\n\r\n                        <div class=\"list-item-title category-name {{category.expanded ? 'expanded' : ''}}\">\r\n                            <si-checkbox \r\n                                data-ng-model=\"filter.data.categories\"\r\n                                data-si-change=\"filter.update()\"\r\n                                data-si-value=\"{{category.__$obj_key}}\"\r\n                                ><\/si-checkbox> \r\n                            <h5 data-ng-click=\"expandSublist(category_list,category)\"\r\n                                data-ng-click-off=\"changeRegionTab(category.__$obj_key)\"><span>{{category.caption}}<\/span> <i class=\"fal fa-plus\"><\/i><\/h5>                                \r\n                        <\/div>\r\n\r\n                        <div class=\"sublist category-subcategories {{category.expanded ? 'expanded' : ''}}\" \r\n                            style=\"--item-count:{{(subcategory_list | filter : {parent: category.__$obj_key}).length}}\">\r\n\r\n                            <div class=\"sublist-container subcategory-container\">\r\n                                <si-checkbox\r\n                                    data-ng-repeat=\"item in subcategory_list | filter: {parent: category.__$obj_key} | orderBy: 'caption'\"\r\n                                    data-si-value=\"{{item.__$key}}\"\r\n                                    data-ng-model=\"filter.data.subcategories\"\r\n                                    si-change=\"filter.update()\"\r\n                                    data-label=\"{{item.caption}}\"\r\n                                            ><\/si-checkbox>\r\n                            <\/div>  \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"building-category panel-list\" ng-show=\"dictionary.building_category!=undefined\" ng-if=\"!isMainFiltered(['commercial'])\">\r\n                <h4>Building types<\/h4>\r\n                \r\n                <div class=\"list-container\">\r\n                    <si-checkbox\r\n                        data-ng-repeat=\"(key,item) in dictionary.building_category\"\r\n                        data-si-value=\"{{key}}\"\r\n                        data-ng-model=\"filter.data.building_categories\"\r\n                        si-change=\"filter.update()\"\r\n                        data-label=\"{{item.caption.translate()}}\"\r\n                        ><\/si-checkbox>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"filter-panel-actions\">\r\n        <div class=\"filter-panel-actions\">\r\n    <button class=\"si-button close-panel-button\" type=\"button\" ng-click=\"applyPanelFilters($event,'categories')\"><i class=\"fal fa-check\"><\/i> Apply<\/button>\r\n<\/div>        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <!-- Price -->\r\n    \r\n<div class=\"filter-panel price-panel {{isExpanded('price')}}\">\r\n        <div class=\"filter-panel-header\">\r\n            <h4>Price<\/h4>\r\n            <button class=\"button\" type=\"button\"  ng-click=\"toggleExpand($event,'price')\"><i class=\"fal fa-times\"><\/i><\/button>\r\n        <\/div>\r\n    \r\n        <div class=\"filter-panel-content\">\r\n            \r\n            <div class=\"price-inputs\">\r\n                <si-price-range-slider \r\n                    model=\"priceRange\" on-change=\"updatePrice()\" \r\n                    start-label=\"Min\" \r\n                    end-label=\"Unlimited\"\r\n                    ><\/si-price-range-slider>\r\n                <div class=\"min\">\r\n                    <em>Minimal price<\/em>\r\n                    <h2 class=\"price-value\">{{getMinPriceLabel('Min')}}<\/h2>\r\n                <\/div>\r\n                \r\n                <i class=\"price-divider fal fa-3x fa-arrows-h\"><\/i>\r\n\r\n                <div class=\"max\">\r\n                    <em>Maximal price<\/em>\r\n                    <h2 class=\"price-value\">{{getMaxPriceLabel('Unlimited')}}<\/h2>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"filter-panel-actions\">\r\n        <div class=\"filter-panel-actions\">\r\n    <button class=\"si-button close-panel-button\" type=\"button\" ng-click=\"applyPanelFilters($event,'price')\"><i class=\"fal fa-check\"><\/i> Apply<\/button>\r\n<\/div>        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Areas -->\r\n    \r\n<div class=\"filter-panel areas-panel {{isExpanded('areas')}}\">\r\n    <div class=\"filter-panel-header\">\r\n        <h4>Areas<\/h4>\r\n        <button class=\"button\" type=\"button\"  ng-click=\"toggleExpand($event,'areas')\"><i class=\"fal fa-times\"><\/i><\/button>\r\n    <\/div>\r\n\r\n    <div class=\"filter-panel-content\">\r\n        \r\n        <div class=\"area-filters\">\r\n            <div class=\"land-area filter-row\">\r\n                <si-input-container class=\"si-float-label si-input-group\">\r\n                    <label>Land area<\/label>\r\n                    \r\n                    <span>Between<\/span>\r\n                    <si-select si-model=\"filter.data.land_min\" si-change=\"filter.update()\" placeholder=\"Min\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in land_areas\" value=\"{{item.value}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n\r\n                    <span>and<\/span>\r\n                    <si-select si-model=\"filter.data.land_max\"  si-change=\"filter.update()\" placeholder=\"Max\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in land_areas\" value=\"{{item.value}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n                <\/si-input-container>\r\n                \r\n            <\/div>\r\n\r\n            <div class=\"building-area filter-row\">\r\n                <si-input-container class=\"si-float-label si-input-group\">\r\n                    <label>Available area<\/label>\r\n                    \r\n                    <span>Between<\/span>\r\n                    <si-select si-model=\"filter.data.available_min\" si-change=\"filter.update()\" placeholder=\"Min\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in available_areas\" value=\"{{item.value}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n\r\n                    <span>and<\/span>\r\n                    <si-select si-model=\"filter.data.available_max\"  si-change=\"filter.update()\" placeholder=\"Max\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in available_areas\" value=\"{{item.value}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n                <\/si-input-container>\r\n            <\/div>  \r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"filter-panel-actions\">\r\n    <div class=\"filter-panel-actions\">\r\n    <button class=\"si-button close-panel-button\" type=\"button\" ng-click=\"applyPanelFilters($event,'areas')\"><i class=\"fal fa-check\"><\/i> Apply<\/button>\r\n<\/div>    <\/div>\r\n<\/div>    \r\n\r\n    <!-- Mores -->\r\n    <div class=\"filter-panel others-panel {{isExpanded('others')}}\">\r\n    <div class=\"filter-panel-header\">\r\n        <h4>More<\/h4>\r\n        <button class=\"button\" type=\"button\"  ng-click=\"toggleExpand($event,'others')\"><i class=\"fal fa-times\"><\/i><\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"filter-panel-content\">\r\n        <div class=\"si-auto-columns\">\r\n            <div class=\"bedrooms filter-row\" ng-if=\"allowPanel('rooms')\">\r\n                <si-input-container>\r\n                    <label>Bedrooms<\/label>\r\n\r\n                    <si-select class=\"si-input\" si-model=\"filter.data.bedrooms\" si-change=\"filter.update()\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in bedroomSuggestions\" value=\"{{item.value}}\">{{item.label}}<\/si-option>\r\n                    <\/si-select>\r\n\r\n                <\/si-input-container>\r\n                \r\n            <\/div>\r\n\r\n            <div class=\"bathrooms filter-row\" ng-if=\"allowPanel('rooms')\">\r\n                <si-input-container>\r\n                    <label>Bathrooms<\/label>\r\n\r\n                    <si-select class=\"si-input\" si-model=\"filter.data.bathrooms\" si-change=\"filter.update()\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in bathroomSuggestions\" value=\"{{item.value}}\">{{item.label}}<\/si-option>\r\n                    <\/si-select>\r\n\r\n                <\/si-input-container>\r\n                \r\n            <\/div>\r\n\r\n            <div class=\"parkings filter-row\" ng-if=\"parkingSuggestions\">\r\n                <si-input-container>\r\n                    <label>Parkings<\/label>\r\n                    <si-select class=\"si-input\" si-model=\"filter.data.parkings\" si-change=\"filter.update()\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in parkingSuggestions\" value=\"{{item.value}}\">{{item.label}}<\/si-option>\r\n                    <\/si-select>\r\n                <\/si-input-container>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"si-auto-columns\">\r\n            <div class=\"transaction filter-row\" ng-if=\"listing_states\">\r\n                <si-input-container>\r\n                    <label>Transaction type<\/label>\r\n                    <si-select class=\"si-input\" si-model=\"filter.data.transaction_type\" si-change=\"filter.update()\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in listing_states\" value=\"{{item.key}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n                <\/si-input-container>\r\n            <\/div>\r\n\r\n            \r\n            <div class=\"market-type filter-row\"  ng-if=\"allowPanel('market')\">\r\n                <si-input-container>\r\n                    <label>Market<\/label>\r\n                    <si-select class=\"si-input\" si-model=\"filter.data.market_type\" si-change=\"filter.update()\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in market_types\" value=\"{{item.key}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n                <\/si-input-container>\r\n            <\/div>\r\n\r\n            <div class=\"age filter-row\" ng-if=\"listing_ages\">\r\n                <si-input-container>\r\n                    <label>Online since<\/label>\r\n                    <si-select class=\"si-input\" si-model=\"filter.data.contract\" si-change=\"filter.update()\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in listing_ages\" value=\"{{item.key}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n                <\/si-input-container>\r\n\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n        <div class=\"area-filters\" ng-if=\"!allowPanel('areas')\">\r\n\r\n            <div class=\"land-area filter-row\" >\r\n                <si-input-container class=\"si-float-label si-input-group\">\r\n                    <label>Land area<\/label>\r\n                    \r\n                    <span>Between<\/span>\r\n                    <si-select si-model=\"filter.data.land_min\" si-change=\"filter.update()\" placeholder=\"Min\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in land_areas\" value=\"{{item.value}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n\r\n                    <span>and<\/span>\r\n                    <si-select si-model=\"filter.data.land_max\"  si-change=\"filter.update()\" placeholder=\"Max\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in land_areas\" value=\"{{item.value}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n                <\/si-input-container>\r\n                \r\n            <\/div>\r\n\r\n            <div class=\"building-area filter-row\">\r\n                <si-input-container class=\"si-float-label si-input-group\">\r\n                    <label>Available area<\/label>\r\n                    \r\n                    <span>Between<\/span>\r\n                    <si-select si-model=\"filter.data.available_min\" si-change=\"filter.update()\" placeholder=\"Min\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in available_areas\" value=\"{{item.value}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n\r\n                    <span>and<\/span>\r\n                    <si-select si-model=\"filter.data.available_max\"  si-change=\"filter.update()\" placeholder=\"Max\">\r\n                        <si-option value=\"\">Any<\/si-option>\r\n                        <si-option ng-repeat=\"item in available_areas\" value=\"{{item.value}}\">{{item.caption}}<\/si-option>\r\n                    <\/si-select>\r\n                <\/si-input-container>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"attribute filter-row\">\r\n            <si-input-container class=\"si-float-label\">\r\n                <label>\r\n                    Caracteristics                <\/label>\r\n                <div class=\"grid-layout-column\">\r\n                    <si-checkbox\r\n                        data-ng-repeat=\"item in listing_attributes\"\r\n                        ng-model=\"filter.data.attributes\"\r\n                        si-value=\"{{item.field}}\"\r\n                        si-change=\"filter.update()\"\r\n                        data-label=\"{{item.caption.translate()}}\"\r\n                        ><\/si-checkbox>\r\n                <\/div>\r\n            <\/si-input-container>\r\n        <\/div>\r\n\r\n        <div class=\"filters filter-row\">\r\n            <si-input-container class=\"si-float-label\">\r\n                <label>Filters<\/label>\r\n                <div class=\"grid-layout-column\">\r\n                    <si-checkbox\r\n                        data-ng-repeat=\"item in listing_flags\"\r\n                        ng-model=\"filter.data.states\"\r\n                        si-value=\"{{item.key}}\"\r\n                        si-change=\"filter.update()\"\r\n                        data-label=\"{{item.caption.translate()}}\"\r\n                        ><\/si-checkbox>\r\n                    <si-checkbox\r\n                        data-ng-show=\"hasFavorites()\"\r\n                        ng-model=\"filter.data.favorites\"\r\n                        si-value=\"{{getFavorites('ref_number').join(',')}}\"\r\n                        si-change=\"filter.update()\"\r\n                        data-label=\"{{'My favorites'.translate()}}\"\r\n                        ><\/si-checkbox>\r\n                <\/div>\r\n            <\/si-input-container>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"filter-panel-actions\">\r\n        <div class=\"filter-panel-actions\">\r\n    <button class=\"si-button close-panel-button\" type=\"button\" ng-click=\"applyPanelFilters($event,'others')\"><i class=\"fal fa-check\"><\/i> Apply<\/button>\r\n<\/div>    <\/div>\r\n<\/div><\/script><\/div>\n<\/div><\/section><\/div><\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='after_section_2'  class='main_color av_default_container_wrap container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-864'><div class='entry-content-wrapper clearfix'>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Properties - Ferri<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Properties - Ferri\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.ferri.ca\/en\/properties\/\" \/>\n<meta property=\"og:site_name\" content=\"Ferri\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-11T21:44:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dev.ferri.ca\/#website\",\"url\":\"https:\/\/dev.ferri.ca\/\",\"name\":\"Ferri\",\"description\":\"Agence immobili\\u00e8re depuis 1993\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dev.ferri.ca\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dev.ferri.ca\/en\/properties\/#webpage\",\"url\":\"https:\/\/dev.ferri.ca\/en\/properties\/\",\"name\":\"Properties - Ferri\",\"isPartOf\":{\"@id\":\"https:\/\/dev.ferri.ca\/#website\"},\"datePublished\":\"2016-03-07T20:26:32+00:00\",\"dateModified\":\"2021-11-11T21:44:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/dev.ferri.ca\/en\/properties\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dev.ferri.ca\/en\/properties\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dev.ferri.ca\/en\/properties\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dev.ferri.ca\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Properties\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Properties - Ferri","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Properties - Ferri","og_url":"https:\/\/dev.ferri.ca\/en\/properties\/","og_site_name":"Ferri","article_modified_time":"2021-11-11T21:44:19+00:00","twitter_card":"summary","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/dev.ferri.ca\/#website","url":"https:\/\/dev.ferri.ca\/","name":"Ferri","description":"Agence immobili\u00e8re depuis 1993","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev.ferri.ca\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/dev.ferri.ca\/en\/properties\/#webpage","url":"https:\/\/dev.ferri.ca\/en\/properties\/","name":"Properties - Ferri","isPartOf":{"@id":"https:\/\/dev.ferri.ca\/#website"},"datePublished":"2016-03-07T20:26:32+00:00","dateModified":"2021-11-11T21:44:19+00:00","breadcrumb":{"@id":"https:\/\/dev.ferri.ca\/en\/properties\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.ferri.ca\/en\/properties\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev.ferri.ca\/en\/properties\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev.ferri.ca\/en\/"},{"@type":"ListItem","position":2,"name":"Properties"}]}]}},"_links":{"self":[{"href":"https:\/\/dev.ferri.ca\/en\/wp-json\/wp\/v2\/pages\/864"}],"collection":[{"href":"https:\/\/dev.ferri.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ferri.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ferri.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ferri.ca\/en\/wp-json\/wp\/v2\/comments?post=864"}],"version-history":[{"count":5,"href":"https:\/\/dev.ferri.ca\/en\/wp-json\/wp\/v2\/pages\/864\/revisions"}],"predecessor-version":[{"id":2471,"href":"https:\/\/dev.ferri.ca\/en\/wp-json\/wp\/v2\/pages\/864\/revisions\/2471"}],"wp:attachment":[{"href":"https:\/\/dev.ferri.ca\/en\/wp-json\/wp\/v2\/media?parent=864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}