declaratie

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Declaratieformulier — Omega Kerk</title>
<style>
  :root{
    --navy:#1F3864;
    --navy-soft:#2b4a86;
    --light:#EDF0F7;
    --border:#8FA0C4;
    --grey:#666;
    --line:#c9d2e6;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Calibri,Arial,sans-serif;
    background:#e9ecf3;color:#1c1c1c;font-size:15px;line-height:1.5;
    padding:24px 12px;
  }
  .sheet{
    max-width:820px;margin:0 auto;background:#fff;border-radius:10px;
    box-shadow:0 4px 24px rgba(0,0,0,.12);overflow:hidden;
  }
  .head{background:var(--navy);color:#fff;padding:22px 30px;}
  .head h1{margin:0;font-size:24px;letter-spacing:.5px;}
  .head p{margin:4px 0 0;color:#d6deef;font-size:15px;}
  .head .logo{display:block;height:56px;width:auto;max-width:100%;}
  .body{padding:26px 30px 34px;}
  .aan{color:var(--grey);font-size:14px;margin-bottom:22px;}
  .aan strong{color:#1c1c1c;display:block;margin-top:2px;font-size:15px;}
  .aan span{display:block;color:#333;}
  h2{
    color:var(--navy);font-size:16px;margin:26px 0 12px;
    padding-bottom:6px;border-bottom:2px solid var(--navy);
  }
  label.fld{display:block;margin-bottom:12px;}
  label.fld .lab{display:block;font-size:12.5px;font-weight:600;color:var(--navy);margin-bottom:4px;}
  input,select{
    font-family:inherit;font-size:15px;width:100%;min-width:0;padding:9px 10px;
    border:1px solid var(--border);border-radius:6px;background:#fff;color:#111;
  }
  input[type=date]{-webkit-appearance:none;appearance:none;}
  input:focus,select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(31,56,100,.12);}
  .grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
  .grid .full{grid-column:1 / -1;}
  /* declaration table */
  table{width:100%;border-collapse:collapse;margin-top:6px;}
  th{background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;text-align:left;padding:9px 8px;}
  td{border:1px solid var(--line);padding:4px;vertical-align:middle;}
  td input,td select{border:none;border-radius:0;padding:8px 6px;background:transparent;}
  td input:focus,td select:focus{box-shadow:none;background:var(--light);}
  tr:nth-child(even) td{background:#f6f8fc;}
  .col-datum{width:130px;}
  .col-bedrag{width:120px;}
  .col-bon{width:110px;}
  .col-del{width:34px;text-align:center;}
  .del-btn{border:none;background:none;color:#b23;cursor:pointer;font-size:17px;line-height:1;padding:4px;}
  .del-btn:hover{color:#801;}
  tfoot td{background:var(--light)!important;font-weight:700;color:var(--navy);}
  tfoot .total-lab{text-align:right;}
  tfoot .total-val{font-size:16px;}
  .add-btn{
    margin-top:10px;background:#fff;border:1px dashed var(--border);color:var(--navy);
    padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;
  }
  .add-btn:hover{background:var(--light);}
  .hint{font-size:12.5px;color:var(--grey);font-style:italic;margin-top:8px;}
  /* signatures */
  .sig-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:6px;}
  .sig .lab{font-size:12.5px;font-weight:600;color:var(--navy);margin-bottom:6px;}
  .sig canvas{
    width:100%;height:140px;border:1px solid var(--border);border-radius:6px;
    background:#fff;touch-action:none;display:block;cursor:crosshair;
  }
  .sig .row{display:flex;justify-content:space-between;align-items:center;margin-top:4px;}
  .sig small{color:var(--grey);}
  .clear-sig{border:none;background:none;color:var(--navy);cursor:pointer;font-size:12.5px;text-decoration:underline;}
  /* actions */
  .actions{
    max-width:820px;margin:18px auto 0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;
  }
  .btn{
    padding:12px 22px;border-radius:8px;border:none;cursor:pointer;font-size:15px;font-weight:600;
  }
  .btn-primary{background:var(--navy);color:#fff;}
  .btn-primary:hover{background:var(--navy-soft);}
  .btn-ghost{background:#fff;color:var(--navy);border:1px solid var(--border);}
  .btn-ghost:hover{background:var(--light);}
  .plaatsdatum{display:grid;grid-template-columns:1fr 1fr;gap:20px;}

/* choice modal */
  .modal{position:fixed;inset:0;background:rgba(20,28,50,.55);display:none;align-items:center;justify-content:center;z-index:50;padding:16px;}
  .modal.open{display:flex;}
  .modal-card{background:#fff;border-radius:14px;max-width:420px;width:100%;padding:24px 22px 20px;box-shadow:0 18px 50px rgba(0,0,0,.3);}
  .modal-card h3{margin:0 0 4px;color:var(--navy);font-size:19px;}
  .modal-card .sub{margin:0 0 18px;color:var(--grey);font-size:13.5px;}
  .opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid var(--border);background:#fff;border-radius:10px;padding:13px 15px;margin-bottom:10px;cursor:pointer;font-size:15px;color:#1c1c1c;}
  .opt:hover{background:var(--light);border-color:var(--navy);}
  .opt .ico{width:40px;height:40px;flex:0 0 40px;border-radius:9px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:20px;}
  .opt .txt strong{display:block;color:var(--navy);font-size:15px;}
  .opt .txt span{display:block;color:var(--grey);font-size:12.5px;margin-top:1px;}
  .modal-cancel{display:block;width:100%;text-align:center;background:none;border:none;color:var(--grey);font-size:14px;cursor:pointer;margin-top:6px;padding:8px;}
  .modal-cancel:hover{color:var(--navy);}
  .toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:60;opacity:0;transition:opacity .25s;pointer-events:none;max-width:90%;text-align:center;}
  .toast.show{opacity:1;}
  /* static values used only while building the PDF */
  .pdfval{box-sizing:border-box;width:100%;white-space:pre-wrap;word-break:break-word;}

@media (max-width:640px){
    .grid,.sig-wrap,.plaatsdatum{grid-template-columns:1fr;}
    body{padding:10px 4px;}
    .body{padding:20px 16px 26px;}
  }

/* print / save as pdf */
  @media print{
    body{background:#fff;padding:0;font-size:12px;}
    .sheet{box-shadow:none;border-radius:0;max-width:100%;}
    .actions,.add-btn,.del-btn,.clear-sig,.col-del,.modal,.toast{display:none!important;}
    .head{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    th,tfoot td,tr:nth-child(even) td{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    input,select{border-color:#bbb;}
    .sig canvas{height:120px;}
    @page{margin:14mm;}
  }
</style>
</head>
<body>
<div class="sheet">
  <div class="head">
    <img class="logo" src="data:image/png;base64,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" alt="Omega Kerk — in Jezus naam">
    <p>Declaratieformulier</p>
  </div>
  <div class="body">
    <div class="aan">
      Declaratie aan:
      <strong>Omega Kerk</strong>
      <span>Hoenderloseweg 108</span>
      <span>7339 GK, Ugchelen</span>
    </div>

<h2>Gegevens declarant</h2>
    <div class="grid">
      <label class="fld full"><span class="lab">Voornaam en achternaam</span><input type="text" autocomplete="name"></label>
      <label class="fld full"><span class="lab">Adres</span><input type="text" autocomplete="street-address"></label>
      <label class="fld"><span class="lab">Huisnummer</span><input type="text"></label>
      <label class="fld"><span class="lab">Postcode</span><input type="text" autocomplete="postal-code"></label>
      <label class="fld"><span class="lab">Woonplaats</span><input type="text"></label>
      <label class="fld"><span class="lab">Telefoon / E-mail</span><input type="text"></label>
      <label class="fld full"><span class="lab">IBAN</span><input type="text" placeholder="NL00 BANK 0000 0000 00"></label>
    </div>

<h2>Declaratiegegevens</h2>
    <table>
      <thead>
        <tr>
          <th class="col-datum">Datum</th>
          <th>Omschrijving</th>
          <th class="col-bedrag">Bedrag (€)</th>
          <th class="col-bon">Bon bijgevoegd</th>
          <th class="col-del"></th>
        </tr>
      </thead>
      <tbody id="rows"></tbody>
      <tfoot>
        <tr>
          <td class="total-lab" colspan="2">Totaalbedrag te declareren</td>
          <td class="total-val" id="total">€ 0,00</td>
          <td colspan="2"></td>
        </tr>
      </tfoot>
    </table>
    <button type="button" class="add-btn" onclick="addRow()">+ Regel toevoegen</button>
    <p class="hint">Vul per bon of uitgave een regel in. Voeg de bonnen/facturen als bijlage toe bij het versturen.</p>

<h2>Ondertekening</h2>
    <div class="plaatsdatum">
      <label class="fld"><span class="lab">Plaats</span><input type="text"></label>
      <label class="fld"><span class="lab">Datum</span><input type="date"></label>
    </div>

<div class="sig-wrap">
      <div class="sig">
        <div class="lab">Handtekening declarant</div>
        <canvas data-sig="declarant"></canvas>
        <div class="row"><small>Teken hierboven met muis of vinger</small><button type="button" class="clear-sig" onclick="clearSig(this)">Wissen</button></div>
      </div>
      <div class="sig">
        <div class="lab">Handtekening goedkeuring (Kerk)</div>
        <canvas data-sig="kerk"></canvas>
        <div class="row"><small>Teken hierboven met muis of vinger</small><button type="button" class="clear-sig" onclick="clearSig(this)">Wissen</button></div>
      </div>
    </div>
  </div>
</div>

<div class="actions">
  <button class="btn btn-primary" onclick="openChoice()">Formulier afronden</button>
  <button class="btn btn-ghost" onclick="if(confirm('Formulier leegmaken en opnieuw beginnen?'))location.reload()">Nieuw formulier</button>
</div>

<div class="modal" id="choice" onclick="if(event.target===this)closeChoice()">
  <div class="modal-card">
    <h3>Wat wil je doen?</h3>
    <p class="sub">Kies hoe je de ingevulde declaratie wilt afronden.</p>
    <button class="opt" onclick="doPrint()">
      <span class="ico">🖨️</span>
      <span class="txt"><strong>Print uit</strong><span>Open het printervenster en druk af op papier.</span></span>
    </button>
    <button class="opt" onclick="doPdf()">
      <span class="ico">📄</span>
      <span class="txt"><strong>Maak PDF</strong><span>Sla het formulier op als PDF-bestand op je apparaat.</span></span>
    </button>
    <button class="opt" onclick="doMail()">
      <span class="ico">✉️</span>
      <span class="txt"><strong>Verstuur per mail</strong><span>Maak de PDF en mail 'm naar info@omegakerk.nl.</span></span>
    </button>
    <button class="modal-cancel" onclick="closeChoice()">Annuleren</button>
  </div>
</div>
<div class="toast" id="toast"></div>

/* ---------- signature pads ---------- */
function setupSig(canvas){
  const ctx=canvas.getContext('2d');
  function resize(){
    const ratio=window.devicePixelRatio||1;
    const rect=canvas.getBoundingClientRect();
    // preserve drawing
    const prev=canvas.toDataURL();
    canvas.width=rect.width*ratio;
    canvas.height=rect.height*ratio;
    ctx.setTransform(ratio,0,0,ratio,0,0);
    ctx.lineWidth=2; ctx.lineCap='round'; ctx.lineJoin='round'; ctx.strokeStyle='#101828';
    if(canvas.dataset.drawn==='1'){
      const img=new Image();
      img.onload=()=>ctx.drawImage(img,0,0,rect.width,rect.height);
      img.src=prev;
    }
  }
  let drawing=false,lastX=0,lastY=0;
  function pos(e){
    const r=canvas.getBoundingClientRect();
    const p=e.touches?e.touches[0]:e;
    return {x:p.clientX-r.left,y:p.clientY-r.top};
  }
  function start(e){ e.preventDefault(); drawing=true; const p=pos(e); lastX=p.x; lastY=p.y; }
  function move(e){
    if(!drawing) return; e.preventDefault();
    const p=pos(e);
    ctx.beginPath(); ctx.moveTo(lastX,lastY); ctx.lineTo(p.x,p.y); ctx.stroke();
    lastX=p.x; lastY=p.y; canvas.dataset.drawn='1';
  }
  function end(){ drawing=false; }
  canvas.addEventListener('mousedown',start); canvas.addEventListener('mousemove',move);
  window.addEventListener('mouseup',end);
  canvas.addEventListener('touchstart',start,{passive:false});
  canvas.addEventListener('touchmove',move,{passive:false});
  canvas.addEventListener('touchend',end);
  window.addEventListener('resize',resize);
  requestAnimationFrame(resize);
}
function clearSig(btn){
  const canvas=btn.closest('.sig').querySelector('canvas');
  const ctx=canvas.getContext('2d');
  ctx.clearRect(0,0,canvas.width,canvas.height);
  canvas.dataset.drawn='0';
}
document.querySelectorAll('canvas[data-sig]').forEach(setupSig);

/* ---------- finish actions: print / pdf / mail ---------- */
const RECIPIENT = 'info@omegakerk.nl';

/* Build a jsPDF document from an on-screen snapshot of the form */
async function buildPdf(){
  if(!window.jspdf || !window.html2canvas){
    throw new Error('libs');
  }
  const { jsPDF } = window.jspdf;
  const src = document.querySelector('.sheet');
  const clone = src.cloneNode(true);

// hide interactive-only bits
  clone.querySelectorAll('.add-btn,.del-btn,.col-del,.sig .row').forEach(e=>e.style.display='none');

// replace form controls with static text (html2canvas can't render live values)
  const oEls = src.querySelectorAll('input,select,textarea');
  const cEls = clone.querySelectorAll('input,select,textarea');
  const imgWaits = [];
  oEls.forEach((o,i)=>{
    const c=cEls[i]; if(!c) return;
    const cs=getComputedStyle(o);
    const d=document.createElement('div');
    d.className='pdfval';
    ['fontFamily','fontSize','fontWeight','color','lineHeight','textAlign',
     'paddingTop','paddingBottom','paddingLeft','paddingRight',
     'borderTopWidth','borderTopStyle','borderTopColor',
     'borderRightWidth','borderRightStyle','borderRightColor',
     'borderBottomWidth','borderBottomStyle','borderBottomColor',
     'borderLeftWidth','borderLeftStyle','borderLeftColor',
     'borderTopLeftRadius','borderTopRightRadius','borderBottomLeftRadius','borderBottomRightRadius',
     'backgroundColor'].forEach(p=>{ d.style[p]=cs[p]; });
    d.style.minHeight=cs.height;
    if(!cs.color || cs.color==='rgba(0, 0, 0, 0)' || cs.color==='transparent') d.style.color='#1c1c1c';
    let val;
    if(o.tagName==='SELECT'){ val=o.options[o.selectedIndex]?o.options[o.selectedIndex].text:''; if(val==='—')val=''; }
    else { val=(o.value!=null?String(o.value):''); }
    if(/^\d{4}-\d{2}-\d{2}$/.test(val)) val=val.slice(8,10)+'-'+val.slice(5,7)+'-'+val.slice(0,4);
    d.textContent=(val && val.length)?val:' ';
    c.replaceWith(d);
  });

// copy each signature drawing onto the cloned canvas (cloneNode does not copy the bitmap)
  const oCanvas=src.querySelectorAll('canvas[data-sig]');
  const cCanvas=clone.querySelectorAll('canvas[data-sig]');
  oCanvas.forEach((o,i)=>{
    const c=cCanvas[i]; if(!c) return;
    c.width=o.width; c.height=o.height;
    try{ c.getContext('2d').drawImage(o,0,0); }catch(e){}
  });

const SCALE=2;
  await Promise.all(imgWaits);
  const canvas=await html2canvas(clone,{scale:SCALE,backgroundColor:'#ffffff',useCORS:true,windowWidth:PDF_W});

// collect "safe" break points (top edges of blocks we must never cut through), in canvas pixels
  const rootTop=clone.getBoundingClientRect().top;
  const cutSet=new Set([0]);
  clone.querySelectorAll('.aan, h2, label.fld, table thead tr, table tbody tr, table tfoot tr, .hint, .plaatsdatum, .sig, .sig-wrap').forEach(el=>{
    const y=(el.getBoundingClientRect().top-rootTop)*SCALE;
    if(y>0 && y<canvas.height) cutSet.add(Math.round(y));
  });
  document.body.removeChild(holder);

const pdf=new jsPDF('p','mm','a4');
  const pw=pdf.internal.pageSize.getWidth();
  const ph=pdf.internal.pageSize.getHeight();
  const margin=8;
  const imgW=pw-margin*2;
  const pxPerMm=canvas.width/imgW;
  const pagePx=(ph-margin*2)*pxPerMm;                 // usable page height in canvas px
  const cuts=Array.from(cutSet).sort((a,b)=>a-b);
  cuts.push(canvas.height); // einde van de inhoud telt ook als geldig breekpunt (voorkomt onnodige lege laatste pagina)

let start=0, first=true;
  while(start<canvas.height-1){
    const target=start+pagePx;
    let end=null;
    for(const c of cuts){ if(c>start+2 && c<=target) end=c; }   // last safe boundary that fits
    if(end===null) end=Math.min(target, canvas.height);          // block taller than a page: hard cut
    end=Math.min(end, canvas.height);
    const h=end-start;
    const tmp=document.createElement('canvas');
    tmp.width=canvas.width; tmp.height=h;
    tmp.getContext('2d').drawImage(canvas,0,start,canvas.width,h,0,0,canvas.width,h);
    const data=tmp.toDataURL('image/jpeg',0.95);
    if(!first) pdf.addPage();
    pdf.addImage(data,'JPEG',margin,margin,imgW,h/pxPerMm);
    first=false;
    start=end;
  }
  return pdf;
}

function doPrint(){ closeChoice(); setTimeout(()=>window.print(), 150); }

async function doPdf(){
  closeChoice();
  toast('PDF wordt gemaakt…', 0);
  try{
    const pdf=await buildPdf();
    pdf.save(bestandsnaam());
    toast('PDF opgeslagen ✓');
  }catch(e){
    hideToast();
    if(e.message==='libs'){ toast('Voor "Maak PDF" is even internet nodig. Gebruik anders "Print uit" en kies "Opslaan als PDF".',6000); }
    else { toast('Er ging iets mis bij het maken van de PDF.',5000); }
  }
}

async function doMail(){
  closeChoice();
  toast('PDF wordt gemaakt…', 0);
  let pdf;
  try{ pdf=await buildPdf(); }
  catch(e){
    hideToast();
    if(e.message==='libs'){ toast('Voor de PDF is even internet nodig. Gebruik anders "Print uit" en kies "Opslaan als PDF".',6000); }
    else { toast('Er ging iets mis bij het maken van de PDF.',5000); }
    return;
  }
  const fname=bestandsnaam();
  const naam=declarantNaam();
  const subject='Declaratie'+(naam?(' - '+naam):'');
  const body='Beste,\n\nHierbij mijn ingevulde declaratieformulier'+(naam?(' ('+naam+')'):'')+'.\n\nMet vriendelijke groet,\n'+(naam||'');
  const blob=pdf.output('blob');
  const file=new File([blob], fname, {type:'application/pdf'});

// Best path (vooral op telefoon/tablet): deel het PDF-bestand rechtstreeks naar de mail-app
  if(navigator.canShare && navigator.canShare({files:[file]})){
    try{
      await navigator.share({files:[file], title:subject, text:body});
      toast('Klaar — kies je mail-app en verstuur.');
      return;
    }catch(err){ if(err && err.name==='AbortError'){ hideToast(); return; } }
  }

// Terugval: download de PDF en open de mail met adres/onderwerp alvast ingevuld
  pdf.save(fname);
  const mailto='mailto:'+RECIPIENT+'?subject='+encodeURIComponent(subject)+
    '&body='+encodeURIComponent(body+'\n\n— Voeg het zojuist gedownloade bestand "'+fname+'" toe als bijlage.');
  setTimeout(()=>{ window.location.href=mailto; }, 400);
  toast('PDF gedownload — voeg het bestand toe als bijlage in de mail.',6000);
}

// Sluit modal met Escape
document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeChoice(); });
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
</body>
</html>