{"id":134,"date":"2025-09-23T12:50:23","date_gmt":"2025-09-23T10:50:23","guid":{"rendered":"https:\/\/duesen-events.de\/?page_id=134"},"modified":"2026-02-04T23:27:24","modified_gmt":"2026-02-04T22:27:24","slug":"startseite","status":"publish","type":"page","link":"https:\/\/duesen-events.de\/","title":{"rendered":"Startseite"},"content":{"rendered":"    <div id=\"duesen-v31-wrap\" class=\"<\u200b?php echo $is_compact ? 'compact' : ''; ?>\">\n        <div id=\"duesen-map-section\">\n            <div id=\"duesen-map-v31\"><\/div>\n            <div id=\"status-modal\" style=\"display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); align-items:center; justify-content:center; z-index:9999; color:#fff;\">\n                <div style=\"background:#fff; color:#000; padding:25px; border-radius:15px; width:280px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,0.5);\">\n                    <h4 style=\"margin-top:0;\">Status melden<\/h4>\n                    <p id=\"modal-place\" style=\"font-weight:bold;\"><\/p>\n                    <div style=\"display:flex; flex-direction:column; gap:10px;\">\n                        <button onclick=\"sendStatus('verfuegbar')\" style=\"padding:10px; cursor:pointer; border-radius:8px; border:1px solid #ddd; background:#eefdf3;\">\ud83d\udfe2 Verf\u00fcgbar<\/button>\n                        <button onclick=\"sendStatus('ausverkauft')\" style=\"padding:10px; cursor:pointer; border-radius:8px; border:1px solid #ddd; background:#fdeeee;\">\ud83d\udd34 Ausverkauft<\/button>\n                        <button onclick=\"sendStatus('bald')\" style=\"padding:10px; cursor:pointer; border-radius:8px; border:1px solid #ddd; background:#fff9e6;\">\ud83d\udfe1 Bald wieder da<\/button>\n                    <\/div>\n                    <button onclick=\"closeStatusModal()\" style=\"margin-top:15px; background:none; border:none; color:#999; cursor:pointer; text-decoration:underline;\">Abbrechen<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"duesen-sidebar-v31\">\n            <div class=\"sb-header\"><input type=\"text\" id=\"search-v31\" placeholder=\"Suchen...\"><\/div>\n            <div id=\"duesen-list-v31\"><\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        #duesen-v31-wrap { display: flex; height: 680px; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid #e8e8e8; position: relative; font-family: sans-serif; }\n        #duesen-v31-wrap.compact { height: 400px !important; }\n        #duesen-map-section { flex: 1; position: relative; background: #222; }\n        #duesen-map-v31 { height: 100%; width: 100%; }\n        #duesen-sidebar-v31 { width: 400px; display: flex; flex-direction: column; border-left: 1px solid #f0f0f0; background: #fafafa; }\n        .compact #duesen-sidebar-v31 { width: 300px !important; }\n        .sb-header { padding: 15px; background: #fff; border-bottom: 1px solid #eee; }\n        #search-v31 { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 8px; }\n        #duesen-list-v31 { flex: 1; overflow-y: auto; padding: 15px; }\n        .loc-card-v31 { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 15px; margin-bottom: 12px; cursor: pointer; position: relative; transition: 0.2s; }\n        .compact .loc-card-v31 { padding: 10px; margin-bottom: 8px; }\n        .loc-card-v31:hover { border-color: #ffde00; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }\n        .loc-title-v31 { font-weight: 800; font-size: 16px; display: flex; align-items: center; gap: 8px; color: #1a1a1a; }\n        .compact .loc-title-v31 { font-size: 14px; }\n        .s-dot { width: 8px; height: 8px; border-radius: 50%; }\n        .s-verfuegbar { background: #27ae60; } .s-bald { background: #f1c40f; } .s-ausverkauft { background: #e74c3c; }\n        .loc-addr-v31 { font-size: 12px; color: #666; margin-top: 5px; }\n        .leaflet-popup-content a { color: #444 !important; text-decoration: none !important; }\n        .p-info { font-size: 13px; margin-bottom: 5px; display: flex; align-items: center; gap: 8px; }\n        .p-btn-report { margin-top: 12px; font-size: 11px; color: #999; text-decoration: underline; cursor: pointer; text-align: center; display: block; }\n    <\/style>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.css\" \/>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.js\"><\/script>\n    <script>\n    (function() {\n        let map, markers = [], currentSid = null;\n        const locations = [{\"id\":\"1\",\"name\":\"Pax\",\"kategorie\":\"Offene Abende\",\"status\":\"verfuegbar\",\"adresse\":\"Kirchplatz 1, 04155 Leipzig\",\"lat\":\"51.35850030\",\"lng\":\"12.36832600\",\"website\":\"https:\\\/\\\/pax-leipzig.de\",\"instagram\":\"@paxleipzig\",\"angebot\":\"beides\",\"beschreibung\":null,\"oeffnungszeiten\":null,\"telefon\":null}];\n        window.openStatusModal = (id, name) => { currentSid = id; document.getElementById('modal-place').innerText = name; document.getElementById('status-modal').style.display = 'flex'; };\n        window.closeStatusModal = () => { document.getElementById('status-modal').style.display = 'none'; };\n        window.sendStatus = (status) => {\n            const fd = new FormData(); fd.append('action', 'duesen_status_report'); fd.append('sid', currentSid); fd.append('status', status);\n            fetch('https:\/\/duesen-events.de\/wp-admin\/admin-ajax.php', { method: 'POST', body: fd }).then(() => { alert('Danke f\u00fcr deine Meldung!'); closeStatusModal(); });\n        };\n        function init() {\n            if (typeof L === 'undefined') return;\n            map = L.map('duesen-map-v31', { zoomControl: false }).setView([51.3397, 12.3731], 13);\n            L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/dark_all\/{z}\/{x}\/{y}{r}.png').addTo(map);\n            locations.forEach(loc => {\n                const icon = L.divIcon({ className: 'd-m', html: `<div style=\"background:#ffde00; width:12px; height:12px; border-radius:50%; border:2px solid #1a1a1a;\"><\/div>` });\n                let popupHtml = `<div style=\"min-width:200px;\"><h4>${loc.name}<\/h4>\n                    ${loc.oeffnungszeiten ? `<div class=\"p-info\">\ud83d\udd52 ${loc.oeffnungszeiten}<\/div>` : ''}\n                    ${loc.telefon ? `<div class=\"p-info\">\ud83d\udcde <a href=\"tel:${loc.telefon}\">${loc.telefon}<\/a><\/div>` : ''}\n                    ${loc.website ? `<div class=\"p-info\">\ud83c\udf10 <a href=\"${loc.website}\" target=\"_blank\">Website<\/a><\/div>` : ''}\n                    ${loc.instagram ? `<div class=\"p-info\">\ud83d\udcf8 <a href=\"https:\/\/instagram.com\/${loc.instagram.replace('@','')}\" target=\"_blank\">Instagram<\/a><\/div>` : ''}\n                    <span class=\"p-btn-report\" onclick=\"openStatusModal(${loc.id}, '${loc.name}')\">Status falsch? Melden<\/span><\/div>`;\n                const m = L.marker([loc.lat, loc.lng], { icon: icon }).addTo(map).bindPopup(popupHtml);\n                markers.push({ id: loc.id, marker: m });\n            });\n            renderList();\n        }\n        function renderList() {\n            const list = document.getElementById('duesen-list-v31');\n            const search = document.getElementById('search-v31').value.toLowerCase();\n            list.innerHTML = '';\n            locations.forEach(loc => {\n                if (search && !loc.name.toLowerCase().includes(search)) return;\n                const card = document.createElement('div');\n                card.className = 'loc-card-v31';\n                card.innerHTML = `<div class=\"loc-title-v31\">${loc.name} <span class=\"s-dot s-${loc.status}\"><\/span> <span style=\"margin-left:auto; color:#ffde00;\">\ud83d\udccd<\/span><\/div><div class=\"loc-addr-v31\">${loc.adresse}<\/div>`;\n                card.onclick = () => { map.flyTo([loc.lat, loc.lng], 15); markers.find(m => m.id === loc.id).marker.openPopup(); };\n                list.appendChild(card);\n            });\n        }\n        document.getElementById('search-v31').oninput = renderList;\n        setTimeout(init, 500);\n    })();\n    <\/script>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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":{"_crdt_document":"","footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duesen-events.de\/index.php?rest_route=\/wp\/v2\/pages\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duesen-events.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duesen-events.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duesen-events.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/duesen-events.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=134"}],"version-history":[{"count":15,"href":"https:\/\/duesen-events.de\/index.php?rest_route=\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":199,"href":"https:\/\/duesen-events.de\/index.php?rest_route=\/wp\/v2\/pages\/134\/revisions\/199"}],"wp:attachment":[{"href":"https:\/\/duesen-events.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}