{"id":2515,"date":"2025-02-12T10:59:11","date_gmt":"2025-02-12T09:59:11","guid":{"rendered":"https:\/\/malmocity.se\/?page_id=2515"},"modified":"2026-03-26T09:09:01","modified_gmt":"2026-03-26T08:09:01","slug":"ata","status":"publish","type":"page","link":"https:\/\/malmocity.se\/en\/upplev-city\/ata\/","title":{"rendered":"Eating"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2515\" class=\"elementor elementor-2515\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f8ab31 e-flex e-con-boxed e-con e-parent\" data-id=\"3f8ab31\" 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-f3a7eda e-flex e-con-boxed e-con e-child\" data-id=\"f3a7eda\" 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-3a14fa0 e-con-full e-flex e-con e-parent\" data-id=\"3a14fa0\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-64d946c e-flex e-con-boxed e-con e-child\" data-id=\"64d946c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-eba44ee e-con-full e-flex e-con e-child\" data-id=\"eba44ee\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8535d12 e-con-full e-flex e-con e-child\" data-id=\"8535d12\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d31684 elementor-widget elementor-widget-heading\" data-id=\"4d31684\" 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\">Eating<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7130ef elementor-widget elementor-widget-text-editor\" data-id=\"b7130ef\" 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>Here you will find the wide range of restaurants and caf\u00e9s in Malm\u00f6 City!<br \/><span style=\"color: var( --e-global-color-text );\">Please note that not all organisations accept Malm\u00f6 City Gift Cards.<\/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-d6ff0b4 _search-input elementor-widget elementor-widget-search\" data-id=\"d6ff0b4\" 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\/en\/\" method=\"get\" data-trp-original-action=\"https:\/\/malmocity.se\/en\">\n\n\t\t\t\t\n\t\t\t\t<label class=\"e-search-label\" for=\"search-d6ff0b4\">\n\t\t\t\t\t<span class=\"elementor-screen-only\">\n\t\t\t\t\t\tSearch\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-d6ff0b4\" placeholder=\"Search by activity ...\" class=\"e-search-input\" type=\"search\" name=\"s\" value=\"\" autocomplete=\"off\" role=\"combobox\" aria-autocomplete=\"list\" aria-expanded=\"false\" aria-controls=\"results-d6ff0b4\" 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-d6ff0b4\" class=\"e-search-results-container hide-loader\" aria-live=\"polite\" aria-atomic=\"true\" aria-label=\"Results for search\" 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\tSearch\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=\"d6ff0b4-2515\">\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/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-4f60672 _searchGiftCard elementor-widget elementor-widget-button\" data-id=\"4f60672\" 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\">See businesses that accept gift cards<\/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-02a2793 e-con-full e-flex e-con e-child\" data-id=\"02a2793\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85bd1b9 _searchAll elementor-widget elementor-widget-button\" data-id=\"85bd1b9\" 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\">All of them<\/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 class=\"elementor-element elementor-element-c358fa8 _searchBooksMusic elementor-widget elementor-widget-button\" data-id=\"c358fa8\" 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\">Caf\u00e9<\/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 class=\"elementor-element elementor-element-fc80337 _searchHomeLeisure elementor-widget elementor-widget-button\" data-id=\"fc80337\" 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\">Restaurant<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90ab5b2 _grid-container e-flex e-con-boxed e-con e-child\" data-id=\"90ab5b2\" 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-ad85342 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"ad85342\" 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  const searchBooksMusic = document.querySelector('._searchBooksMusic');\n  const searchHomeLeisure = document.querySelector('._searchHomeLeisure');\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 matst\u00e4llen 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  searchBooksMusic.style.opacity = 0;\n  searchHomeLeisure.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 matst\u00e4lle...';\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        searchGiftCard,  \n        searchAll,\n        searchBooksMusic,\n        searchHomeLeisure,\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 = [\"Caf\u00e9\", \"Livsmedel\", \"Mat &amp; Dryck\", \"Restaurang\"];\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 searchBooksMusicListener(e) {\n      e.preventDefault();  \n      gridContainer.innerHTML = \"\";\n      \n      const filteredData2 = !checkbox.checked ? filteredData : onlyGiftCards;\n      \n      const matches = filteredData2.filter(name => name.categories.includes(\"Caf\u00e9\"));\n      \n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n    \n    function searchHomeLeisureListener(e) {\n      e.preventDefault();  \n      gridContainer.innerHTML = \"\";\n      \n      const filteredData2 = !checkbox.checked ? filteredData : onlyGiftCards;\n      \n      const matches = filteredData2.filter(name => name.categories.includes(\"Restaurang\"));\n      \n      matches.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    searchBooksMusic.addEventListener('click', searchBooksMusicListener);\n    searchHomeLeisure.addEventListener('click', searchHomeLeisureListener);\n    searchGiftCard.addEventListener('click', searchGiftCardListener);\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>Eat Here you will find the wide range of restaurants and caf\u00e9s in Malm\u00f6 City!Please note that not all businesses accept Malm\u00f6 City Gift Cards. Search Search See businesses that accept gift cards All Caf\u00e9 Restaurant<\/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-2515","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages\/2515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/comments?post=2515"}],"version-history":[{"count":68,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages\/2515\/revisions"}],"predecessor-version":[{"id":9140,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages\/2515\/revisions\/9140"}],"up":[{"embeddable":true,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages\/2389"}],"wp:attachment":[{"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/media?parent=2515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}