http://pannonwatt.mozellosite.com/bess-core-szoftver-zartkoru-bemutato/ PannonWatt - 30 perces zártkörű BESS bemutató http://pannonwatt.mozellosite.com/bess-core-szoftver-zartkoru-bemutato/params/post/5226451/30-perces-zartkoru-szoftver-bemutato Thu, 19 Mar 2026 14:22:00 +0000 <style> .pw-wrap{ width:100%; max-width:420px; margin:auto; font-family: Arial, sans-serif; } .pw-bg{ background-image:url("https://site-2816949.mozfiles.com/files/2816949/medium/Finance_BootCamp_mockup_hatter-1.jpg?1773923840"); background-size:cover; background-position:center; padding:24px; border-radius:18px; } .pw-card{ max-width:320px; margin:auto; background:rgba(255,255,255,0.9); border-radius:14px; padding:14px; box-shadow:0 10px 25px rgba(0,0,0,0.15); } .pw-logo{ width:64px; display:block; margin:0 auto 10px auto; } .pw-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; font-size:14px; } .pw-header button{ background:#0055b8; border:none; color:white; padding:5px 9px; border-radius:7px; cursor:pointer; } .pw-days{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; margin-top:6px; } .pw-day{ padding:7px; background:#f3f3f3; border-radius:7px; text-align:center; cursor:pointer; font-size:13px; } .pw-day:hover{ background:#0055b8; color:#fff; } /* 🔴 tiltott nap */ .pw-disabled{ background:#e4032c; color:#fff; cursor:not-allowed; pointer-events:none; opacity:0.9; } /* FORM ALAPBÓL REJTVE */ #pwForm{ display:none; margin-top:10px; border-top:1px solid #eee; padding-top:10px; } .pw-form input{ width:100%; padding:8px; margin:6px 0; border:1px solid #ddd; border-radius:7px; font-size:13px; box-sizing:border-box; } .pw-gdpr{ display:flex; align-items:flex-start; gap:8px; margin-top:6px; font-size:12px; } .pw-btn{ width:100%; padding:9px; margin-top:8px; background:#0055b8; color:white; border:none; border-radius:7px; cursor:pointer; font-size:14px; } .pw-btn:hover{ opacity:0.9; } </style> <div class="pw-wrap"> <div class="pw-bg"> <div class="pw-card"> <img class="pw-logo" src="https://site-2816949.mozfiles.com/files/2816949/base64img_aca8827652db8f9e523d09aea92aee36.png"> <div class="pw-header"> <button onclick="pwPrev()">◀</button> <b id="pwMonth"></b> <button onclick="pwNext()">▶</button> </div> <div class="pw-days" id="pwDays"></div> <form id="pwForm"> <input type="hidden" name="datum" id="pwDate"> <input type="text" name="nev" placeholder="Név*" required=""> <input type="email" name="email" placeholder="Email*" required=""> <input type="tel" name="telefon" placeholder="Telefon"> <label class="pw-gdpr"> <input type="checkbox" required=""> Elfogadom az adatkezelési feltételeket (GDPR) </label> <button class="pw-btn" type="submit">Időpont foglalása</button> </form> </div> </div> </div> <script> let pwDate = new Date(); /* 🇭🇺 ünnepnapok */ function isHoliday(y,m,d){ const h = [ [0,1], [2,15], [4,1], [7,20], [9,23], [10,1], [11,25], [11,26] ]; return h.some(x => x[0]===m && x[1]===d); } function renderPW(){ let y = pwDate.getFullYear(); let m = pwDate.getMonth(); const months=["Jan","Feb","Már","Ápr","Máj","Jún","Júl","Aug","Szept","Okt","Nov","Dec"]; document.getElementById("pwMonth").innerText = months[m]+" "+y; let first = new Date(y,m,1).getDay(); let last = new Date(y,m+1,0).getDate(); let html=""; for(let i=0;i<first;i++) html+="<div></div>"; for(let d=1; d<=last; d++){ let date = new Date(y,m,d); let day = date.getDay(); let full = y+"-"+(m+1)+"-"+d; let disabled = (day==0 || day==6 || isHoliday(y,m,d)); html += `<div class="pw-day ${disabled ? 'pw-disabled' : ''}" onclick="selectPW('${full}', ${disabled})">${d}</div>`; } document.getElementById("pwDays").innerHTML = html; } function selectPW(date, disabled){ if(disabled) return; document.getElementById("pwForm").style.display = "block"; document.getElementById("pwDate").value = date; } document.getElementById("pwForm").addEventListener("submit", function(e){ e.preventDefault(); fetch("https://formspree.io/f/xjgalybv", { method:"POST", body:new FormData(this), headers:{'Accept':'application/json'} }).then(()=>{ window.location.href="https://pannonwatt.mozellosite.com/bess-core-szoftver-zartkoru-bemutato/koszonjuk---sikeres-regisztracio/"; }); }); function pwPrev(){ pwDate.setMonth(pwDate.getMonth()-1); renderPW(); } function pwNext(){ pwDate.setMonth(pwDate.getMonth()+1); renderPW(); } renderPW(); </script>