{"id":3641,"date":"2025-02-19T13:15:11","date_gmt":"2025-02-19T12:15:11","guid":{"rendered":"https:\/\/malmocity.se\/?page_id=3641"},"modified":"2026-03-26T09:11:51","modified_gmt":"2026-03-26T08:11:51","slug":"boende","status":"publish","type":"page","link":"https:\/\/malmocity.se\/da\/upplev-city\/boende\/","title":{"rendered":"Indkvartering"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3641\" class=\"elementor elementor-3641\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23ebb886 e-flex e-con-boxed e-con e-parent\" data-id=\"23ebb886\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63d9497d e-flex e-con-boxed e-con e-child\" data-id=\"63d9497d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\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<div class=\"elementor-element elementor-element-61327dd5 e-con-full e-flex e-con e-parent\" data-id=\"61327dd5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-beee892 e-con-full e-flex e-con e-child\" data-id=\"beee892\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0ebd8c5 e-con-full e-flex e-con e-child\" data-id=\"0ebd8c5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3fc7395 e-con-full e-flex e-con e-child\" data-id=\"3fc7395\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58a5ced elementor-widget elementor-widget-heading\" data-id=\"58a5ced\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Indkvartering<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d80fb elementor-widget elementor-widget-text-editor\" data-id=\"b8d80fb\" data-element_type=\"widget\" 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>Her finder du hele Malm\u00f6 Citys sortiment i kategorien Overnatning.<br \/><span style=\"color: var( --e-global-color-text );\">Bem\u00e6rk, at ikke alle organisationer accepterer Malm\u00f6 City-gavekort.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4a477 _search-input elementor-widget elementor-widget-search\" data-id=\"5c4a477\" data-element_type=\"widget\" data-settings=\"{&quot;live_results&quot;:&quot;yes&quot;,&quot;submit_trigger&quot;:&quot;click_submit&quot;,&quot;pagination_type_options&quot;:&quot;none&quot;,&quot;results_is_dropdown_width&quot;:&quot;search_field&quot;}\" data-widget_type=\"search.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<search class=\"e-search hidden\" role=\"search\">\n\t\t\t<form class=\"e-search-form\" action=\"https:\/\/malmocity.se\/da\/\" method=\"get\" data-trp-original-action=\"https:\/\/malmocity.se\/da\">\n\n\t\t\t\t\n\t\t\t\t<label class=\"e-search-label\" for=\"search-5c4a477\">\n\t\t\t\t\t<span class=\"elementor-screen-only\">\n\t\t\t\t\t\tS\u00f8g efter\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/label>\n\n\t\t\t\t<div class=\"e-search-input-wrapper\">\n\t\t\t\t\t<input id=\"search-5c4a477\" placeholder=\"S\u00f8g efter indkvartering ...\" class=\"e-search-input\" type=\"search\" name=\"s\" value=\"\" autocomplete=\"off\" role=\"combobox\" aria-autocomplete=\"list\" aria-expanded=\"false\" aria-controls=\"results-5c4a477\" aria-haspopup=\"listbox\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewbox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t<output id=\"results-5c4a477\" class=\"e-search-results-container hide-loader\" aria-live=\"polite\" aria-atomic=\"true\" aria-label=\"Resultater for s\u00f8gning\" tabindex=\"0\">\n\t\t\t\t\t\t<div class=\"e-search-results\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/output>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<button class=\"e-search-submit\" type=\"submit\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span class=\"\">\n\t\t\t\t\t\tS\u00f8g efter\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t<input type=\"hidden\" name=\"e_search_props\" value=\"5c4a477-3641\">\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"da\"\/><\/form>\n\t\t<\/search>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33c529a _searchGiftCard elementor-widget elementor-widget-button\" data-id=\"33c529a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-caret-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Se organisationer, der tager imod gavekort<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51d29e7 e-con-full e-flex e-con e-child\" data-id=\"51d29e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c0e323 _searchAll elementor-widget elementor-widget-button\" data-id=\"7c0e323\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Dem alle sammen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1599d6c _grid-container e-flex e-con-boxed e-con e-child\" data-id=\"1599d6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4970e8e elementor-absolute elementor-widget elementor-widget-html\" data-id=\"4970e8e\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<script>\n\n  const searchInput = document.querySelector('._search-input input');\n  const searchButton = document.querySelector('._search-input button');\n  const gridContainer = document.querySelector('._grid-container');\n  const searchAll = document.querySelector('._searchAll');\n  \n  const searchGiftCard = document.querySelector('._searchGiftCard');\n  \n  \/\/ CHECKBOX \/\/\n  \n    const style = document.createElement('style');\n    style.textContent = `\n      .custom-checkbox {\n        appearance: none;\n        -webkit-appearance: none;\n        min-width: 28px;\n        min-height: 28px;\n        border-radius: 50%;\n        border: 1px solid #5eb1a8;\n        background-color: #fffcf2;\n        display: grid;\n        place-items: center;\n        cursor: pointer;\n        transition: border-color 0.2s ease;\n        padding: 0;\n        position: relative;\n      }\n    \n      .custom-checkbox:checked::after {\n        content: '\u2764\ufe0f';\n        font-size: 16px;\n        position: absolute;\n        margin-right: 0.5px;\n      }\n    \n      .custom-checkbox:hover {\n        border-color: #438E81;\n      }\n    `;\n    document.head.appendChild(style);\n    \n    const search = document.querySelector('._search-input');\n    \n    const checkboxWrapper = document.createElement('div');\n    checkboxWrapper.style.display = 'flex';\n    checkboxWrapper.style.alignItems = 'center';\n    checkboxWrapper.style.justifyContent = 'center';\n    checkboxWrapper.style.margin = '0 auto';\n    checkboxWrapper.style.marginTop = '20px';\n    checkboxWrapper.className = '_onlyGiftCards';\n    \n    \/\/ Checkbox\n    const checkbox = document.createElement('input');\n    checkbox.type = 'checkbox';\n    checkbox.id = 'presentkortFilter';\n    checkbox.className = 'custom-checkbox';\n    \n    \/\/ Label\n    const label = document.createElement('label');\n    label.htmlFor = 'presentkortFilter';\n    label.textContent = 'Endast verksamheter med presentkort';\n    label.style.marginLeft = '10px';\n    label.style.cursor = 'pointer';\n    label.style.fontSize = '16px';\n    label.style.color = \"#5eb1a8\";\n    \n    checkboxWrapper.appendChild(checkbox);\n    checkboxWrapper.appendChild(label);\n    \n    search.appendChild(checkboxWrapper);\n  \n  \/\/ CHECKBOX \/\/\n  \n  searchAll.style.opacity = 0;\n\n  const defaultImage = \"https:\/\/malmocity.se\/wp-content\/uploads\/2025\/01\/dsc8839-mt_skeppsbron_och_malmo_live_hires-scaled.jpeg\";\n  \n  let sek;\n  \n  if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n       searchInput.placeholder = `Lista visas om 3 sekunder`;\n       sek = 2;\n    }  \n    else {\n        searchInput.placeholder = `S\u00f6k om 2 sekunder`;\n        sek = 1;\n    }\n\nconst timer = setInterval(() => {\n  if (sek > 0) {\n      \n      \n    if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n       searchInput.placeholder = `Lista visas om ${sek} sekunder`; \n    }  \n    else searchInput.placeholder = `S\u00f6k om ${sek} sekunder`;\n    sek--;\n  } else {\n      \n      \n    sessionStorage.removeItem('autoFilterGiftCard');  \n      \n    clearInterval(timer);\n    \n    searchInput.placeholder = 'S\u00f6k efter boende...';\n    \n    searchInput.style.pointerEvents = 'auto';\n    searchButton.style.pointerEvents = 'auto';\n    searchButton.style.background = '#8D0C02';\n\n    \/\/ Delay button appearance by 500ms\n    setTimeout(() => {\n      const elements = [\n        searchAll,\n      ];\n\n      elements.forEach((el, i) => {\n        el.style.opacity = 0; \/\/ Optional: start hidden\n        el.style.transition = 'opacity 300ms ease';\n\n        setTimeout(() => {\n          el.style.opacity = 1;\n        }, i * 50);\n      });\n    }, 500); \/\/ <-- delay showing buttons by 500ms\n  }\n}, 1000);\n\n  function htmlContainer(company) {\n  return `<a class=\"elementor-element elementor-element-e57ec60 e-con e-parent e-lazyloaded\" \n    data-id=\"e57ec60\" \n    data-element_type=\"container\" \n    href=\"${company.url}\" \n    style=\"display: flex; flex-direction: column; width: 300px; height: 400px; text-decoration: none; border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff;\">\n\n    <!-- Image section: 300px height -->\n    <div style=\"height: 300px; width: 100%; overflow: hidden;\">\n      <img \n        decoding=\"async\" \n        src=\"${company.cover || defaultImage}\" \n        alt=\"${company.title || 'Bild'}\" \n        style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <\/div>\n\n    <!-- Text section: 100px height -->\n    <div style=\"height: 100px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; text-align: center;\">\n      <h5 class=\"elementor-heading-title elementor-size-default\" style=\"margin: 0; font-size: 15px;\">\n        ${company.title || 'Namn saknas'}\n      <\/h5>\n      <p style=\"margin: 6px 0 0; font-size: 13px; color: ${company.hasGiftCard ? \"green\" : \"black\"};\">\n        Presentkort g\u00e4ller ${company.hasGiftCard ? \"\" : \"inte\"}\n      <\/p>\n    <\/div>\n\n  <\/a>`;\n}\n\n\n  (async () => {\n    const res = await fetch('\/wp-json\/custom\/v1\/all-companies');\n    const data = await res.json();\n    \n    const allowedCategories = [\"Hotell\"];\n\n    const filteredData = data.filter(item =>\n        item.categories.some(category => allowedCategories.includes(category))\n    );\n    \n    \/\/ AUTOFILL\n    \n    gridContainer.innerHTML = \"\";\n    \n    filteredData.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    \n    \/\/ AUTOFILL\n    \n    const onlyGiftCards = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n    \n    function searchClickListener(e) {\n      e.preventDefault();\n      const searchTerm = searchInput.value.toLowerCase();\n      \n      const filteredData2 = !checkbox.checked ? filteredData : onlyGiftCards;\n      \n      let matches;\n     \n      matches = filteredData2.filter(name => name.title.toLowerCase().includes(searchTerm));\n\n      gridContainer.innerHTML = \"\";\n\n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n    \n    function searchAllListener(e) {\n      e.preventDefault();  \n      gridContainer.innerHTML = \"\";\n      \n      const filteredData2 = !checkbox.checked ? filteredData : onlyGiftCards;\n      \n      filteredData2.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n    \n    function searchGiftCardListener(e = null) {\n      e.preventDefault();  \n      gridContainer.innerHTML = \"\";\n      \n      const matches = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n      \n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n\n    searchButton.addEventListener('click', searchClickListener);\n    searchAll.addEventListener('click', searchAllListener);\n    searchGiftCard.addEventListener('click', searchGiftCardListener);\n    \n    \n    \n    if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n      \n      checkbox.checked = 'true';\n      \n      gridContainer.innerHTML = \"\";\n      \n      const matches = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n      \n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n      \n  }\n    \n    \n    \n  })();\n  \n  \n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Boende H\u00e4r hittar du hela Malm\u00f6 Citys utbud inom kategorin Boende.Observera att det inte \u00e4r alla verksamheter som tar emot Malm\u00f6 City Presentkort. S\u00f6k S\u00f6k Se verksamheter som accepterar presentkort Samtliga<\/p>","protected":false},"author":1,"featured_media":0,"parent":2389,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3641","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/pages\/3641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/comments?post=3641"}],"version-history":[{"count":19,"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/pages\/3641\/revisions"}],"predecessor-version":[{"id":9146,"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/pages\/3641\/revisions\/9146"}],"up":[{"embeddable":true,"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/pages\/2389"}],"wp:attachment":[{"href":"https:\/\/malmocity.se\/da\/wp-json\/wp\/v2\/media?parent=3641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}