Embed

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>TCG DATAE — Pre-filled Document Generator</title>
<style>
body{font-family:'Segoe UI',system-ui,sans-serif;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 100%);margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center}
.wrap{background:#fff;border-radius:14px;box-shadow:0 8px 32px rgba(26,58,110,.18);max-width:520px;width:100%;margin:20px;overflow:hidden}
.hdr{background:linear-gradient(135deg,#1a3a6e,#234d8f);padding:24px 28px;color:#fff;position:relative;overflow:hidden}
.hdr::before{content:'';position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:rgba(255,255,255,.06);border-radius:50%}
.hdr h1{margin:0;font-size:20px;font-weight:700}
.hdr p{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.75)}
.body{padding:28px}
.status{text-align:center;padding:20px 0}
.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#1a3a6e;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}
@keyframes spin{to{transform:rotate(360deg)}}
.status-msg{font-size:15px;font-weight:600;color:#1a3a6e;margin-top:8px}
.status-sub{font-size:12px;color:#64748b;margin-top:4px}
.success{display:none;text-align:center;padding:16px 0}
.success-icon{font-size:48px;margin-bottom:8px}
.success-msg{font-size:16px;font-weight:700;color:#15803d}
.success-sub{font-size:12px;color:#64748b;margin-top:4px}
.error{display:none;background:#fef2f2;border:2px solid #dc2626;border-radius:8px;padding:14px;color:#7f1d1d;font-size:13px;margin-top:12px}
.case-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-top:14px;font-size:12px}
.case-info dt{font-weight:700;color:#1a3a6e;margin-top:6px}
.case-info dd{margin:2px 0 0;color:#374151}
.retry-btn{display:none;width:100%;margin-top:14px;padding:11px;background:#1a3a6e;color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.footer{padding:14px 28px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:10px;color:#94a3b8;text-align:center}
</style>
</head>
<body>

<div class="wrap">
  <div class="hdr">
    <h1>📄 Document Generator</h1>
    <p>Denny Borges PA · TCG DATAE</p>
  </div>
  <div class="body">
    <div class="status" id="statusBox">
      <div class="spinner"></div>
      <div class="status-msg" id="statusMsg">Preparing your document...</div>
      <div class="status-sub" id="statusSub">Please wait</div>
    </div>
    <div class="success" id="successBox">
      <div class="success-icon">✅</div>
      <div class="success-msg">Document downloaded</div>
      <div class="success-sub">If download did not start, click the button below.</div>
      <button class="retry-btn" id="retryBtn" onclick="generatePdf()" style="display:block">⬇️ Download Again</button>
    </div>
    <div class="error" id="errorBox">
      <strong>⚠️ Error:</strong> <span id="errorMsg"></span>
    </div>
    <div class="case-info" id="caseInfo" style="display:none">
      <dl id="caseInfoList"></dl>
    </div>
  </div>
  <div class="footer">
    Denny Borges PA · PO Box 226402, Miami FL 33222 · dennyborgespa.com
  </div>
</div>

<script src="https://unpkg.com/pdf-lib@1.17.1/dist/pdf-lib.min.js"></script>
<script>
// ═══════════════════════════════════════════════════════
// TEMPLATE URLS — hosted on GitHub Pages (no CORS issues)
// ═══════════════════════════════════════════════════════
const TEMPLATES = {
  upra:        'https://tomascruzdennyborgespa-cmd.github.io/tcg-pdf-templates/upra.pdf',
  affirmation: 'https://tomascruzdennyborgespa-cmd.github.io/tcg-pdf-templates/affirmation.pdf',
  estate:      'https://tomascruzdennyborgespa-cmd.github.io/tcg-pdf-templates/estate_affidavit.pdf'
};

// CORS proxy fallbacks — only used if direct fetch fails (shouldn't happen with GitHub Pages)
const CORS_PROXIES = [
  'https://corsproxy.io/?',
  'https://api.allorigins.win/raw?url=',
  'https://api.codetabs.com/v1/proxy?quest='
];

// ═══════════════════════════════════════════════════════
// FIELD COORDINATES — validated with Bernadette Genzone case
// ═══════════════════════════════════════════════════════
const COORDS = {
  // UPRA / Unclaimed Property Recovery Agreement
  upra: {
    pageHeight: 792.0,
    fields: [
      { key: 'total_amount',      x: 50,  yTop: 108,  size: 10 },
      { key: 'fee_percent',       x: 50,  yTop: 127,  size: 10 },
      { key: 'fee_amount',        x: 50,  yTop: 144,  size: 10 },
      { key: 'net_amount',        x: 50,  yTop: 161,  size: 10 },
      { key: 'accounts',          x: 38,  yTop: 218,  size: 10, maxWidth: 540 },
      { key: 'claimant_name',     x: 45,  yTop: 365,  size: 10 },
      { key: 'representative',    x: 113, yTop: 387,  size: 10 },
      { key: 'net_amount_repeat', x: 175, yTop: 495,  size: 10 },
      { key: 'date_signed',       x: 478, yTop: 530,  size: 10 },
      { key: 'claimant_name_2',   x: 116, yTop: 549,  size: 10 },
      { key: 'claimant_phone',    x: 416, yTop: 549,  size: 10 },
      { key: 'mailing_address',   x: 121, yTop: 566,  size: 10 },
      { key: 'claimant_email',    x: 114, yTop: 582,  size: 10 }
    ]
  },
  // Affirmation Statement
  affirmation: {
    pageHeight: 792.0,
    fields: [
      { key: 'claimant_name_top',    x: 50,  yTop: 112, size: 10 },
      { key: 'residing_address',     x: 50,  yTop: 127, size: 9  },
      { key: 'reported_name',        x: 75,  yTop: 181, size: 10 },
      { key: 'reported_address',     x: 275, yTop: 254, size: 9  },
      { key: 'claimant_name_bottom', x: 120, yTop: 429, size: 10 },
      { key: 'date_signed',          x: 65,  yTop: 454, size: 10 },
      { key: 'phone',                x: 150, yTop: 480, size: 10 },
      { key: 'email',                x: 108, yTop: 506, size: 10 }
    ]
  },
  // Estate Affidavit (DFS-UP-1243)
  estate: {
    pageHeight: 792.0,
    fields: [
      { key: 'deceased_name',  x: 270, yTop: 110, size: 10 },
      { key: 'accounts',       x: 155, yTop: 138, size: 8, maxWidth: 355 },
      { key: 'total_amount',   x: 160, yTop: 154, size: 9 },
      { key: 'date_of_death',  x: 223, yTop: 179, size: 10 },
      { key: 'relationship',   x: 280, yTop: 458, size: 10 }
    ]
  }
};

// ═══════════════════════════════════════════════════════
// FETCH TEMPLATE WITH CORS FALLBACK
// Tries direct fetch first, then multiple CORS proxies in sequence
// ═══════════════════════════════════════════════════════
async function fetchTemplate(url) {
  // Validate that the result is actually a PDF
  const isValidPdf = (bytes) => {
    if (!bytes || bytes.byteLength < 100) return false;
    const header = new Uint8Array(bytes.slice(0, 5));
    return header[0] === 0x25 && header[1] === 0x50 && header[2] === 0x44 && header[3] === 0x46;
  };

  const attempts = [];

  // Try 1: direct fetch
  try {
    const r = await fetch(url, { mode: 'cors' });
    if (r.ok) {
      const bytes = await r.arrayBuffer();
      if (isValidPdf(bytes)) return bytes;
      attempts.push('direct: got non-PDF response');
    } else {
      attempts.push('direct: HTTP ' + r.status);
    }
  } catch (e) {
    attempts.push('direct: ' + (e.message || 'CORS blocked'));
  }

  // Try each CORS proxy in order
  for (let i = 0; i < CORS_PROXIES.length; i++) {
    const proxy = CORS_PROXIES[i];
    const proxyName = proxy.split('//')[1].split('/')[0];
    try {
      setStatus('Loading template...', 'Trying fallback ' + (i + 1) + ' of ' + CORS_PROXIES.length);
      const proxyUrl = proxy + encodeURIComponent(url);
      const r = await fetch(proxyUrl);
      if (!r.ok) {
        attempts.push(proxyName + ': HTTP ' + r.status);
        continue;
      }
      const bytes = await r.arrayBuffer();
      if (isValidPdf(bytes)) return bytes;
      attempts.push(proxyName + ': got non-PDF response');
    } catch (e) {
      attempts.push(proxyName + ': ' + (e.message || 'failed'));
    }
  }

  // All proxies failed
  throw new Error('All download methods failed. Tried: ' + attempts.join(' | '));
}

// ═══════════════════════════════════════════════════════
// PARSE URL PARAMS
// ═══════════════════════════════════════════════════════
function getParams() {
  const url = new URL(window.location.href);
  const dataParam = url.searchParams.get('data');
  if (!dataParam) throw new Error('Missing data parameter');
  try {
    return JSON.parse(decodeURIComponent(atob(dataParam)));
  } catch (e) {
    throw new Error('Invalid data parameter: ' + e.message);
  }
}

// ═══════════════════════════════════════════════════════
// STATUS HELPERS
// ═══════════════════════════════════════════════════════
function setStatus(msg, sub) {
  document.getElementById('statusMsg').textContent = msg;
  document.getElementById('statusSub').textContent = sub || '';
}
function showError(msg) {
  document.getElementById('statusBox').style.display = 'none';
  document.getElementById('errorBox').style.display = 'block';
  document.getElementById('errorMsg').textContent = msg;
}
function showSuccess() {
  document.getElementById('statusBox').style.display = 'none';
  document.getElementById('successBox').style.display = 'block';
}
function showCaseInfo(data) {
  const list = document.getElementById('caseInfoList');
  list.innerHTML = '';
  const display = {
    'Document': data._docLabel || data.doc,
    'Claimant': data.claimant_name,
    'Total Amount': data.total_amount,
    'Case #': data.case_number || '—'
  };
  for (const [k, v] of Object.entries(display)) {
    if (!v) continue;
    const dt = document.createElement('dt'); dt.textContent = k;
    const dd = document.createElement('dd'); dd.textContent = v;
    list.appendChild(dt); list.appendChild(dd);
  }
  document.getElementById('caseInfo').style.display = 'block';
}

// ═══════════════════════════════════════════════════════
// DRAW TEXT (with wrap)
// ═══════════════════════════════════════════════════════
function drawText(page, font, text, fieldDef, pageHeight) {
  if (text === null || text === undefined || text === '') return;
  const str = String(text);
  const yPdf = pageHeight - fieldDef.yTop;
  const fontSize = fieldDef.size || 10;

  if (fieldDef.maxWidth) {
    const lines = wrapText(str, font, fontSize, fieldDef.maxWidth);
    const lineHeight = fontSize * 1.2;
    lines.forEach((line, i) => {
      page.drawText(line, {
        x: fieldDef.x,
        y: yPdf - (i * lineHeight),
        size: fontSize,
        font: font,
        color: PDFLib.rgb(0, 0, 0)
      });
    });
  } else {
    page.drawText(str, {
      x: fieldDef.x,
      y: yPdf,
      size: fontSize,
      font: font,
      color: PDFLib.rgb(0, 0, 0)
    });
  }
}

function wrapText(text, font, fontSize, maxWidth) {
  const words = text.split(/\s+/);
  const lines = [];
  let current = '';
  for (const word of words) {
    const test = current ? current + ' ' + word : word;
    const w = font.widthOfTextAtSize(test, fontSize);
    if (w > maxWidth && current) {
      lines.push(current);
      current = word;
    } else {
      current = test;
    }
  }
  if (current) lines.push(current);
  return lines;
}

// ═══════════════════════════════════════════════════════
// MAP DATA TO FIELDS
// ═══════════════════════════════════════════════════════
function mapDataToFields(doc, data) {
  const totalNum = parseFloat(String(data.total_amount || '0').replace(/[$,]/g, '')) || 0;
  const feePct = parseFloat(data.fee_percent || '30') || 30;
  const feeAmt = (totalNum * feePct / 100);
  const netAmt = totalNum - feeAmt;
  const fmt = (n) => n.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
  const today = data.date_signed || new Date().toLocaleDateString('en-US', { month: '2-digit', day: '2-digit', year: 'numeric' });

  if (doc === 'upra') {
    return {
      total_amount: fmt(totalNum),
      fee_percent: String(feePct),
      fee_amount: fmt(feeAmt),
      net_amount: fmt(netAmt),
      accounts: (data.account_numbers || '').replace(/\n/g, ', '),
      claimant_name: data.claimant_name || '',
      representative: 'DENNY BORGES, PA',
      net_amount_repeat: fmt(netAmt),
      date_signed: today,
      claimant_name_2: data.claimant_name || '',
      claimant_phone: data.claimant_phone || '',
      mailing_address: data.mailing_address || '',
      claimant_email: data.claimant_email || ''
    };
  }
  if (doc === 'affirmation') {
    return {
      claimant_name_top: data.claimant_name || '',
      residing_address: data.mailing_address || '',
      reported_name: data.reported_name || data.claimant_name || '',
      reported_address: data.reported_address || data.mailing_address || '',
      claimant_name_bottom: data.claimant_name || '',
      date_signed: today,
      phone: data.claimant_phone || '',
      email: data.claimant_email || ''
    };
  }
  if (doc === 'estate') {
    return {
      deceased_name: data.deceased_name || '',
      accounts: (data.account_numbers || '').replace(/\n/g, ', '),
      total_amount: '$' + fmt(totalNum) + ' (total of all accounts)',
      date_of_death: data.date_of_death || '',
      relationship: data.relationship || ''
    };
  }
  return {};
}

// ═══════════════════════════════════════════════════════
// MAIN GENERATOR
// ═══════════════════════════════════════════════════════
let _currentData = null;

async function generatePdf() {
  document.getElementById('errorBox').style.display = 'none';
  document.getElementById('successBox').style.display = 'none';
  document.getElementById('statusBox').style.display = 'block';

  try {
    let data = _currentData;
    if (!data) {
      setStatus('Reading case data...', 'Decoding URL parameters');
      data = getParams();
      _currentData = data;
    }

    const doc = data.doc;
    if (!doc || !TEMPLATES[doc]) throw new Error('Unknown document type: ' + doc);

    const labelMap = { upra: 'Unclaimed Property Recovery Agreement', affirmation: 'Affirmation Statement', estate: 'Estate Affidavit' };
    data._docLabel = labelMap[doc] || doc;
    showCaseInfo(data);

    setStatus('Loading template...', data._docLabel);
    const templateBytes = await fetchTemplate(TEMPLATES[doc]);

    setStatus('Filling document...', 'Adding case information');
    const pdfDoc = await PDFLib.PDFDocument.load(templateBytes);
    const font = await pdfDoc.embedFont(PDFLib.StandardFonts.Helvetica);
    const pages = pdfDoc.getPages();
    const firstPage = pages[0];
    const { height } = firstPage.getSize();

    const fieldValues = mapDataToFields(doc, data);
    const fieldDefs = COORDS[doc].fields;

    for (const fieldDef of fieldDefs) {
      const value = fieldValues[fieldDef.key];
      if (value) {
        drawText(firstPage, font, value, fieldDef, height);
      }
    }

    setStatus('Saving PDF...', 'Almost done');
    const pdfBytes = await pdfDoc.save();

    const blob = new Blob([pdfBytes], { type: 'application/pdf' });
    const url = URL.createObjectURL(blob);
    const safeName = (data.claimant_name || 'CLIENT').replace(/[^A-Z0-9_-]/gi, '_').toUpperCase();
    const fileName = `${doc.toUpperCase()}_${safeName}.pdf`;

    const a = document.createElement('a');
    a.href = url;
    a.download = fileName;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    setTimeout(() => URL.revokeObjectURL(url), 1000);

    showSuccess();
  } catch (e) {
    console.error(e);
    showError(e.message);
  }
}

// auto-run on load
window.addEventListener('DOMContentLoaded', function() {
  const url = new URL(window.location.href);
  const dataParam = url.searchParams.get('data');
  if (!dataParam) {
    document.getElementById('statusBox').style.display = 'none';
    document.getElementById('errorBox').style.display = 'block';
    document.getElementById('errorMsg').innerHTML = 'This page generates pre-filled PDF documents for notary signings. It must be opened from a link inside the notary assignment email. <br><br>If you arrived here by mistake, please return to your email and click the document download button.';
    document.querySelector('.hdr h1').textContent = '⚠️ No Document Requested';
    document.querySelector('.hdr p').textContent = 'Open this page from a notary email link';
    return;
  }
  generatePdf();
});
</script>

</body>
</html>

TCG DATAE

We empower law firms and corporate partners with precision-driven investigative services designed to uncover critical information, validate case data, and streamline legal processes with unmatched accuracy.

Backed by advanced technology and operational excellence, TCG DATAE ensures every assignment is handled with integrity, confidentiality, and measurable performance.