{"id":49,"date":"2023-10-02T05:28:14","date_gmt":"2023-10-02T05:28:14","guid":{"rendered":"https:\/\/bildwpuniqare.wpengine.com\/?page_id=49"},"modified":"2023-12-01T10:32:51","modified_gmt":"2023-12-01T10:32:51","slug":"referenzobjekte","status":"publish","type":"page","link":"https:\/\/uniqa-rem.at\/en\/immobilienportfolio\/referenzobjekte\/","title":{"rendered":"Reference objects"},"content":{"rendered":"<div x-data=\"referenceData\" x-effect=\"fetchReferences\" class=\"lg:my-14 my-9\">\n    <div>\n        <div class=\"flex gap-4 border-b\">\n            <div x-bind:class=\"{ 'border-b-[3px] border-primary': location == 5 }\" class=\"pb-3 pr-4 transition-all\">\n                <button @click=\"location = 5\" x-bind:class=\"location == 5 ? 'text-primary' : 'text-silver'\" class=\"text-xl font-semibold leading-tight font-heading\">Austria<\/button>\n            <\/div>\n            <div x-bind:class=\"{ 'border-b-[3px] border-primary': location == 6 }\" class=\"pr-4 transition-all\">\n                <button @click=\"location = 6\" x-bind:class=\"location == 6 ? 'text-primary' : 'text-silver'\" class=\"text-xl font-semibold leading-tight font-heading\">CEE<\/button>\n            <\/div>\n        <\/div>\n        <div x-cloak class=\"mt-8 lg:mt-11\">\n            <h3 class=\"text-4xl font-bold font-heading text-dark lg:text-7xl\">Ausgew\u00e4hlte Objekte<\/h3>\n            <div class=\"mt-8 overflow-hidden reference lg:mt-11\">\n                <div class=\"relative\">\n                    <div class=\"grid gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8\">\n                        <template x-for=\"(item, index) in objects\" :key=\"index\">\n                            <div>\n                                <div class=\"relative grid grid-flow-col overflow-hidden spotlight-group auto-cols-[100%]\">\n                                    <template x-for=\"image in item.acf.gallery\">\n                                        <a :href=\"image.sizes.medium_large\" class=\"spotlight\">\n                                            <img :src=\"image.sizes.medium_large\" :alt=\"item.title.rendered\" class=\"md:h-[282px] h-[200px] object-cover w-full\">\n                                        <\/a>\n                                    <\/template>\n                                    <svg class=\"absolute bottom-3 right-4\" fill=\"#ffffff\" height=\"40px\" width=\"40px\" version=\"1.1\" id=\"Filled_Icons\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewbox=\"0 0 24 24\" enable-background=\"new 0 0 24 24\" xml:space=\"preserve\">\n                                        <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g>\n                                        <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\n                                        <g id=\"SVGRepo_iconCarrier\">\n                                            <g id=\"Gallery-Filled\">\n                                                <path d=\"M8,6c0,1.1-0.9,2-2,2S4,7.1,4,6s0.9-2,2-2S8,4.9,8,6z\"><\/path>\n                                                <path d=\"M0,0v19h20V0H0z M18,2v10.8L13.99,8L10,13l-3-3l-5,5.83V2H18z\"><\/path>\n                                                <path d=\"M24,23H5v-2h17V5h2V23z\"><\/path>\n                                            <\/g>\n                                        <\/g>\n                                    <\/svg>\n                                <\/div>\n                                <span x-text=\"item.title.rendered\" class=\"block mt-4 font-semibold leading-tight text-regular text-primary font-heading\"><\/span>\n                                <div class=\"my-2\">\n                                    <div class=\"flex gap-1.5\">\n                                        <svg class=\"mt-1 min-w-[24px]\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M18 10C18 15 12 20 12 20C12 20 6 15 6 10C6 6.6 8.7 4 12 4C15.3 4 18 6.6 18 10Z\" stroke=\"#1B1B1B\" stroke-width=\"2\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M14 10C14 8.9 13.1 8 12 8C10.9 8 10 8.9 10 10C10 11.1 10.9 12 12 12C13.1 12 14 11.1 14 10Z\" stroke=\"#1B1B1B\" stroke-width=\"2\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                        <span x-text=\"item.acf.location\" class=\"block font-heading lg:text-xl text-dark\"><\/span>\n                                    <\/div>\n                                    <span x-text=\"item.acf.city\" class=\"block ml-8 font-heading lg:text-xl text-dark\"><\/span>\n                                <\/div>\n                                <div class=\"mt-6 space-y-3\">\n                                    <div class=\"grid grid-cols-2 xl:grid-cols-3\">\n                                        <span class=\"text-small text-mouse font-heading\">Nutzungsart:<\/span>\n                                        <span x-text=\"item.acf.type_of_use\" class=\"xl:col-span-2 text-dark font-heading\"><\/span>\n                                    <\/div>\n                                    <div class=\"grid grid-cols-2 xl:grid-cols-3\">\n                                        <span class=\"text-small text-mouse font-heading\">Baujahr:<\/span>\n                                        <span x-text=\"item.acf.construction_year\" class=\"xl:col-span-2 text-dark font-heading\"><\/span>\n                                    <\/div>\n                                    <div class=\"grid grid-cols-2 xl:grid-cols-3\">\n                                        <span class=\"text-small text-mouse font-heading\">Fl\u00e4che:<\/span>\n                                        <span x-text=\"item.acf.area\" class=\"xl:col-span-2 text-dark font-heading\"><\/span>\n                                    <\/div>\n                                    <div class=\"grid grid-cols-2 xl:grid-cols-3\" x-show=\"item.acf.sustainability\">\n                                        <span class=\"text-small text-mouse font-heading\">Zertifizierung:<\/span>\n                                        <span x-text=\"item.acf.sustainability\" class=\"xl:col-span-2 text-dark font-heading\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/template>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div x-cloak class=\"hidden mt-8 lg:mt-11\">\n            <h3 class=\"text-4xl font-bold font-heading text-dark lg:text-7xl\">Ausgew\u00e4hlte Projektentwicklungen<\/h3>\n            <div class=\"mt-8 overflow-hidden reference lg:mt-11\">\n                <div class=\"relative\">\n                    <div class=\"grid gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8\">\n                        <template x-for=\"(item, index) in project_developments\" :key=\"index\">\n                            <div class=\"lg:mx-4 mx-2.5\">\n                                <div class=\"relative grid grid-flow-col overflow-hidden spotlight-group auto-cols-[100%]\">\n                                    <template x-for=\"image in item.acf.gallery\">\n                                        <a :href=\"image.sizes.medium_large\" class=\"spotlight\">\n                                            <img :src=\"image.sizes.medium_large\" :alt=\"item.title.rendered\" class=\"md:h-[282px] h-[200px] object-cover w-full\">\n                                        <\/a>\n                                    <\/template>\n                                    <svg class=\"absolute bottom-3 right-4\" fill=\"#ffffff\" height=\"40px\" width=\"40px\" version=\"1.1\" id=\"Filled_Icons\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewbox=\"0 0 24 24\" enable-background=\"new 0 0 24 24\" xml:space=\"preserve\">\n                                        <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g>\n                                        <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\n                                        <g id=\"SVGRepo_iconCarrier\">\n                                            <g id=\"Gallery-Filled\">\n                                                <path d=\"M8,6c0,1.1-0.9,2-2,2S4,7.1,4,6s0.9-2,2-2S8,4.9,8,6z\"><\/path>\n                                                <path d=\"M0,0v19h20V0H0z M18,2v10.8L13.99,8L10,13l-3-3l-5,5.83V2H18z\"><\/path>\n                                                <path d=\"M24,23H5v-2h17V5h2V23z\"><\/path>\n                                            <\/g>\n                                        <\/g>\n                                    <\/svg>\n                                <\/div>\n                                <span x-text=\"item.title.rendered\" class=\"block mt-4 font-semibold leading-tight text-regular text-primary font-heading\"><\/span>\n                                <div class=\"flex gap-1.5 items-center mb-2\">\n                                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M18 10C18 15 12 20 12 20C12 20 6 15 6 10C6 6.6 8.7 4 12 4C15.3 4 18 6.6 18 10Z\" stroke=\"#1B1B1B\" stroke-width=\"2\" stroke-linejoin=\"round\" \/>\n                                        <path d=\"M14 10C14 8.9 13.1 8 12 8C10.9 8 10 8.9 10 10C10 11.1 10.9 12 12 12C13.1 12 14 11.1 14 10Z\" stroke=\"#1B1B1B\" stroke-width=\"2\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n\n                                    <span x-text=\"item.acf.location\" class=\"block font-heading lg:text-xl text-dark\"><\/span>\n                                <\/div>\n                                <div class=\"mt-6 space-y-3\">\n                                    <div class=\"grid grid-cols-2 xl:grid-cols-3\">\n                                        <span class=\"text-small text-mouse font-heading\">Nutzungsart:<\/span>\n                                        <span x-text=\"item.acf.type_of_use\" class=\"font-semibold xl:col-span-2 text-dark font-heading\"><\/span>\n                                    <\/div>\n                                    <div class=\"grid grid-cols-2 xl:grid-cols-3\">\n                                        <span class=\"text-small text-mouse font-heading\">Baujahr:<\/span>\n                                        <span x-text=\"item.acf.construction_year\" class=\"xl:col-span-2 text-dark font-heading\"><\/span>\n                                    <\/div>\n                                    <div class=\"grid grid-cols-2 xl:grid-cols-3\">\n                                        <span class=\"text-small text-mouse font-heading\">Fl\u00e4che:<\/span>\n                                        <span x-text=\"item.acf.area\" class=\"xl:col-span-2 text-dark font-heading\"><\/span>\n                                    <\/div>\n                                    <div class=\"grid grid-cols-2 xl:grid-cols-3\" x-show=\"item.acf.sustainability\">\n                                        <span class=\"text-small text-mouse font-heading\">Zertifizierung:<\/span>\n                                        <span x-text=\"item.acf.sustainability\" class=\"font-semibold xl:col-span-2 text-dark font-heading\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/template>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<script>\n    const referenceData = () => ({\n        location: 5, \/\/ default location\n        objects: [],\n        project_developments: [],\n        location_name: '',\n        fetchReferences() {\n            fetch(`\/wp-json\/wp\/v2\/reference?location=${this.location}&acf_format=standard&order=asc&per_page=70`)\n                .then(response => response.json())\n                .then(data => {\n                    this.objects = data.filter(item => item.acf.type.includes(\"objects\"));\n                    this.project_developments = data.filter(item => item.acf.type.includes(\"project_developments\"));\n                    this.fetchLocation();\n                });\n        },\n        fetchLocation() {\n            fetch(`\/wp-json\/wp\/v2\/location\/${this.location}`)\n                .then(response => response.json())\n                .then(data => {\n                    this.location_name = data.name;\n                });\n        }\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":42,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"acf":[],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/uniqa-rem.at\/en\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uniqa-rem.at\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uniqa-rem.at\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uniqa-rem.at\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uniqa-rem.at\/en\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":0,"href":"https:\/\/uniqa-rem.at\/en\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/uniqa-rem.at\/en\/wp-json\/wp\/v2\/pages\/42"}],"wp:attachment":[{"href":"https:\/\/uniqa-rem.at\/en\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}