Begravningen

(function() { const url = "https://shop.begravningar.se/"; const scriptElement = document.currentScript; const scriptUrl = document.currentScript.src; const urlParams = new URLSearchParams(scriptUrl.split('?')[1]); const key = urlParams.get('key'); let style = urlParams.get('style') || 'light'; // make this mutable // param search_term is set create const equal to it, otherwise null const searchTerm = urlParams.get('search_term') || null; const format = 'wide'; if (!key) { console.error('No key provided in URL.'); return; } const apiUrl = url + `cert/verify/${key}`; fetch(apiUrl) .then(response => { if (!response.ok) { throw new Error('Failed to fetch data from the server.'); } return response.json(); }) .then(data => { const infoBox = document.createElement('div'); const isMobile = window.innerWidth <= 768; infoBox.style.width = '100%'; infoBox.style.display = 'flex'; infoBox.style.flexDirection = isMobile ? 'column' : 'row'; infoBox.style.alignItems = isMobile ? 'center' : 'center'; infoBox.style.justifyContent = isMobile ? 'center' : 'space-between'; infoBox.style.minHeight = isMobile ? 'auto' : '120px'; infoBox.style.padding = '10px'; infoBox.style.textTransform = 'uppercase'; infoBox.style.fontWeight = 'bold'; infoBox.style.lineHeight = '15px'; infoBox.style.fontFamily = 'Arial, sans-serif'; infoBox.style.fontSize = '15px'; infoBox.style.zIndex = '9999'; const today = new Date().toISOString().split('T')[0]; const invert = style === 'light' ? 0 : 1; if (style === 'light') { //infoBox.style.backgroundColor = '#ffffff'; infoBox.style.color = '#0a3b5b'; } else { //infoBox.style.backgroundImage = 'url('+url+'auth/bg_dark.jpg)'; infoBox.style.color = '#ffffff'; } const textContent = document.createElement('div'); textContent.style.display = 'flex'; textContent.style.flexDirection = isMobile ? 'column' : 'row'; textContent.style.width = '100%'; textContent.style.alignItems = 'center'; textContent.style.justifyContent = isMobile ? 'center' : 'space-between'; textContent.style.gap = isMobile ? '10px' : '0'; const status = data.last_auth_date > today ? `Kontrollerad ${data.auth_performed}` : data.respite > today ? `Kontrollerad ${data.auth_performed}` : 'Väntar på kontroll'; const logoSrc = style === 'light' ? 'https://shop.begravningar.se/images/certlogo_text_dark.png' : 'https://shop.begravningar.se/images/certlogo_text_white.png'; const logoImg = document.createElement('img'); logoImg.src = logoSrc; logoImg.style.width = isMobile ? '80%' : '350px'; logoImg.style.height = 'auto'; if (isMobile) { logoImg.style.display = 'block'; logoImg.style.margin = '0 auto 10px auto'; } const certWrapper = document.createElement('div'); certWrapper.style.cursor = 'pointer'; certWrapper.style.position = 'relative'; certWrapper.style.flexGrow = isMobile ? '0' : '1'; certWrapper.style.textAlign = isMobile ? 'center' : 'right'; const certImg = document.createElement('img'); var cert_image_style = 'light'; if(style === 'light'){ cert_image_style = 'dark'; } certImg.src = url + 'auth/cert_'+cert_image_style +"_" + data.cert_year + '.png'; certImg.style.maxHeight = '100%'; if (isMobile) { certImg.style.display = 'block'; certImg.style.margin = '0 auto'; certImg.style.maxWidth = '90%'; certImg.style.height = 'auto'; } else { certImg.style.display = 'inline-block'; certImg.style.maxWidth = '300px'; } certWrapper.appendChild(certImg); textContent.appendChild(logoImg); textContent.appendChild(certWrapper); infoBox.appendChild(textContent); document.body.appendChild(infoBox); infoBox.addEventListener('click', function () { if(searchTerm){ window.open('https://www.begravningar.se/hitta-begravningsbyra/?searchwp=' + searchTerm, '_blank'); return; } window.open('https://www.begravningar.se/byra/' + data.link, '_blank'); }); scriptElement.parentNode.insertBefore(infoBox, scriptElement.nextSibling); }) .catch(error => { console.error('Error fetching or processing data:', error); }); })();