Text + image

<p>Oplev vores særlige Sct. Hans platte med udvalgte delikatesser fra Hasle Røgeri:</p>
<p> </p>
<ul>
<li>Jomfruhummerhaler</li>
<li>Varmrøget laks</li>
<li>Skagessalat pyntet med røget rejer</li>
<li>Røget Kammuslinger med skal &amp; rogn</li>
<li>Røget kammuslinger uden skal</li>
<li>Hånd pillede rejer med aioli</li>
<li>Røgeriets hjemmelavede humus med røgede kikærter</li>
<li>Blancherede grønne asparges med syltede rødløg</li>
<li>Surdejsflute &amp; Hvidløgssmør</li>
</ul>
<p>Pyntet med salat og citron</p>
<p> </p>
<p>Afhentning 23. juni 2026 kl. 10:00–18:00. Platten fås i begrænset antal – bestil tidligt. Vi tager forbehold for udsolgte varer.</p>

Embed

<div id="bestil-wrap" style="text-align:center;padding:40px 20px;">
<button id="bestil-btn" onclick="visBestil()" style="background:#c8a96e;color:#000;border:none;padding:16px 48px;font-size:1.1rem;font-weight:bold;cursor:pointer;border-radius:4px;letter-spacing:.05em;">Bestil nu</button>
<div id="bestil-form" style="display:none;margin-top:24px;max-width:480px;margin-left:auto;margin-right:auto;text-align:left;">
<div style="background:#fff;border-radius:8px;padding:28px 24px;color:#000;">
<h2 style="margin:0 0 6px 0;font-size:1.3rem;font-family:inherit;">Sct. Hans platte – Bestilling</h2>
<p style="margin:0 0 20px 0;font-size:.9rem;color:#555;">Afhentning 23. juni 2026 kl. 10:00–18:00.</p>
<div style="margin-bottom:14px;"><label style="display:block;font-weight:bold;margin-bottom:5px;color:#000;">Afhentningstid *</label><input id="f-tid" type="text" placeholder="F.eks. 12:00" style="width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;"></div>
<div style="margin-bottom:14px;"><label style="display:block;font-weight:bold;margin-bottom:5px;color:#000;">Antal platter *</label><input id="f-antal" type="number" min="1" max="10" placeholder="1" style="width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;"></div>
<div style="margin-bottom:14px;"><label style="display:block;font-weight:bold;margin-bottom:5px;color:#000;">Navn *</label><input id="f-navn" type="text" placeholder="Dit fulde navn" style="width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;"></div>
<div style="margin-bottom:14px;"><label style="display:block;font-weight:bold;margin-bottom:5px;color:#000;">Telefon *</label><input id="f-tlf" type="tel" placeholder="Dit telefonnummer" style="width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;"></div>
<div style="margin-bottom:20px;"><label style="display:block;font-weight:bold;margin-bottom:5px;color:#000;">Email *</label><input id="f-email" type="email" placeholder="din@email.dk" style="width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;"></div>
<div id="f-err" style="display:none;color:#c00;margin-bottom:12px;font-size:.9rem;"></div>
<button id="f-btn" onclick="sendBestilling()" style="background:#c8a96e;color:#000;border:none;padding:13px 0;font-size:1rem;font-weight:bold;cursor:pointer;border-radius:4px;width:100%;">Send bestilling</button>
<p style="margin:12px 0 0 0;font-size:.8rem;color:#888;text-align:center;">* Obligatorisk felt</p>
</div></div>
<div id="bestil-ok" style="display:none;margin-top:24px;max-width:480px;margin-left:auto;margin-right:auto;">
<div style="background:#fff;border-radius:8px;padding:32px;color:#000;text-align:center;">
<div style="font-size:2.5rem;margin-bottom:12px;color:#4a7c4e;">&#10003;</div>
<h2 style="color:#000;margin:0 0 10px 0;font-family:inherit;">Tak for din bestilling!</h2>
<p style="color:#555;margin:0;">Vi glæder os til at se dig til Sct. Hans!</p>
</div></div>
<div id="bestil-fuldt" style="display:none;margin-top:24px;max-width:480px;margin-left:auto;margin-right:auto;">
<div style="background:#fff;border-radius:8px;padding:32px;color:#000;text-align:center;">
<p id="fuldt-msg" style="color:#555;margin:0;">Tak for din interesse – vi har desværre nået det maksimale antal platter. Vi glæder os til at se dig til Sct. Hans!</p>
</div></div>
</div>
<script>
var SCRIPT_URL='https://script.google.com/macros/s/AKfycbz8FKZ-NC_1TnuWupucctIdAT3xeyc_eh1vzbdewLN3x3kqldpnAKDnm0m9D4VaayrT/exec';
function visBestil(){document.getElementById('bestil-btn').style.display='none';document.getElementById('bestil-form').style.display='block';}
function sendBestilling(){
var tid=document.getElementById('f-tid').value.trim();
var antal=document.getElementById('f-antal').value.trim();
var navn=document.getElementById('f-navn').value.trim();
var tlf=document.getElementById('f-tlf').value.trim();
var email=document.getElementById('f-email').value.trim();
var err=document.getElementById('f-err');
if(!tid||!antal||!navn||!tlf||!email){err.textContent='Udfyld venligst alle felter.';err.style.display='block';return;}
var btn=document.getElementById('f-btn');btn.disabled=true;btn.textContent='Sender…';err.style.display='none';
fetch(SCRIPT_URL,{method:'POST',headers:{'Content-Type':'text/plain'},body:JSON.stringify({afhentningstid:tid,antal:antal,navn:navn,telefon:tlf,email:email})})
.then(function(r){return r.json();})
.then(function(d){
if(d.status==='ok'){document.getElementById('bestil-form').style.display='none';document.getElementById('bestil-ok').style.display='block';}
else if(d.status==='fuldt'||d.status==='for_mange'){document.getElementById('bestil-form').style.display='none';if(d.status==='for_mange'){document.getElementById('fuldt-msg').textContent=d.message;}document.getElementById('bestil-fuldt').style.display='block';}
else{err.textContent=d.message||'Der opstå en fejl. Prøv igen.';err.style.display='block';btn.disabled=false;btn.textContent='Send bestilling';}
})
.catch(function(){err.textContent='Der opstå en fejl. Tjek din internetforbindelse og prøv igen.';err.style.display='block';btn.disabled=false;btn.textContent='Send bestilling';});
}
</script>

Hasle Røgeri