Test Page

<script>
/* ===================== 1) CALCULATOR PAGE SCRIPT (unchanged) ===================== */
(function(){
  var shouldRun = location.pathname.indexOf('/members-area/calculator') !== -1;
  if(!shouldRun) return;

  function num(v){ var n=parseFloat(String(v).replace(',','.')); return isFinite(n)?n:0; }

  var tries = 0, maxTries = 80;
  var t = setInterval(function(){
    var root = document.getElementById('bodhi-calc-2');
    if(root){ clearInterval(t); init(); }
    else if(++tries >= maxTries){ clearInterval(t); console.warn('BodhiPep calc: mount not found.'); }
  }, 100);

  function init(){
    var vial=document.getElementById('bp_vial'), bac=document.getElementById('bp_bac'),
        dose=document.getElementById('bp_dose'), units=document.getElementById('bp_units'),
        resVal=document.getElementById('bp_result'), resUni=document.getElementById('bp_resultUnit'),
        gFill=document.getElementById('bp_gaugeFill'), gLab=document.getElementById('bp_gaugeLabel'),
        modeUnits=document.getElementById('bp_mode_units'), modeDose=document.getElementById('bp_mode_dose');

    if(!vial || !bac || !resVal){ console.warn('BodhiPep calc: elements missing.'); return; }

    function ensureDefaults(){
      if(!vial.value) vial.value = localStorage.getItem('bodhi_vial') || '10';
      if(!bac.value)  bac.value  = localStorage.getItem('bodhi_bac')  || '2';
    }
    function currentMode(){ return modeUnits.checked ? 'units' : 'dose'; }
    function setOutput(v,d,u){ resVal.textContent=(isFinite(v)?v:0).toFixed(d||2); if(u) resUni.textContent=u; }
    function gauge(u){ var val=Math.max(0,Math.min(100,u||0)); gFill.style.width=val+'%'; gLab.textContent='Draw volume: '+(u||0).toFixed(2)+' u'; }

    function calc(){
      ensureDefaults();
      var mMg=num(vial.value), vMl=num(bac.value);
      if(!(mMg>0 && vMl>0)){ setOutput(0,2,currentMode()==='units'?'units':'mg'); gauge(0); return; }
      var mgPerUnit=mMg/(vMl*100);
      if(currentMode()==='units'){ var dMg=num(dose.value); var outU=dMg>0?(dMg/mgPerUnit):0; setOutput(outU,2,'units'); gauge(outU); }
      else { var uU=num(units.value); var outMg=uU>0?(uU*mgPerUnit):0; setOutput(outMg,3,'mg'); gauge(uU); }
    }
    function switchMode(){
      var mode=currentMode();
      document.getElementById('bp_doseGroup').style.display=(mode==='units')?'':'none';
      document.getElementById('bp_unitsGroup').style.display=(mode==='dose')?'':'none';
      resUni.textContent=(mode==='units')?'units':'mg';
      calc();
    }

    [vial,bac,dose,units].forEach(function(el){ if(!el) return; el.addEventListener('input',calc); el.addEventListener('change',calc); });
    modeUnits.addEventListener('change',switchMode);
    modeDose .addEventListener('change',switchMode);

    document.querySelectorAll('#bodhi-calc-2 .chip').forEach(function(btn){
      btn.addEventListener('click',function(){
        var id=btn.getAttribute('data-target'); var v=btn.getAttribute('data-val');
        var input=document.getElementById(id); if(input){ input.value=v; calc(); }
      });
    });

    var copyBtn=document.getElementById('bp_copy'), saveBtn=document.getElementById('bp_save'), clearBtn=document.getElementById('bp_clear');
    if(copyBtn) copyBtn.addEventListener('click',function(){ if(navigator.clipboard){ navigator.clipboard.writeText(resVal.textContent.trim()); }});
    if(saveBtn) saveBtn.addEventListener('click',function(){ localStorage.setItem('bodhi_vial',vial.value||''); localStorage.setItem('bodhi_bac',bac.value||''); });
    if(clearBtn) clearBtn.addEventListener('click',function(){ vial.value=''; bac.value=''; dose.value=''; units.value=''; setOutput(0,2,currentMode()==='units'?'units':'mg'); gauge(0); });

    switchMode(); calc(); console.log('BodhiPep calc initialized.');
  }
})();
</script>

