{"id":3428,"date":"2025-07-25T09:45:16","date_gmt":"2025-07-25T09:45:16","guid":{"rendered":"https:\/\/fermador.ro\/index.php\/elementor-1015\/"},"modified":"2025-09-08T15:40:56","modified_gmt":"2025-09-08T15:40:56","slug":"elementor-1015","status":"publish","type":"page","link":"https:\/\/fermador.ro\/index.php\/elementor-1015\/?lang=en","title":{"rendered":"Elementor #1015"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3428\" class=\"elementor elementor-3428 elementor-1015\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d22f4c0 e-flex e-con-boxed e-con e-parent\" data-id=\"d22f4c0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2f4cc6a e-con-full e-flex e-con e-child\" data-id=\"2f4cc6a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21cb1e9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"21cb1e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Leaflet CSS + JS --> \r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\">\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script> <!-- Select pentru ora\u0219e --> \r\n<select id=\"dropdown-oras\" style=\"width: 100%; padding: 8px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; color: #8b2238;\">\r\n   <option value=\"\">All cities<\/option>\r\n<\/select>\r\n<!-- Lista magazinelor --> \r\n<div id=\"lista-magazine\" style=\"display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; text-color:#8b2238;\"><\/div>\r\n<!-- Harta --> \r\n<div id=\"map\" style=\"width: 100%; height: 500px; border: 1px solid #ccc; border-radius: 6px;\"><\/div>\r\n<script> \r\nwindow.map = L.map('map').setView([45.9432, 24.9668], 7);\r\nL.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png').addTo(window.map);\r\nlet allMarkers = [];\r\nlet allMagazinData = [];\r\nlet markerLayerGroup = L.layerGroup().addTo(window.map);\r\nasync function incarcaMagazine() {\r\n  const res = await fetch('\/wp-json\/wp\/v2\/magazin?per_page=100');\r\n  const magazine = await res.json();\r\n  allMagazinData = magazine.filter(m => m.acf && m.acf.latitudine && m.acf.longitudine);\r\n  genereazaDropdown(allMagazinData);\r\n  genereazaLista(allMagazinData);\r\n  plaseazaMarkere(allMagazinData);\r\n}\r\n\r\nfunction genereazaDropdown(data) {\r\n  const dropdown = document.getElementById('dropdown-oras');\r\n  const orase = [...new Set(data.map(m => m.acf.oras).filter(o => o && o !== ''))].sort();\r\n  orase.forEach(oras => {\r\n    const opt = document.createElement('option');\r\n    opt.value = oras;\r\n    opt.textContent = oras;\r\n    dropdown.appendChild(opt);\r\n  });\r\n  dropdown.addEventListener('change', () => {\r\n    const selected = dropdown.value;\r\n    const filtrate = selected === '' ? allMagazinData : allMagazinData.filter(m => m.acf.oras === selected);\r\n    genereazaLista(filtrate);\r\n    plaseazaMarkere(filtrate);\r\n  });\r\n}\r\n\r\nfunction genereazaLista(magazine) {\r\n  const container = document.getElementById('lista-magazine');\r\n  container.innerHTML = '';\r\n  magazine.forEach(mag => {\r\n    const btn = document.createElement('button');\r\n    btn.className = 'magazin-btn';\r\n    btn.dataset.lat = mag.acf.latitudine;\r\n    btn.dataset.lng = mag.acf.longitudine;\r\n    btn.innerHTML = `<strong style=\"color:#8b2238;\">${mag.title.rendered}<\/strong><br><small style=\"color:#8b2238;\">${mag.acf.oras || ''}<\/small>`;\r\n    Object.assign(btn.style, {\r\n      padding: '8px 12px',\r\n      marginBottom: '8px',\r\n      border: '1px solid #ccc',\r\n      borderRadius: '6px',\r\n      background: '#f9f9f9',\r\n      cursor: 'pointer',\r\n      textAlign: 'left',\r\n      color: '#8b2238;',\r\n    });\r\n    btn.addEventListener('click', () => {\r\n      const lat = parseFloat(btn.dataset.lat);\r\n      const lng = parseFloat(btn.dataset.lng);\r\n      window.map.setView([lat, lng], 15);\r\n      L.popup().setLatLng([lat, lng]).setContent(mag.title.rendered).openOn(window.map);\r\n    });\r\n    container.appendChild(btn);\r\n  });\r\n}\r\n\r\nfunction plaseazaMarkere(magazine) {\r\n  markerLayerGroup.clearLayers();\r\n  allMarkers = [];\r\n  magazine.forEach(mag => {\r\n    const lat = parseFloat(mag.acf.latitudine);\r\n    const lng = parseFloat(mag.acf.longitudine);\r\n    const title = mag.title.rendered;\r\n    \r\n    const customIcon = L.icon({\r\n    iconUrl: 'https:\/\/fermador.ro\/wp-content\/uploads\/2025\/07\/Adresa.svg', \r\n    iconSize: [30, 42],\r\n    iconAnchor: [15, 42], \r\n    popupAnchor: [0, -40] \r\n    });\r\n    \r\n    const marker = L.marker([lat, lng],{icon:customIcon}).bindPopup(`<b>${title}<\/b>`);\r\n    markerLayerGroup.addLayer(marker);\r\n    allMarkers.push({\r\n      marker,\r\n      oras: mag.acf.oras || '',\r\n      title\r\n    });\r\n  });\r\n  if (allMarkers.length > 0) {\r\n    const group = L.featureGroup(allMarkers.map(m => m.marker));\r\n    window.map.fitBounds(group.getBounds(), {\r\n      padding: [20, 20]\r\n    });\r\n  }\r\n}\r\ndocument.addEventListener('DOMContentLoaded', incarcaMagazine); <\/script>\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-6816ded e-flex e-con-boxed e-con e-parent\" data-id=\"6816ded\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15dac93 elementor-widget elementor-widget-html\" data-id=\"15dac93\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script> document.addEventListener(\"DOMContentLoaded\", () => { document.querySelectorAll(\".magazin-btn\").forEach(btn => { btn.addEventListener(\"click\", () => { const lat = parseFloat(btn.dataset.lat); const lng = parseFloat(btn.dataset.lng); if (window.map) { window.map.setView([lat, lng], 15); window.L.popup() .setLatLng([lat, lng]) .setContent(btn.querySelector('strong').textContent) .openOn(window.map); } }); }); }); \n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All cities<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3428","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fermador.ro\/index.php\/wp-json\/wp\/v2\/pages\/3428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fermador.ro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fermador.ro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fermador.ro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fermador.ro\/index.php\/wp-json\/wp\/v2\/comments?post=3428"}],"version-history":[{"count":2,"href":"https:\/\/fermador.ro\/index.php\/wp-json\/wp\/v2\/pages\/3428\/revisions"}],"predecessor-version":[{"id":3430,"href":"https:\/\/fermador.ro\/index.php\/wp-json\/wp\/v2\/pages\/3428\/revisions\/3430"}],"wp:attachment":[{"href":"https:\/\/fermador.ro\/index.php\/wp-json\/wp\/v2\/media?parent=3428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}