<script>
/* ===================== 2) VENMO CHECKOUT SCRIPT (with double-init guard + webhook) ===================== */
(function(){
  // Run only on page that contains #bp-venmo
  if(!document.querySelector('#bp-venmo')) return;

  // Guard so we never attach handlers twice
  if (window.__bpVenmoInit) return;
  window.__bpVenmoInit = true;

  const $ = s => document.querySelector(s);
  const $$ = s => Array.from(document.querySelectorAll(s));
  const money = n => '$' + Number(n).toFixed(2);
  const SHIPPING_FLAT = 10;

  function calc(){
    let subtotal = 0; const lines = [];
    $$('.q').forEach(i => {
      const qty = parseInt(i.value || 0, 10);
      if (qty > 0) { const p = parseFloat(i.dataset.price), id = i.dataset.id;
        subtotal += qty * p; lines.push(`${id} × ${qty} = ${money(qty * p)}`); }
    });
    const note = ($('#bp_memo')?.value || '').trim();
    const total = subtotal + SHIPPING_FLAT;

    const summary = (lines.length ? lines.join('\n') : 'No items selected.')
      + `\nShipping: ${money(SHIPPING_FLAT)}\nTotal: ${money(total)}`
      + (note ? `\nNote: ${note}` : '');

    $('#bp_summary') && ($('#bp_summary').textContent = summary);
    $('#bp_grand')   && ($('#bp_grand').textContent   = money(total));

    return { lines, total };
  }

  // live updates
  document.addEventListener('input', e => {
    if (e.target.matches('.q,#bp_memo')) calc();
  });

  // +/− buttons
  document.addEventListener('click', e => {
    const b = e.target.closest('.step'); if (!b) return;
    const input = b.parentElement.querySelector('.q');
    const next = Math.max(0, (parseInt(input.value || 0, 10) + parseInt(b.dataset.step, 10)));
    input.value = next;
    input.dispatchEvent(new Event('input', { bubbles: true }));
  });

  // reset
  $('#bp_reset')?.addEventListener('click', () => { $$('.q').forEach(i => i.value = 0); calc(); });

  function need(){
    for (const id of ['#bp_name','#bp_email','#bp_addr1','#bp_city','#bp_state','#bp_zip']) {
      const el = $(id); if (el && !el.value.trim()) { el.focus(); alert('Please complete contact & shipping.'); return false; }
    }
    return true;
  }

  function oid(){
    const d = new Date(), y = d.getFullYear(),
          m = String(d.getMonth()+1).padStart(2,'0'),
          day = String(d.getDate()).padStart(2,'0'),
          h = String(d.getHours()).padStart(2,'0'),
          n = Math.random().toString(36).slice(2,6).toUpperCase();
    return `BP-${y}${m}${day}-${h}${n}`;
  }

  $('#bp_review')?.addEventListener('click', () => {
    if (!need()) return;
    const info = calc();
    if (info.total <= 0) { alert('Add at least one item.'); return; }

    const id = oid();
    const amount = info.total.toFixed(2);
    const memo = encodeURIComponent(`BP ${id}`);

    // Venmo deep link (opens app on mobile)
    const venmo = `venmo://paycharge?txn=pay&recipients=bodhipep&amount=${amount}&note=${memo}`;
    const a = $('#bp_venmo'); if (a) { a.href = venmo; a.target = '_blank'; a.rel = 'noopener'; }

    // Show a human-readable summary
    const memoBlock = `Order ID: ${id}\n`
      + (info.lines.length ? info.lines.join('\n') + '\n' : '')
      + `Shipping: ${money(SHIPPING_FLAT)}\nTotal: ${money(amount)}\n`
      + `Memo (paste if needed): BP ${id}`;
    $('#bp_paymemo') && ($('#bp_paymemo').textContent = memoBlock);
    $('#bp_pay') && ($('#bp_pay').hidden = false);

    // ---- Send a webhook so you get an email/Slack/Sheet via Make/Zapier ----
    const payload = {
      source: 'bodhipep-venmo',
      orderId: id,
      total: Number(amount),
      shipping: SHIPPING_FLAT,
      lines: info.lines, // e.g. ["RT10 × 2 = $150.00", ...]
      contact: {
        name:  $('#bp_name')?.value || '',
        email: $('#bp_email')?.value || '',
        addr1: $('#bp_addr1')?.value || '',
        addr2: $('#bp_addr2')?.value || '',
        city:  $('#bp_city')?.value || '',
        state: $('#bp_state')?.value || '',
        zip:   $('#bp_zip')?.value || ''
      },
      note: $('#bp_memo')?.value || '',
      createdAt: new Date().toISOString()
    };

    const WEBHOOK_URL = 'https://hooks.make.com/REPLACE_ME'; // <-- put your Make/Zapier URL here
    if (WEBHOOK_URL && WEBHOOK_URL.indexOf('REPLACE_ME') === -1) {
      fetch(WEBHOOK_URL, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
      }).catch(()=>{});
    }

    // Optional: build a mailto link for a manual email fallback (add a button with id="bp_mail" in HTML if you want it)
    const mailBtn = document.querySelector('#bp_mail');
    if (mailBtn) {
      const mailSubject = encodeURIComponent(`New Venmo Order ${id} — $${amount}`);
      const mailBody = encodeURIComponent(
        `Order ID: ${id}\n` +
        (info.lines.length ? info.lines.join('\n') + '\n' : '') +
        `Shipping: $${SHIPPING_FLAT.toFixed(2)}\nTotal: $${amount}\n\n` +
        `Name: ${payload.contact.name}\nEmail: ${payload.contact.email}\n` +
        `Address: ${payload.contact.addr1} ${payload.contact.addr2}\n` +
        `${payload.contact.city}, ${payload.contact.state} ${payload.contact.zip}\n` +
        (payload.note ? `Note: ${payload.note}\n` : '')
      );
      mailBtn.href = `mailto:orders@bodhipep.com?subject=${mailSubject}&body=${mailBody}`;
    }

    // Scroll to pay area
    window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });
  });

  // initial render
  calc();
})();
</script>

Dosing calculator.