{"id":1109,"date":"2026-06-04T15:17:28","date_gmt":"2026-06-04T15:17:28","guid":{"rendered":"https:\/\/360bizbrokers.com\/?page_id=1109"},"modified":"2026-06-04T20:59:27","modified_gmt":"2026-06-04T20:59:27","slug":"nda-generator-tool","status":"publish","type":"page","link":"https:\/\/360bizbrokers.com\/es\/nda-generator-tool\/","title":{"rendered":"NDA Generator Tool"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nNDA Generator | Business Brokerage Portal<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.47.0\/tabler-icons.min.css\" \/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<style>\n:root {\n --primary:#185FA5; --primary-dark:#0C447C; --primary-light:#E6F1FB;\n --green:#0F6E56; --green-light:#E1F5EE;\n --amber:#854F0B; --amber-light:#FAEEDA;\n --border:#e2e8f0; --border-med:#cbd5e1;\n --bg:#f8fafc; --white:#ffffff;\n --text:#1e293b; --muted:#64748b; --hint:#94a3b8;\n --radius:8px; --radius-lg:12px;\n --shadow:0 1px 3px rgba(0,0,0,0.08);\n}\n*{box-sizing:border-box;margin:0;padding:0;}\nhtml,body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;color:var(--text);background:var(--bg);min-height:100vh;}\n\n\/* HEADER *\/\n.portal-header{background:var(--primary);padding:0 24px;display:flex;align-items:center;height:56px;gap:12px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow);}\n.ph-logo{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em;}\n.ph-sep{color:rgba(255,255,255,.35);margin:0 4px;}\n.ph-tool{font-size:13px;color:rgba(255,255,255,.75);}\n.ph-right{margin-left:auto;display:flex;align-items:center;gap:10px;}\n.txid-pill{font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;gap:5px;white-space:nowrap;}\n.ph-firm{font-size:12px;color:rgba(255,255,255,.7);}\n\n\/* WL BAR *\/\n.wl-bar{background:var(--white);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;align-items:center;gap:14px;}\n.wl-logo-box{width:40px;height:40px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--hint);flex-shrink:0;overflow:hidden;}\n.wl-logo-box img{width:100%;height:100%;object-fit:contain;}\n.wl-firm-name{font-size:14px;font-weight:600;color:var(--text);}\n.wl-tagline{font-size:11px;color:var(--muted);}\n.wl-right{margin-left:auto;display:flex;align-items:center;gap:8px;}\n.wl-txid{font-size:11px;font-weight:500;padding:2px 9px;border-radius:20px;background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;gap:4px;}\n\n\/* PROGRESS *\/\n.progress-wrap{background:var(--white);border-bottom:1px solid var(--border);padding:12px 24px;}\n.progress-bar{display:flex;align-items:center;max-width:860px;margin:0 auto;}\n.step-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative;}\n.step-item:not(:last-child)::after{content:'';position:absolute;top:13px;left:56%;width:88%;height:1.5px;background:var(--border);z-index:0;}\n.step-item.done:not(:last-child)::after{background:var(--primary);}\n.step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:1.5px solid var(--border-med);background:var(--white);color:var(--hint);z-index:1;position:relative;}\n.step-item.active .step-dot{border-color:var(--primary);background:var(--primary);color:#fff;}\n.step-item.done .step-dot{border-color:var(--primary);color:var(--primary);}\n.step-label{font-size:10px;color:var(--hint);text-align:center;white-space:nowrap;}\n.step-item.active .step-label{color:var(--text);font-weight:500;}\n\n\/* MAIN *\/\n.main{max-width:860px;margin:0 auto;padding:24px 24px 80px;}\n.panel{display:none;}.panel.active{display:block;}\n\n\/* SECTION HEADER *\/\n.sh{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border);}\n.sh i{font-size:20px;color:var(--primary);}\n.sh h3{font-size:16px;font-weight:600;}\n.sh p{font-size:12px;color:var(--muted);margin-top:2px;}\n\n\/* CARDS *\/\n.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow);}\n.card.sa-card{border-left:3px solid var(--green);border-top-left-radius:0;border-bottom-left-radius:0;}\n.card.ba-card{border-left:3px solid var(--primary);border-top-left-radius:0;border-bottom-left-radius:0;}\n.card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;display:flex;align-items:center;gap:6px;}\n\n\/* GRID *\/\n.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n.g1{display:grid;grid-template-columns:1fr;gap:10px;}\n.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}\n\n\/* FIELDS *\/\n.f{display:flex;flex-direction:column;gap:4px;}\n.f label{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}\n.f input,.f select,.f textarea{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:13px;color:var(--text);background:#fff;font-family:inherit;transition:border-color .15s;width:100%;}\n.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,95,165,.1);}\n.f textarea{resize:vertical;min-height:72px;}\n\n.divider{height:1px;background:var(--border);margin:18px 0;}\n.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--hint);margin:18px 0 10px;}\n.section-label:first-child{margin-top:0;}\n\n\/* CHECKBOXES *\/\n.cbg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;}\n.ci{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:12px;color:var(--text);line-height:1.45;transition:all .15s;}\n.ci:hover{border-color:var(--border-med);background:#f8fafc;}\n.ci:has(input:checked){border-color:#93c5fd;background:var(--primary-light);color:var(--primary-dark);}\n.ci input{margin-top:2px;accent-color:var(--primary);flex-shrink:0;}\n\n\/* INFO NOTE *\/\n.inote{display:flex;gap:8px;font-size:12px;color:var(--primary-dark);background:var(--primary-light);border:1px solid #93c5fd;border-radius:var(--radius);padding:9px 12px;margin-bottom:14px;line-height:1.5;}\n.inote i{font-size:14px;flex-shrink:0;margin-top:1px;}\n.inote.amber{background:var(--amber-light);border-color:#EF9F27;color:#633806;}\n.inote.amber i{color:var(--amber);}\n.inote.green{background:var(--green-light);border-color:#5DCAA5;color:#085041;}\n.inote.green i{color:var(--green);}\n\n\/* NDA PREVIEW *\/\n.nda-preview-box{border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;font-family:'Georgia','Times New Roman',serif;font-size:12.5px;line-height:1.9;color:var(--text);max-height:420px;overflow-y:auto;margin-bottom:18px;background:#fff;}\n.nda-preview-box h4{text-align:center;font-size:14px;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em;}\n.nda-preview-box .nsub{text-align:center;font-size:11px;color:var(--muted);margin-bottom:18px;}\n.nda-preview-box p{margin-bottom:10px;}\n.nda-preview-box .cn{font-weight:700;}\n\n\/* SIGNATURE CARDS *\/\n.sig-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}\n.sig-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;overflow:hidden;background:var(--white);}\n.sig-card.sc-buyer{border-top:3px solid var(--primary);}\n.sig-card.sc-seller{border-top:3px solid var(--green);}\n.sig-card.sc-sa{border-top:3px solid var(--green);}\n.sig-card.sc-ba{border-top:3px solid var(--primary);}\n.sig-card h4{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:5px;}\n.sig-status{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 7px;border-radius:20px;margin-left:auto;font-weight:500;}\n.sig-status.pending{background:#FEF3C7;color:#92400E;}\n.sig-status.signed{background:var(--green-light);color:#085041;}\n.sig-status.sent{background:var(--primary-light);color:var(--primary-dark);}\n.loi-trigger-box{border:1.5px solid var(--amber);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:18px;background:var(--amber-light);}\n.loi-trigger-box h4{font-size:14px;font-weight:700;color:#633806;margin-bottom:6px;display:flex;align-items:center;gap:8px;}\n.loi-trigger-box p{font-size:12px;color:var(--amber);line-height:1.6;margin-bottom:12px;}\n\n\/* SIG SUMMARY *\/\n.sig-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;}\n.sig-chip{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;text-align:center;background:var(--white);}\n.sig-chip .sc-name{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;}\n.sig-chip .sc-status{font-size:11px;font-weight:500;color:var(--hint);}\n.sig-chip.chip-done{background:var(--green-light);border-color:#5DCAA5;}\n.sig-chip.chip-done .sc-status{color:#085041;}\n.sig-chip.chip-sent .sc-status{color:var(--primary);}\n\n\/* COMPLETION *\/\n.done-wrap{text-align:center;padding:24px 16px;}\n.done-icon{width:64px;height:64px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:var(--green);}\n.act-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;}\n.act-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 10px;text-align:center;cursor:pointer;background:var(--white);transition:all .15s;}\n.act-card:hover{background:#f8fafc;border-color:var(--border-med);}\n.act-card i{font-size:22px;color:var(--primary);display:block;margin-bottom:6px;}\n.act-card span{font-size:11px;color:var(--muted);}\n.act-card.loi-act{border-color:#EF9F27;}\n.act-card.loi-act i{color:var(--amber);}\n\n\/* NAV ROW *\/\n.nav-row{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--border);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;z-index:50;}\n.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border-med);background:#fff;color:var(--text);font-family:inherit;transition:all .15s;}\n.btn:hover{background:#f1f5f9;}\n.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary);}\n.btn.primary:hover{background:var(--primary-dark);}\n.btn.green{background:var(--green);color:#fff;border-color:var(--green);}\n.btn.green:hover{background:#085041;}\n.btn.amber{background:var(--amber);color:#fff;border-color:var(--amber);}\n.btn.amber:hover{background:#633806;}\n.btn.sm{padding:6px 12px;font-size:12px;}\n\n\/* PRINT *\/\n@media print{\n .portal-header,.wl-bar,.progress-wrap,.nav-row,.loi-trigger-box,.act-grid,.sig-grid,.sig-card{display:none!important;}\n .main{padding:0;max-width:100%;}\n .nda-preview-box{max-height:none;border:none;padding:0.5in 0.75in;font-size:11.5px;}\n body{background:white;}\n}\n@media(max-width:700px){\n .g2,.sig-grid,.sig-summary-grid,.act-grid,.tx-meta-grid{grid-template-columns:1fr!important;}\n .cbg{grid-template-columns:1fr!important;}\n}\n\n\n\n\/* \u2500\u2500 ADOBE SIGN MODAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.adobe-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;}\n.adobe-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);}\n.adobe-header{background:#CC0000;border-radius:16px 16px 0 0;padding:15px 20px;display:flex;align-items:center;gap:10px;}\n.adobe-header h3{font-size:15px;font-weight:700;color:#fff;margin:0;flex:1;}\n.adobe-close{background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.adobe-body{padding:22px;}\n.step-flow{counter-reset:stepcount;}\n.adobe-step{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start;}\n.adobe-step-num{width:32px;height:32px;border-radius:50%;background:#CC0000;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}\n.adobe-step-content h4{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px;}\n.adobe-step-content p{font-size:12px;color:var(--muted);line-height:1.55;}\n.adobe-step-content .tip{font-size:11px;color:var(--hint);margin-top:4px;font-style:italic;}\n.signer-list{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-top:8px;}\n.signer-list-item{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border);font-size:12px;}\n.signer-list-item:last-child{border-bottom:none;}\n.signer-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}\n.adobe-divider{height:1px;background:var(--border);margin:16px 0;}\n.adobe-btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;}\n\n<\/style>\n<\/head>\n<body>\n\n<!-- PORTAL HEADER -->\n<header class=\"portal-header\">\n <span class=\"ph-logo\" id=\"phFirm\">Business Brokerage Portal<\/span>\n <span class=\"ph-sep\">\u203a<\/span>\n <span class=\"ph-tool\">NDA Generator \u2014 Tool #8<\/span>\n <div class=\"ph-right\">\n <div class=\"txid-pill\"><i class=\"ti ti-hash\"><\/i><span id=\"phTxId\">\u2014<\/span><\/div>\n <\/div>\n<\/header>\n\n<!-- WHITE-LABEL BAR -->\n<div class=\"wl-bar\">\n <div class=\"wl-logo-box\" id=\"wlLogoBox\"><i class=\"ti ti-building\" aria-hidden=\"true\"><\/i><\/div>\n <div>\n <div class=\"wl-firm-name\" id=\"wlFirmDisplay\">Your Brokerage Name<\/div>\n <div class=\"wl-tagline\" id=\"wlTagDisplay\">Business Brokerage \u00b7 NDA Tool<\/div>\n <\/div>\n <div class=\"wl-right\">\n <div class=\"wl-txid\"><i class=\"ti ti-hash\"><\/i><span id=\"wlTxId\">TXN-\u2014<\/span><\/div>\n <\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-wrap\">\n <div class=\"progress-bar\">\n <div class=\"step-item active\" id=\"si-1\"><div class=\"step-dot\">1<\/div><div class=\"step-label\">Branding<\/div><\/div>\n <div class=\"step-item\" id=\"si-2\"><div class=\"step-dot\">2<\/div><div class=\"step-label\">Parties<\/div><\/div>\n <div class=\"step-item\" id=\"si-3\"><div class=\"step-dot\">3<\/div><div class=\"step-label\">Transaction<\/div><\/div>\n <div class=\"step-item\" id=\"si-4\"><div class=\"step-dot\">4<\/div><div class=\"step-label\">Protections<\/div><\/div>\n <div class=\"step-item\" id=\"si-5\"><div class=\"step-dot\">5<\/div><div class=\"step-label\">Review<\/div><\/div>\n <div class=\"step-item\" id=\"si-6\"><div class=\"step-dot\">6<\/div><div class=\"step-label\">E-Sign<\/div><\/div>\n <div class=\"step-item\" id=\"si-7\"><div class=\"step-dot\">7<\/div><div class=\"step-label\">Dashboard<\/div><\/div>\n <\/div>\n<\/div>\n\n<!-- MAIN CONTENT -->\n<div class=\"main\">\n\n <!-- STEP 1: BRANDING -->\n <div class=\"panel active\" id=\"p1\">\n <div class=\"sh\"><i class=\"ti ti-building\"><\/i><div><h3>Brokerage white-label & transaction ID<\/h3><p>Your firm's branding appears on the NDA header and every PDF export<\/p><\/div><\/div>\n <div class=\"card\">\n <div class=\"g2\">\n <div class=\"f\"><label>Firm \/ Brokerage name<\/label><input type=\"text\" id=\"brFirm\" placeholder=\"Premier Business Brokers LLC\" oninput=\"updateWLBar()\" \/><\/div>\n <div class=\"f\"><label>Tagline (optional)<\/label><input type=\"text\" id=\"brTag\" placeholder=\"Florida's Trusted M&A Advisors\" oninput=\"updateWLBar()\" \/><\/div>\n <div class=\"f\"><label>Brokerage license #<\/label><input type=\"text\" id=\"brLic\" placeholder=\"CQ1234567\" \/><\/div>\n <div class=\"f\"><label>Brand color (hex)<\/label><input type=\"text\" id=\"brColor\" placeholder=\"#185FA5\" maxlength=\"7\" oninput=\"updateBrandColor()\" \/><\/div>\n <div class=\"f\"><label>Address<\/label><input type=\"text\" id=\"brAddr\" placeholder=\"123 Main St, Miami, FL 33101\" \/><\/div>\n <div class=\"f\"><label>Phone<\/label><input type=\"text\" id=\"brPhone\" placeholder=\"(305) 555-0100\" \/><\/div>\n <div class=\"f\"><label>Website<\/label><input type=\"text\" id=\"brWeb\" placeholder=\"www.premierbiz.com\" \/><\/div>\n <div class=\"f\"><label>Upload logo<\/label>\n <input type=\"file\" id=\"logoFile\" accept=\"image\/*\" style=\"display:none\" onchange=\"loadLogo(event)\" \/>\n <button class=\"btn sm\" onclick=\"document.getElementById('logoFile').click()\"><i class=\"ti ti-photo-up\"><\/i> Upload logo<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"section-label\" style=\"margin-top:0;\">Transaction reference<\/div>\n <div class=\"g2\">\n <div class=\"f\"><label>Transaction ID<\/label>\n <div style=\"display:flex;gap:8px;align-items:center;\">\n <input type=\"text\" id=\"txnId\" style=\"font-family:monospace;flex:1;\" \/>\n <button class=\"btn sm\" onclick=\"genTxnId()\"><i class=\"ti ti-refresh\"><\/i> New<\/button>\n <\/div>\n <\/div>\n <div class=\"f\"><label>Transaction date<\/label><input type=\"date\" id=\"txnDate\" \/><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 2: PARTIES -->\n <div class=\"panel\" id=\"p2\">\n <div class=\"sh\"><i class=\"ti ti-users\"><\/i><div><h3>Agents & parties<\/h3><p>All four principals \u2014 seller's agent, buyer's agent, seller, buyer<\/p><\/div><\/div>\n <div class=\"g2\" style=\"margin-bottom:14px;\">\n <div class=\"card sa-card\" style=\"margin-bottom:0;\">\n <div class=\"card-title\"><i class=\"ti ti-user-check\" style=\"color:var(--green);font-size:14px;\"><\/i> Seller's agent (listing agent)<\/div>\n <div class=\"g1\">\n <div class=\"f\"><label>Agent name<\/label><input type=\"text\" id=\"saName\" placeholder=\"Maria Gonzalez\" \/><\/div>\n <div class=\"f\"><label>License #<\/label><input type=\"text\" id=\"saLic\" placeholder=\"BK3456789\" \/><\/div>\n <div class=\"f\"><label>Email<\/label><input type=\"email\" id=\"saEmail\" placeholder=\"maria@brokerage.com\" \/><\/div>\n <div class=\"f\"><label>Phone<\/label><input type=\"text\" id=\"saPhone\" placeholder=\"(305) 555-0101\" \/><\/div>\n <\/div>\n <\/div>\n <div class=\"card ba-card\" style=\"margin-bottom:0;\">\n <div class=\"card-title\"><i class=\"ti ti-user-check\" style=\"color:var(--primary);font-size:14px;\"><\/i> Buyer's agent \/ advisor<\/div>\n <div class=\"g1\">\n <div class=\"f\"><label>Agent name<\/label><input type=\"text\" id=\"baName\" placeholder=\"Carlos Rivera\" \/><\/div>\n <div class=\"f\"><label>License #<\/label><input type=\"text\" id=\"baLic\" placeholder=\"BK9876543\" \/><\/div>\n <div class=\"f\"><label>Email<\/label><input type=\"email\" id=\"baEmail\" placeholder=\"carlos@brokerage.com\" \/><\/div>\n <div class=\"f\"><label>Phone<\/label><input type=\"text\" id=\"baPhone\" placeholder=\"(786) 555-0202\" \/><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"g2\">\n <div class=\"card\" style=\"margin-bottom:0;border-top:3px solid var(--green);border-top-left-radius:0;border-top-right-radius:0;\">\n <div class=\"card-title\" style=\"color:var(--green);\">Disclosing party (Seller)<\/div>\n <div class=\"g1\">\n <div class=\"f\"><label>Full name \/ Entity<\/label><input type=\"text\" id=\"sellerName\" placeholder=\"Business owner or entity\" \/><\/div>\n <div class=\"f\"><label>Title \/ Role<\/label><input type=\"text\" id=\"sellerTitle\" placeholder=\"Owner, President\u2026\" \/><\/div>\n <div class=\"f\"><label>Email<\/label><input type=\"email\" id=\"sellerEmail\" placeholder=\"seller@business.com\" \/><\/div>\n <\/div>\n <\/div>\n <div class=\"card\" style=\"margin-bottom:0;border-top:3px solid var(--primary);border-top-left-radius:0;border-top-right-radius:0;\">\n <div class=\"card-title\" style=\"color:var(--primary);\">Receiving party (Buyer)<\/div>\n <div class=\"g1\">\n <div class=\"f\"><label>Full name \/ Entity<\/label><input type=\"text\" id=\"buyerName\" placeholder=\"Prospective buyer or entity\" \/><\/div>\n <div class=\"f\"><label>Title \/ Role<\/label><input type=\"text\" id=\"buyerTitle\" placeholder=\"Principal, CEO\u2026\" \/><\/div>\n <div class=\"f\"><label>Email<\/label><input type=\"email\" id=\"buyerEmail\" placeholder=\"buyer@company.com\" \/><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 3: TRANSACTION -->\n <div class=\"panel\" id=\"p3\">\n <div class=\"sh\"><i class=\"ti ti-building-store\"><\/i><div><h3>Transaction details<\/h3><p>Business description and deal parameters<\/p><\/div><\/div>\n <div class=\"card\">\n <div class=\"g2\">\n <div class=\"f\"><label>Business name<\/label><input type=\"text\" id=\"bizName\" placeholder=\"Sunshine Caf\u00e9 LLC\" \/><\/div>\n <div class=\"f\"><label>Business type \/ Industry<\/label><input type=\"text\" id=\"bizType\" placeholder=\"Full-service restaurant\" \/><\/div>\n <div class=\"f\"><label>Location (City, State)<\/label><input type=\"text\" id=\"bizLoc\" placeholder=\"Miami, FL\" \/><\/div>\n <div class=\"f\"><label>Estimated transaction value<\/label>\n <select id=\"txVal\">\n <option value=\"\">Select range<\/option>\n <option>Under $500K<\/option><option>$500K \u2013 $1M<\/option>\n <option>$1M \u2013 $2.5M<\/option><option>$2.5M \u2013 $5M<\/option>\n <option>$5M \u2013 $10M<\/option><option>Over $10M<\/option><option>Undisclosed<\/option>\n <\/select>\n <\/div>\n <div class=\"f\"><label>NDA effective date<\/label><input type=\"date\" id=\"ndaDate\" \/><\/div>\n <div class=\"f\"><label>Confidentiality term<\/label>\n <select id=\"ndaTerm\">\n <option value=\"1 year\">1 year<\/option><option value=\"2 years\" selected>2 years<\/option>\n <option value=\"3 years\">3 years<\/option><option value=\"5 years\">5 years<\/option>\n <option value=\"indefinitely\">Indefinitely<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"f\" style=\"margin-top:12px;\"><label>Business description (for NDA context)<\/label>\n <textarea id=\"bizDesc\" placeholder=\"Briefly describe the business being evaluated\u2026\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 4: PROTECTIONS -->\n <div class=\"panel\" id=\"p4\">\n <div class=\"sh\"><i class=\"ti ti-shield\"><\/i><div><h3>Protection clauses<\/h3><p>Select all provisions to include in this NDA<\/p><\/div><\/div>\n <div class=\"card\">\n <div class=\"section-label\" style=\"margin-top:0;\">Confidential information covered<\/div>\n <div class=\"cbg\">\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"Financial records, tax returns and projections\"> Financial records, tax returns & projections<\/label>\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"Customer and supplier lists\"> Customer & supplier lists<\/label>\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"Pricing, margins and trade secrets\"> Pricing, margins & trade secrets<\/label>\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"Lease agreements and real estate terms\"> Lease agreements & real estate terms<\/label>\n <label class=\"ci\"><input type=\"checkbox\" value=\"Proprietary processes and formulas\"> Proprietary processes & formulas<\/label>\n <label class=\"ci\"><input type=\"checkbox\" value=\"Employee information and compensation\"> Employee information & compensation<\/label>\n <label class=\"ci\"><input type=\"checkbox\" value=\"Intellectual property and trade names\"> Intellectual property & trade names<\/label>\n <label class=\"ci\"><input type=\"checkbox\" value=\"Technology systems and software\"> Technology systems & software<\/label>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"section-label\" style=\"margin-top:0;\">Agent protections (both agents)<\/div>\n <div class=\"inote\"><i class=\"ti ti-info-circle\"><\/i> These clauses protect both the seller's agent and buyer's agent from circumvention, fee avoidance, and direct dealing outside the transaction.<\/div>\n <div class=\"cbg\">\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"Non-circumvention (no direct dealing bypassing either agent)\"> Non-circumvention \u2014 both agents protected<\/label>\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"Commission protection and fee acknowledgment for both agents\"> Commission protection \u2014 both agents' fees<\/label>\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"Tail period protection (12 months post-NDA)\"> Tail period protection (12 months)<\/label>\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"No-solicitation of seller employees or customers\"> No-solicitation of employees\/customers<\/label>\n <label class=\"ci\"><input type=\"checkbox\" value=\"Indemnification of both agents for breach\"> Indemnification of both agents<\/label>\n <label class=\"ci\"><input type=\"checkbox\" value=\"Attorneys fees clause (prevailing party)\"> Attorney's fees \u2014 prevailing party<\/label>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"section-label\" style=\"margin-top:0;\">Additional provisions<\/div>\n <div class=\"cbg\" style=\"margin-bottom:14px;\">\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"No-representations warranty (information provided as-is)\"> No-representations warranty<\/label>\n <label class=\"ci\"><input type=\"checkbox\" checked value=\"Governing law: State of Florida\"> Governing law: Florida<\/label>\n <label class=\"ci\"><input type=\"checkbox\" value=\"Dispute resolution via mediation first\"> Mediation before litigation<\/label>\n <label class=\"ci\"><input type=\"checkbox\" value=\"Injunctive relief clause\"> Injunctive relief clause<\/label>\n <\/div>\n <div class=\"f\"><label>Custom clause (optional)<\/label>\n <textarea id=\"customClause\" placeholder=\"Add any specific provision unique to this transaction\u2026\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 5: REVIEW -->\n <div class=\"panel\" id=\"p5\">\n <div class=\"sh\"><i class=\"ti ti-file-description\"><\/i><div><h3>Review NDA<\/h3><p>Preview and download before sending for signatures<\/p><\/div><\/div>\n <div style=\"display:flex;justify-content:flex-end;margin-bottom:12px;\">\n <button class=\"btn sm\" onclick=\"downloadPDF()\"><i class=\"ti ti-download\"><\/i> Download PDF<\/button>\n <\/div>\n <div class=\"nda-preview-box\">\n <h4 id=\"pdfH\">\u2014<\/h4>\n <p class=\"nsub\" id=\"pdfS\">\u2014<\/p>\n <div id=\"ndaBody\"><\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 6: E-SIGN -->\n <div class=\"panel\" id=\"p6\">\n <div class=\"sh\"><i class=\"ti ti-writing\"><\/i><div><h3>E-signature \u2014 all four parties<\/h3><p>Sign directly in the portal \u2014 all three methods supported: type, draw, or upload<\/p><\/div><button class=\"btn primary\" style=\"margin-left:auto;white-space:nowrap;\" onclick=\"openAdobeSign()\"><i class=\"ti ti-send\"><\/i> Send for signatures<\/button><\/div>\n\n <!-- Buyer sig -->\n <div class=\"sig-card sc-buyer\" style=\"margin-bottom:14px;\">\n <h4><i class=\"ti ti-user\"><\/i> <span id=\"lBuyer\">Receiving party (Buyer)<\/span> <span class=\"sig-status pending\" id=\"ssBuyer\"><i class=\"ti ti-clock\"><\/i> Pending<\/span><\/h4>\n <div class=\"sig-tabs\">\n <button class=\"stab active\" onclick=\"swTab('draw','buyer',this)\">Draw signature<\/button>\n <button class=\"stab\" onclick=\"swTab('type','buyer',this)\">Type signature<\/button>\n <\/div>\n <div class=\"sp active\" id=\"draw-buyer\">\n <canvas class=\"sig-canvas\" id=\"cvsBuyer\" width=\"580\" height=\"90\"><\/canvas>\n <div class=\"sig-row-btns\"><button class=\"sig-clear\" onclick=\"clearCvs('buyer')\">Clear<\/button><button class=\"btn sm primary\" onclick=\"applySig('buyer','Buyer')\"><i class=\"ti ti-check\"><\/i> Apply<\/button><\/div>\n <\/div>\n <div class=\"sp\" id=\"type-buyer\">\n <input class=\"sig-type-in\" id=\"typBuyer\" placeholder=\"Type your full legal name\u2026\" \/>\n <div style=\"display:flex;justify-content:flex-end;margin-top:8px;\"><button class=\"btn sm primary\" onclick=\"applyTyped('buyer','Buyer')\"><i class=\"ti ti-check\"><\/i> Apply<\/button><\/div>\n <\/div>\n <div class=\"f\" style=\"margin-top:10px;max-width:180px;\"><label>Date signed<\/label><input type=\"date\" id=\"dateBuyer\" \/><\/div>\n <\/div>\n\n <!-- Seller sig -->\n <div class=\"sig-card sc-seller\" style=\"margin-bottom:14px;\">\n <h4><i class=\"ti ti-user\"><\/i> <span id=\"lSeller\">Disclosing party (Seller)<\/span> <span class=\"sig-status pending\" id=\"ssSeller\"><i class=\"ti ti-clock\"><\/i> Pending<\/span><\/h4>\n <div class=\"sig-tabs\">\n <button class=\"stab active\" onclick=\"swTab('draw','seller',this)\">Draw signature<\/button>\n <button class=\"stab\" onclick=\"swTab('type','seller',this)\">Type signature<\/button>\n <\/div>\n <div class=\"sp active\" id=\"draw-seller\">\n <canvas class=\"sig-canvas\" id=\"cvsSeller\" width=\"580\" height=\"90\"><\/canvas>\n <div class=\"sig-row-btns\"><button class=\"sig-clear\" onclick=\"clearCvs('seller')\">Clear<\/button><button class=\"btn sm primary\" onclick=\"applySig('seller','Seller')\"><i class=\"ti ti-check\"><\/i> Apply<\/button><\/div>\n <\/div>\n <div class=\"sp\" id=\"type-seller\">\n <input class=\"sig-type-in\" id=\"typSeller\" placeholder=\"Type your full legal name\u2026\" \/>\n <div style=\"display:flex;justify-content:flex-end;margin-top:8px;\"><button class=\"btn sm primary\" onclick=\"applyTyped('seller','Seller')\"><i class=\"ti ti-check\"><\/i> Apply<\/button><\/div>\n <\/div>\n <div class=\"f\" style=\"margin-top:10px;max-width:180px;\"><label>Date signed<\/label><input type=\"date\" id=\"dateSeller\" \/><\/div>\n <\/div>\n\n <!-- Agents -->\n <div class=\"sig-grid\">\n <div class=\"sig-card sc-sa\">\n <h4><i class=\"ti ti-shield-check\" style=\"color:var(--green);\"><\/i> <span id=\"lSA\">Seller's agent<\/span> <span class=\"sig-status pending\" id=\"ssSA\"><i class=\"ti ti-clock\"><\/i> Pending<\/span><\/h4>\n <div class=\"email-row\">\n <div class=\"f\"><label>Send signature request<\/label><input type=\"email\" id=\"saSigEmail\" placeholder=\"seller-agent@brokerage.com\" \/><\/div>\n <\/div>\n <button class=\"btn green\" style=\"font-size:11px;padding:6px 12px;width:100%;margin-top:8px;justify-content:center;\" onclick=\"sendReq('saSigEmail','SA')\"><i class=\"ti ti-send\"><\/i> Send request<\/button>\n <\/div>\n <div class=\"sig-card sc-ba\">\n <h4><i class=\"ti ti-shield-check\" style=\"color:var(--primary);\"><\/i> <span id=\"lBA\">Buyer's agent<\/span> <span class=\"sig-status pending\" id=\"ssBA\"><i class=\"ti ti-clock\"><\/i> Pending<\/span><\/h4>\n <div class=\"email-row\">\n <div class=\"f\"><label>Send signature request<\/label><input type=\"email\" id=\"baSigEmail\" placeholder=\"buyer-agent@brokerage.com\" \/><\/div>\n <\/div>\n <button class=\"btn primary\" style=\"font-size:11px;padding:6px 12px;width:100%;margin-top:8px;justify-content:center;\" onclick=\"sendReq('baSigEmail','BA')\"><i class=\"ti ti-send\"><\/i> Send request<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 7: DASHBOARD -->\n <div class=\"panel\" id=\"p7\">\n <div class=\"sh\"><i class=\"ti ti-layout-dashboard\"><\/i><div><h3>Transaction tracking dashboard<\/h3><p>NDA logged \u00b7 signatures tracked \u00b7 LOI queued for auto-trigger<\/p><\/div><\/div>\n\n <div class=\"tx-dashboard\">\n <div class=\"tx-dash-header\" id=\"txDashHeader\" style=\"background:var(--primary);\">\n <i class=\"ti ti-file-certificate\" style=\"font-size:18px;color:#fff;\"><\/i>\n <h3 id=\"dbBizName\">Transaction<\/h3>\n <span style=\"margin-left:auto;font-size:10px;padding:2px 9px;border-radius:20px;background:rgba(255,255,255,.2);color:#fff;\" id=\"dbTxId\"><\/span>\n <\/div>\n <div class=\"tx-meta-grid\">\n <div class=\"tx-meta\"><div class=\"tx-meta-label\">Seller<\/div><div class=\"tx-meta-val\" id=\"dbSeller\">\u2014<\/div><\/div>\n <div class=\"tx-meta\"><div class=\"tx-meta-label\">Buyer<\/div><div class=\"tx-meta-val\" id=\"dbBuyer\">\u2014<\/div><\/div>\n <div class=\"tx-meta\"><div class=\"tx-meta-label\">Est. Value<\/div><div class=\"tx-meta-val\" id=\"dbValue\">\u2014<\/div><\/div>\n <div class=\"tx-meta\"><div class=\"tx-meta-label\">NDA Term<\/div><div class=\"tx-meta-val\" id=\"dbTerm\">\u2014<\/div><\/div>\n <\/div>\n <div class=\"tx-body\">\n <div class=\"section-label\" style=\"margin-top:0;\">Signature status<\/div>\n <div class=\"sig-summary-grid\">\n <div class=\"sig-chip\" id=\"chip-Buyer\"><div class=\"sc-name\" id=\"scBuyer\">Buyer<\/div><div class=\"sc-status\"><i class=\"ti ti-clock\" style=\"font-size:10px;\"><\/i> Pending<\/div><\/div>\n <div class=\"sig-chip\" id=\"chip-Seller\"><div class=\"sc-name\" id=\"scSeller\">Seller<\/div><div class=\"sc-status\"><i class=\"ti ti-clock\" style=\"font-size:10px;\"><\/i> Pending<\/div><\/div>\n <div class=\"sig-chip\" id=\"chip-SA\"><div class=\"sc-name\" id=\"scSA\">Seller's Agent<\/div><div class=\"sc-status\"><i class=\"ti ti-clock\" style=\"font-size:10px;\"><\/i> Pending<\/div><\/div>\n <div class=\"sig-chip\" id=\"chip-BA\"><div class=\"sc-name\" id=\"scBA\">Buyer's Agent<\/div><div class=\"sc-status\"><i class=\"ti ti-clock\" style=\"font-size:10px;\"><\/i> Pending<\/div><\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"section-label\">Deal workflow \u2014 Tool #8 \u2192 #9<\/div>\n <div class=\"timeline\">\n <div class=\"tl-item\"><div class=\"tl-dot done\"><i class=\"ti ti-check\" style=\"font-size:9px;\"><\/i><\/div><div class=\"tl-label\">NDA generated<\/div><div class=\"tl-sub\">All clauses compiled \u00b7 PDF ready<\/div><div class=\"tl-badge done\"><i class=\"ti ti-check\" style=\"font-size:9px;\"><\/i> Complete<\/div><\/div>\n <div class=\"tl-item\"><div class=\"tl-dot active\"><i class=\"ti ti-writing\" style=\"font-size:9px;\"><\/i><\/div><div class=\"tl-label\">E-signature collection<\/div><div class=\"tl-sub\">4 of 4 signatures required \u00b7 requests sent<\/div><div class=\"tl-badge active\"><i class=\"ti ti-loader\" style=\"font-size:9px;\"><\/i> In progress<\/div><\/div>\n <div class=\"tl-item\"><div class=\"tl-dot pending\"><\/div><div class=\"tl-label\">NDA fully executed<\/div><div class=\"tl-sub\">All parties signed \u00b7 agreement in force<\/div><div class=\"tl-badge pending\"><i class=\"ti ti-clock\" style=\"font-size:9px;\"><\/i> Awaiting signatures<\/div><\/div>\n <div class=\"tl-item\"><div class=\"tl-dot trigger\"><i class=\"ti ti-bolt\" style=\"font-size:9px;\"><\/i><\/div><div class=\"tl-label\">LOI auto-triggered<\/div><div class=\"tl-sub\">Letter of Intent opens automatically on full execution<\/div><div class=\"tl-badge trigger\"><i class=\"ti ti-bolt\" style=\"font-size:9px;\"><\/i> Auto-trigger queued<\/div><\/div>\n <div class=\"tl-item\"><div class=\"tl-dot pending\"><\/div><div class=\"tl-label\">CIM released to buyer<\/div><div class=\"tl-sub\">Confidential Information Memorandum unlocked<\/div><div class=\"tl-badge pending\"><i class=\"ti ti-lock\" style=\"font-size:9px;\"><\/i> Locked pending NDA<\/div><\/div>\n <div class=\"tl-item\"><div class=\"tl-dot pending\"><\/div><div class=\"tl-label\">Due diligence phase<\/div><div class=\"tl-sub\">DD Checklist & Tracking (Tool #10) activates<\/div><div class=\"tl-badge pending\"><i class=\"ti ti-clock\" style=\"font-size:9px;\"><\/i> Upcoming<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"loi-trigger-box\">\n <h4><i class=\"ti ti-bolt\"><\/i> LOI auto-trigger \u2014 ready to fire<\/h4>\n <p>Once all four e-signatures are collected, the Letter of Intent (Tool #9) will automatically pre-populate with this transaction's data \u2014 business name, parties, both agents, transaction ID, and deal terms \u2014 and open for drafting. No re-entry required.<\/p>\n <div style=\"display:flex;gap:10px;flex-wrap:wrap;\">\n <button class=\"btn amber\" onclick=\"triggerLOI()\"><i class=\"ti ti-bolt\"><\/i> Trigger LOI now (manual)<\/button>\n <button class=\"btn sm\" onclick=\"downloadPDF()\"><i class=\"ti ti-download\"><\/i> Download executed NDA PDF<\/button>\n <\/div>\n <\/div>\n\n <div class=\"done-wrap\">\n <div class=\"done-icon\"><i class=\"ti ti-circle-check\"><\/i><\/div>\n <h3 style=\"font-size:18px;font-weight:700;margin-bottom:8px;\">NDA logged in transaction dashboard<\/h3>\n <p style=\"font-size:13px;color:var(--muted);max-width:440px;margin:0 auto;\">All parties notified \u00b7 signatures tracked \u00b7 LOI queued \u00b7 transaction record created<\/p>\n <div class=\"act-grid\">\n <div class=\"act-card loi-act\" onclick=\"triggerLOI()\"><i class=\"ti ti-bolt\"><\/i><span>Open LOI Tool<\/span><\/div>\n <div class=\"act-card\" onclick=\"openAdobeSign()\"><i class=\"ti ti-send\"><\/i><span>Send for Signatures<\/span><\/div>\n <div class=\"act-card\" onclick=\"openDashboard()\"><i class=\"ti ti-layout-dashboard\"><\/i><span>Full Dashboard<\/span><\/div>\n <div class=\"act-card\" onclick=\"sendCIM()\"><i class=\"ti ti-file-text\"><\/i><span>Send CIM<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n<\/div><!-- \/main -->\n\n <div class=\"esign-body\">\n <div class=\"inote\" style=\"margin-bottom:16px;\">\n <i class=\"ti ti-info-circle\"><\/i>\n <span>Each party signs below. Typed or drawn signatures are legally equivalent to handwritten signatures under the ESIGN Act and UETA. A timestamped execution certificate is generated upon completion.<\/span>\n <\/div>\n\n <!-- BUYER -->\n <div class=\"esign-party-row buyer-row\">\n <div class=\"esign-party-title\">\n <span><i class=\"ti ti-user\" style=\"color:var(--primary);\"><\/i>  Receiving Party (Buyer)  <span id=\"eBuyerName\" style=\"font-weight:400;text-transform:none;font-size:12px;color:var(--muted);\"><\/span><\/span>\n <span class=\"esign-party-status s-pending\" id=\"eBuyerStatus\">Pending<\/span>\n <\/div>\n <div class=\"esign-method-tabs\">\n <button class=\"esign-method-tab active\" onclick=\"setEMethod('buyer','type',this)\"><i class=\"ti ti-keyboard\"><\/i> Type<\/button>\n <button class=\"esign-method-tab\" onclick=\"setEMethod('buyer','draw',this)\"><i class=\"ti ti-pencil\"><\/i> Draw<\/button>\n <button class=\"esign-method-tab\" onclick=\"setEMethod('buyer','upload',this)\"><i class=\"ti ti-upload\"><\/i> Upload<\/button>\n <\/div>\n <div id=\"eArea-buyer-type\" class=\"esign-type-area\"><input type=\"text\" id=\"eType-buyer\" placeholder=\"Type your full legal name\u2026\" oninput=\"previewTypeSig('buyer')\" \/><\/div>\n <div id=\"eArea-buyer-draw\" style=\"display:none;\" class=\"esign-draw-area\"><canvas class=\"esign-canvas\" id=\"eCanvas-buyer\" width=\"600\" height=\"100\"><\/canvas><\/div>\n <div id=\"eArea-buyer-upload\" style=\"display:none;\" class=\"esign-upload-area\" onclick=\"document.getElementById('eUpload-buyer').click()\">\n <i class=\"ti ti-file-upload\"><\/i><span>Click to upload signature image (PNG\/JPG)<\/span>\n <input type=\"file\" id=\"eUpload-buyer\" accept=\"image\/*\" style=\"display:none;\" onchange=\"loadUploadSig('buyer',event)\" \/>\n <img id=\"eUploadPreview-buyer\" class=\"esign-upload-preview\" style=\"display:none;\" \/>\n <\/div>\n <div class=\"esign-actions\">\n <button class=\"esign-clear-btn\" onclick=\"clearESig('buyer')\"><i class=\"ti ti-trash\" style=\"font-size:11px;\"><\/i> Clear<\/button>\n <div style=\"display:flex;gap:8px;align-items:center;\">\n <div class=\"f\" style=\"max-width:160px;\"><label>Date signed<\/label><input type=\"date\" id=\"eDate-buyer\" \/><\/div>\n <button class=\"btn sm primary\" onclick=\"applyESig('buyer')\"><i class=\"ti ti-check\"><\/i> Apply signature<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SELLER -->\n <div class=\"esign-party-row seller-row\">\n <div class=\"esign-party-title\">\n <span><i class=\"ti ti-user\" style=\"color:var(--green);\"><\/i>  Disclosing Party (Seller)  <span id=\"eSellerName\" style=\"font-weight:400;text-transform:none;font-size:12px;color:var(--muted);\"><\/span><\/span>\n <span class=\"esign-party-status s-pending\" id=\"eSellerStatus\">Pending<\/span>\n <\/div>\n <div class=\"esign-method-tabs\">\n <button class=\"esign-method-tab active\" onclick=\"setEMethod('seller','type',this)\"><i class=\"ti ti-keyboard\"><\/i> Type<\/button>\n <button class=\"esign-method-tab\" onclick=\"setEMethod('seller','draw',this)\"><i class=\"ti ti-pencil\"><\/i> Draw<\/button>\n <button class=\"esign-method-tab\" onclick=\"setEMethod('seller','upload',this)\"><i class=\"ti ti-upload\"><\/i> Upload<\/button>\n <\/div>\n <div id=\"eArea-seller-type\" class=\"esign-type-area\"><input type=\"text\" id=\"eType-seller\" placeholder=\"Type your full legal name\u2026\" oninput=\"previewTypeSig('seller')\" \/><\/div>\n <div id=\"eArea-seller-draw\" style=\"display:none;\" class=\"esign-draw-area\"><canvas class=\"esign-canvas\" id=\"eCanvas-seller\" width=\"600\" height=\"100\"><\/canvas><\/div>\n <div id=\"eArea-seller-upload\" style=\"display:none;\" class=\"esign-upload-area\" onclick=\"document.getElementById('eUpload-seller').click()\">\n <i class=\"ti ti-file-upload\"><\/i><span>Click to upload signature image (PNG\/JPG)<\/span>\n <input type=\"file\" id=\"eUpload-seller\" accept=\"image\/*\" style=\"display:none;\" onchange=\"loadUploadSig('seller',event)\" \/>\n <img id=\"eUploadPreview-seller\" class=\"esign-upload-preview\" style=\"display:none;\" \/>\n <\/div>\n <div class=\"esign-actions\">\n <button class=\"esign-clear-btn\" onclick=\"clearESig('seller')\"><i class=\"ti ti-trash\" style=\"font-size:11px;\"><\/i> Clear<\/button>\n <div style=\"display:flex;gap:8px;align-items:center;\">\n <div class=\"f\" style=\"max-width:160px;\"><label>Date signed<\/label><input type=\"date\" id=\"eDate-seller\" \/><\/div>\n <button class=\"btn sm primary\" onclick=\"applyESig('seller')\"><i class=\"ti ti-check\"><\/i> Apply signature<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SELLER'S AGENT -->\n <div class=\"esign-party-row sa-row\">\n <div class=\"esign-party-title\">\n <span><i class=\"ti ti-shield-check\" style=\"color:var(--green);\"><\/i>  Seller's Agent \/ Listing Broker  <span id=\"eSAName\" style=\"font-weight:400;text-transform:none;font-size:12px;color:var(--muted);\"><\/span><\/span>\n <span class=\"esign-party-status s-pending\" id=\"eSAStatus\">Pending<\/span>\n <\/div>\n <div class=\"esign-method-tabs\">\n <button class=\"esign-method-tab active\" onclick=\"setEMethod('sa','type',this)\"><i class=\"ti ti-keyboard\"><\/i> Type<\/button>\n <button class=\"esign-method-tab\" onclick=\"setEMethod('sa','draw',this)\"><i class=\"ti ti-pencil\"><\/i> Draw<\/button>\n <button class=\"esign-method-tab\" onclick=\"setEMethod('sa','upload',this)\"><i class=\"ti ti-upload\"><\/i> Upload<\/button>\n <\/div>\n <div id=\"eArea-sa-type\" class=\"esign-type-area\"><input type=\"text\" id=\"eType-sa\" placeholder=\"Type your full legal name\u2026\" \/><\/div>\n <div id=\"eArea-sa-draw\" style=\"display:none;\" class=\"esign-draw-area\"><canvas class=\"esign-canvas\" id=\"eCanvas-sa\" width=\"600\" height=\"100\"><\/canvas><\/div>\n <div id=\"eArea-sa-upload\" style=\"display:none;\" class=\"esign-upload-area\" onclick=\"document.getElementById('eUpload-sa').click()\">\n <i class=\"ti ti-file-upload\"><\/i><span>Click to upload signature image (PNG\/JPG)<\/span>\n <input type=\"file\" id=\"eUpload-sa\" accept=\"image\/*\" style=\"display:none;\" onchange=\"loadUploadSig('sa',event)\" \/>\n <img id=\"eUploadPreview-sa\" class=\"esign-upload-preview\" style=\"display:none;\" \/>\n <\/div>\n <div class=\"esign-actions\">\n <button class=\"esign-clear-btn\" onclick=\"clearESig('sa')\"><i class=\"ti ti-trash\" style=\"font-size:11px;\"><\/i> Clear<\/button>\n <div style=\"display:flex;gap:8px;align-items:center;\">\n <div class=\"f\" style=\"max-width:160px;\"><label>Date signed<\/label><input type=\"date\" id=\"eDate-sa\" \/><\/div>\n <button class=\"btn sm green\" onclick=\"applyESig('sa')\"><i class=\"ti ti-check\"><\/i> Apply signature<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- BUYER'S AGENT -->\n <div class=\"esign-party-row ba-row\">\n <div class=\"esign-party-title\">\n <span><i class=\"ti ti-shield-check\" style=\"color:var(--primary);\"><\/i>  Buyer's Agent \/ Advisor  <span id=\"eBAName\" style=\"font-weight:400;text-transform:none;font-size:12px;color:var(--muted);\"><\/span><\/span>\n <span class=\"esign-party-status s-pending\" id=\"eBAStatus\">Pending<\/span>\n <\/div>\n <div class=\"esign-method-tabs\">\n <button class=\"esign-method-tab active\" onclick=\"setEMethod('ba','type',this)\"><i class=\"ti ti-keyboard\"><\/i> Type<\/button>\n <button class=\"esign-method-tab\" onclick=\"setEMethod('ba','draw',this)\"><i class=\"ti ti-pencil\"><\/i> Draw<\/button>\n <button class=\"esign-method-tab\" onclick=\"setEMethod('ba','upload',this)\"><i class=\"ti ti-upload\"><\/i> Upload<\/button>\n <\/div>\n <div id=\"eArea-ba-type\" class=\"esign-type-area\"><input type=\"text\" id=\"eType-ba\" placeholder=\"Type your full legal name\u2026\" \/><\/div>\n <div id=\"eArea-ba-draw\" style=\"display:none;\" class=\"esign-draw-area\"><canvas class=\"esign-canvas\" id=\"eCanvas-ba\" width=\"600\" height=\"100\"><\/canvas><\/div>\n <div id=\"eArea-ba-upload\" style=\"display:none;\" class=\"esign-upload-area\" onclick=\"document.getElementById('eUpload-ba').click()\">\n <i class=\"ti ti-file-upload\"><\/i><span>Click to upload signature image (PNG\/JPG)<\/span>\n <input type=\"file\" id=\"eUpload-ba\" accept=\"image\/*\" style=\"display:none;\" onchange=\"loadUploadSig('ba',event)\" \/>\n <img id=\"eUploadPreview-ba\" class=\"esign-upload-preview\" style=\"display:none;\" \/>\n <\/div>\n <div class=\"esign-actions\">\n <button class=\"esign-clear-btn\" onclick=\"clearESig('ba')\"><i class=\"ti ti-trash\" style=\"font-size:11px;\"><\/i> Clear<\/button>\n <div style=\"display:flex;gap:8px;align-items:center;\">\n <div class=\"f\" style=\"max-width:160px;\"><label>Date signed<\/label><input type=\"date\" id=\"eDate-ba\" \/><\/div>\n <button class=\"btn sm primary\" onclick=\"applyESig('ba')\"><i class=\"ti ti-check\"><\/i> Apply signature<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- EXECUTION CERTIFICATE -->\n <div class=\"esign-certificate\" id=\"esignCertificate\">\n <h4><i class=\"ti ti-certificate\" style=\"font-size:18px;\"><\/i> NDA Fully Executed \u2014 Execution Certificate<\/h4>\n <div class=\"cert-grid\">\n <div class=\"cert-item\"><div class=\"cert-label\">Document<\/div><div class=\"cert-val\">Non-Disclosure & Non-Circumvention Agreement<\/div><\/div>\n <div class=\"cert-item\"><div class=\"cert-label\">Transaction Ref<\/div><div class=\"cert-val\" id=\"certTxnId\">\u2014<\/div><\/div>\n <div class=\"cert-item\"><div class=\"cert-label\">Business<\/div><div class=\"cert-val\" id=\"certBiz\">\u2014<\/div><\/div>\n <div class=\"cert-item\"><div class=\"cert-label\">Execution timestamp<\/div><div class=\"cert-val\" id=\"certTimestamp\">\u2014<\/div><\/div>\n <\/div>\n <div class=\"cert-sig-strip\">\n <div class=\"cert-sig\"><div class=\"cert-sig-name\">Buyer<\/div><div class=\"cert-sig-val\" id=\"certSigBuyer\">\u2014<\/div><\/div>\n <div class=\"cert-sig\"><div class=\"cert-sig-name\">Seller<\/div><div class=\"cert-sig-val\" id=\"certSigSeller\">\u2014<\/div><\/div>\n <div class=\"cert-sig\"><div class=\"cert-sig-name\">Seller's Agent<\/div><div class=\"cert-sig-val\" id=\"certSigSA\">\u2014<\/div><\/div>\n <div class=\"cert-sig\"><div class=\"cert-sig-name\">Buyer's Agent<\/div><div class=\"cert-sig-val\" id=\"certSigBA\">\u2014<\/div><\/div>\n <\/div>\n <div style=\"margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;\">\n <button class=\"btn green\" onclick=\"downloadExecutedPDF()\"><i class=\"ti ti-download\"><\/i> Download executed NDA + certificate<\/button>\n <button class=\"btn amber\" onclick=\"triggerLOI()\"><i class=\"ti ti-bolt\"><\/i> Trigger LOI now<\/button>\n <button class=\"btn sm\" onclick=\"closeEsign()\"><i class=\"ti ti-x\"><\/i> Close<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<!-- NAV ROW -->\n<div class=\"nav-row\" id=\"navRow\">\n <button class=\"btn\" id=\"prevBtn\" onclick=\"prevStep()\" style=\"visibility:hidden;\"><i class=\"ti ti-arrow-left\"><\/i> Back<\/button>\n <div style=\"display:flex;gap:8px;\">\n <button class=\"btn sm\" id=\"pdfBtn\" onclick=\"downloadPDF()\" style=\"display:none;\"><i class=\"ti ti-download\"><\/i> Download PDF<\/button>\n <button class=\"btn primary\" id=\"nextBtn\" onclick=\"nextStep()\">Next <i class=\"ti ti-arrow-right\"><\/i><\/button>\n <\/div>\n<\/div>\n\n<script>\n\n\n\nlet curStep = 1;\nconst TOTAL = 7;\nconst sigState = { buyer: false, seller: false };\nconst sigStatus = { Buyer: false, Seller: false, SA: false, BA: false };\nconst canvases = {}, ctxs = {};\n\n\/* \u2500\u2500 INIT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function init() {\n genTxnId();\n const today = new Date().toISOString().split('T')[0];\n document.getElementById('txnDate').value = today;\n document.getElementById('ndaDate').value = today;\n document.getElementById('dateBuyer') && (document.getElementById('dateBuyer').value = today);\n document.getElementById('dateSeller') && (document.getElementById('dateSeller').value = today);\n})();\n\n\/* \u2500\u2500 TXN ID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction genTxnId() {\n const y = new Date().getFullYear();\n const r = Math.random().toString(36).substring(2, 6).toUpperCase();\n const n = String(Math.floor(Math.random() * 9000) + 1000);\n const id = 'TXN-' + y + '-' + r + '-' + n;\n document.getElementById('txnId').value = id;\n document.getElementById('phTxId').textContent = id;\n document.getElementById('wlTxId').textContent = id;\n}\n\n\/* \u2500\u2500 WHITE-LABEL BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction updateWLBar() {\n const f = gv('brFirm') || 'Your Brokerage Name';\n const t = gv('brTag') || 'Business Brokerage \u00b7 NDA Tool';\n document.getElementById('wlFirmDisplay').textContent = f;\n document.getElementById('wlTagDisplay').textContent = t;\n document.getElementById('phFirm').textContent = f + ' \u2014 Portal';\n}\nfunction updateBrandColor() {\n const c = gv('brColor');\n if (\/^#[0-9A-Fa-f]{6}$\/.test(c)) {\n document.querySelector('.portal-header').style.background = c;\n const hdr = document.getElementById('txDashHeader');\n if (hdr) hdr.style.background = c;\n }\n}\nfunction loadLogo(e) {\n const file = e.target.files[0]; if (!file) return;\n const r = new FileReader();\n r.onload = ev => {\n const box = document.getElementById('wlLogoBox');\n box.innerHTML = '<img decoding=\"async\" src=\"' + ev.target.result + '\" alt=\"logo\" \/>';\n };\n r.readAsDataURL(file);\n}\n\n\/* \u2500\u2500 STEP NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction goStep(n) {\n document.getElementById('p' + curStep).classList.remove('active');\n const si = document.getElementById('si-' + curStep);\n if (si) { si.classList.remove('active'); si.classList.add('done'); }\n curStep = n;\n document.getElementById('p' + curStep).classList.add('active');\n const nsi = document.getElementById('si-' + curStep);\n if (nsi) { nsi.classList.remove('done'); nsi.classList.add('active'); }\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const pdfBtn = document.getElementById('pdfBtn');\n prevBtn.style.visibility = curStep === 1 ? 'hidden' : 'visible';\n nextBtn.innerHTML = curStep >= TOTAL ? 'Done <i class=\"ti ti-check\"><\/i>' : 'Next <i class=\"ti ti-arrow-right\"><\/i>';\n nextBtn.className = curStep >= TOTAL ? 'btn green' : 'btn primary';\n pdfBtn.style.display = curStep >= 5 ? 'inline-flex' : 'none';\n if (curStep === 5) buildAndShowNDA();\n if (curStep === 6) { initCanvas('buyer'); initCanvas('seller'); prefillSigEmails(); }\n if (curStep === 7) populateDashboard();\n window.scrollTo(0, 0);\n}\nfunction nextStep() { if (curStep < TOTAL) goStep(curStep + 1); }\nfunction prevStep() { if (curStep > 1) goStep(curStep - 1); }\n\n\/* \u2500\u2500 HELPERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction gv(id) { const e = document.getElementById(id); return e ? e.value.trim() : ''; }\n\n\/* \u2500\u2500 NDA TEXT BUILDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction buildNDAText() {\n const checks = [...document.querySelectorAll('.cbg input:checked')].map(c => c.value);\n const firm = gv('brFirm') || '[Brokerage]';\n const saName = gv('saName') || '[Seller Agent]'; const saLic = gv('saLic') || '';\n const baName = gv('baName') || '[Buyer Agent]'; const baLic = gv('baLic') || '';\n const sellerName= gv('sellerName') || '[Seller]';\n const buyerName = gv('buyerName') || '[Buyer]';\n const bizName = gv('bizName') || '[Business]';\n const bizType = gv('bizType') || '[Type]';\n const bizLoc = gv('bizLoc') || '[Location]';\n const txVal = gv('txVal') || 'undisclosed value';\n const bizDesc = gv('bizDesc') || '';\n const ndaDate = gv('ndaDate') ? new Date(gv('ndaDate') + 'T12:00').toLocaleDateString('en-US', { month:'long', day:'numeric', year:'numeric' }) : new Date().toLocaleDateString('en-US', { month:'long', day:'numeric', year:'numeric' });\n const ndaTerm = gv('ndaTerm') || '2 years';\n const txnId = gv('txnId') || '\u2014';\n const custom = gv('customClause');\n\n const confItems = checks.filter(v => !['Non-circumvention','Commission','Tail period','No-solicitation','Indemnification','Attorneys','Governing','Dispute','Injunctive','No-representations'].some(k => v.includes(k)));\n\n let html = `<p>This <strong>Non-Disclosure, Confidentiality, and Non-Circumvention Agreement<\/strong> (\"Agreement\") is entered into as of <strong>${ndaDate}<\/strong> (Transaction Ref: <strong>${txnId}<\/strong>) by and among:<\/p>\n<p><strong>Disclosing Party (Seller):<\/strong> ${sellerName}<\/p>\n<p><strong>Receiving Party (Buyer):<\/strong> ${buyerName}<\/p>\n<p><strong>Seller's Agent \/ Listing Broker:<\/strong> ${saName}${saLic ? ' (Lic. ' + saLic + ')' : ''}, of ${firm}<\/p>\n<p><strong>Buyer's Agent \/ Advisor:<\/strong> ${baName}${baLic ? ' (Lic. ' + baLic + ')' : ''}<\/p>\n<p>This Agreement pertains to the potential acquisition of <strong>${bizName}<\/strong>, a ${bizType} located in ${bizLoc} (est. value: <strong>${txVal}<\/strong>). ${bizDesc}<\/p>\n<p><span class=\"cn\">1. PURPOSE.<\/span> The Parties wish to explore a potential business transaction (the \"Transaction\") and agree to protect all Confidential Information disclosed in connection therewith.<\/p>`;\n\n if (confItems.length) html += `<p><span class=\"cn\">2. CONFIDENTIAL INFORMATION.<\/span> \"Confidential Information\" includes: ${confItems.join('; ')}. The Receiving Party shall hold such information in strict confidence and shall not disclose it to any third party without prior written consent.<\/p>`;\n if (checks.some(v => v.includes('Non-circumvention'))) html += `<p><span class=\"cn\">3. NON-CIRCUMVENTION.<\/span> The Parties agree not to contact, negotiate with, or enter any agreement with any other Party directly or indirectly without the express written participation of both the Seller's Agent and Buyer's Agent. Circumventing either agent constitutes a material breach.<\/p>`;\n if (checks.some(v => v.includes('Commission'))) html += `<p><span class=\"cn\">4. COMMISSION PROTECTION.<\/span> The Buyer acknowledges that both the Seller's Agent and Buyer's Agent are entitled to compensation upon consummation of any transaction. The Buyer agrees not to structure any transaction to avoid or reduce either agent's commission.<\/p>`;\n if (checks.some(v => v.includes('Tail period'))) html += `<p><span class=\"cn\">5. TAIL PERIOD.<\/span> Non-circumvention and commission protection provisions survive for twelve (12) months following expiration or termination of this Agreement.<\/p>`;\n if (checks.some(v => v.includes('No-solicitation'))) html += `<p><span class=\"cn\">6. NON-SOLICITATION.<\/span> During the term and one (1) year thereafter, the Receiving Party shall not solicit or hire the Seller's employees, contractors, customers, or suppliers for any competing purpose.<\/p>`;\n if (checks.some(v => v.includes('Indemnification'))) html += `<p><span class=\"cn\">7. INDEMNIFICATION.<\/span> The Receiving Party shall indemnify and hold harmless both the Seller's Agent and Buyer's Agent, their firms and employees, from any claims arising from Receiving Party's breach.<\/p>`;\n html += `<p><span class=\"cn\">8. TERM.<\/span> Confidentiality obligations remain in effect for <strong>${ndaTerm}<\/strong> from the date of execution.<\/p>`;\n if (checks.some(v => v.includes('Governing'))) html += `<p><span class=\"cn\">9. GOVERNING LAW.<\/span> This Agreement is governed by the laws of the State of Florida. Venue shall be in the county where the Business is located.<\/p>`;\n if (checks.some(v => v.includes('No-representations'))) html += `<p><span class=\"cn\">10. NO WARRANTIES.<\/span> Neither the Disclosing Party nor either Agent makes any representation or warranty as to the accuracy of the Confidential Information. Recipient relies on such information at its own risk.<\/p>`;\n if (checks.some(v => v.includes('Dispute'))) html += `<p><span class=\"cn\">11. DISPUTE RESOLUTION.<\/span> Any dispute shall be submitted to non-binding mediation before resort to litigation.<\/p>`;\n if (checks.some(v => v.includes('Injunctive'))) html += `<p><span class=\"cn\">12. INJUNCTIVE RELIEF.<\/span> Breach may cause irreparable harm for which monetary damages are insufficient. The non-breaching party shall be entitled to seek equitable relief without bond.<\/p>`;\n if (checks.some(v => v.includes('Attorneys'))) html += `<p><span class=\"cn\">13. ATTORNEY'S FEES.<\/span> In any enforcement action, the prevailing party shall recover reasonable attorney's fees and costs.<\/p>`;\n if (custom) html += `<p><span class=\"cn\">14. ADDITIONAL PROVISION.<\/span> ${custom}<\/p>`;\n html += `<p><span class=\"cn\">ENTIRE AGREEMENT.<\/span> This Agreement supersedes all prior discussions. Amendments must be in writing signed by all Parties. This Agreement was electronically executed under Transaction Reference <strong>${txnId}<\/strong>.<\/p>`;\n html += `<p style=\"margin-top:14px;font-size:11px;color:var(--muted);\">IN WITNESS WHEREOF, the Parties have executed this Agreement as of the date first written above.<\/p>`;\n\n return { html, firm, saName, saLic, baName, baLic, sellerName, buyerName, bizName, txVal, ndaDate, ndaTerm, txnId };\n}\n\nfunction buildAndShowNDA() {\n const d = buildNDAText();\n const firm = d.firm; const tag = gv('brTag') || 'Business Brokerage';\n document.getElementById('pdfH').textContent = firm.toUpperCase();\n document.getElementById('pdfS').textContent = tag + ' \u00b7 ' + d.ndaDate + ' \u00b7 Ref: ' + d.txnId;\n document.getElementById('ndaBody').innerHTML = d.html;\n}\n\nfunction prefillSigEmails() {\n const d = buildNDAText();\n if (d.buyerName !== '[Buyer]') document.getElementById('lBuyer').textContent = 'Buyer \u2014 ' + d.buyerName;\n if (d.sellerName !== '[Seller]') document.getElementById('lSeller').textContent = 'Seller \u2014 ' + d.sellerName;\n if (d.saName !== '[Seller Agent]') {\n document.getElementById('lSA').textContent = \"Seller's Agent \u2014 \" + d.saName;\n const e = document.getElementById('saSigEmail'); if (e) e.value = gv('saEmail');\n }\n if (d.baName !== '[Buyer Agent]') {\n document.getElementById('lBA').textContent = \"Buyer's Agent \u2014 \" + d.baName;\n const e = document.getElementById('baSigEmail'); if (e) e.value = gv('baEmail');\n }\n const today = new Date().toISOString().split('T')[0];\n ['dateBuyer','dateSeller'].forEach(id => { const el = document.getElementById(id); if (el) el.value = today; });\n}\n\n\/* \u2500\u2500 CANVAS SIGNATURES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction initCanvas(party) {\n const id = 'cvs' + party.charAt(0).toUpperCase() + party.slice(1);\n const c = document.getElementById(id); if (!c) return;\n canvases[party] = c; ctxs[party] = c.getContext('2d');\n let drawing = false, lx = 0, ly = 0;\n function pos(ev) {\n const r = c.getBoundingClientRect();\n const sx = c.width \/ r.width, sy = c.height \/ r.height;\n const src = ev.touches ? ev.touches[0] : ev;\n return [(src.clientX - r.left) * sx, (src.clientY - r.top) * sy];\n }\n c.addEventListener('mousedown', e => { drawing = true; [lx, ly] = pos(e); });\n c.addEventListener('mousemove', e => {\n if (!drawing) return;\n const [x, y] = pos(e), cx = ctxs[party];\n cx.beginPath(); cx.strokeStyle = '#1e293b'; cx.lineWidth = 2; cx.lineCap = 'round'; cx.lineJoin = 'round';\n cx.moveTo(lx, ly); cx.lineTo(x, y); cx.stroke();\n [lx, ly] = [x, y]; sigState[party] = true;\n });\n ['mouseup', 'mouseleave'].forEach(ev => c.addEventListener(ev, () => drawing = false));\n c.addEventListener('touchstart', e => { e.preventDefault(); drawing = true; [lx, ly] = pos(e); }, { passive: false });\n c.addEventListener('touchmove', e => {\n e.preventDefault(); if (!drawing) return;\n const [x, y] = pos(e), cx = ctxs[party];\n cx.beginPath(); cx.strokeStyle = '#1e293b'; cx.lineWidth = 2.5; cx.lineCap = 'round';\n cx.moveTo(lx, ly); cx.lineTo(x, y); cx.stroke();\n [lx, ly] = [x, y]; sigState[party] = true;\n }, { passive: false });\n c.addEventListener('touchend', e => { e.preventDefault(); drawing = false; }, { passive: false });\n}\n\nfunction clearCvs(p) {\n const c = canvases[p], cx = ctxs[p];\n if (c && cx) { cx.clearRect(0, 0, c.width, c.height); sigState[p] = false; }\n}\n\nfunction swTab(mode, party, btn) {\n const card = btn.closest('.sig-card');\n card.querySelectorAll('.stab').forEach(t => t.classList.remove('active'));\n card.querySelectorAll('.sp').forEach(p => p.classList.remove('active'));\n btn.classList.add('active');\n document.getElementById(mode + '-' + party).classList.add('active');\n}\n\nfunction applySig(party, label) {\n if (!sigState[party]) { alert('Please draw your signature first.'); return; }\n markSigned(label);\n}\nfunction applyTyped(party, label) {\n const inp = document.getElementById('typ' + label);\n if (!inp || !inp.value.trim()) { alert('Please type your name.'); return; }\n markSigned(label);\n}\nfunction markSigned(label) {\n const el = document.getElementById('ss' + label);\n if (el) { el.className = 'sig-status signed'; el.innerHTML = '<i class=\"ti ti-check\"><\/i> Signed'; }\n sigStatus[label] = true;\n updateChips();\n}\nfunction sendReq(emailId, label) {\n const email = document.getElementById(emailId)?.value?.trim();\n if (!email) { alert('Enter an email address.'); return; }\n const el = document.getElementById('ss' + label);\n if (el) { el.className = 'sig-status sent'; el.innerHTML = '<i class=\"ti ti-send\"><\/i> Sent'; }\n sigStatus[label] = 'sent';\n updateChips();\n alert('Signature request sent to ' + email);\n}\nfunction updateChips() {\n [['Buyer','scBuyer','chip-Buyer'],['Seller','scSeller','chip-Seller'],['SA','scSA','chip-SA'],['BA','scBA','chip-BA']].forEach(([key, nameId, chipId]) => {\n const chip = document.getElementById(chipId); if (!chip) return;\n const st = sigStatus[key];\n if (st === true) { chip.className = 'sig-chip chip-done'; chip.querySelector('.sc-status').innerHTML = '<i class=\"ti ti-check\" style=\"font-size:10px;\"><\/i> Signed'; }\n else if (st === 'sent') { chip.className = 'sig-chip chip-sent'; chip.querySelector('.sc-status').innerHTML = '<i class=\"ti ti-send\" style=\"font-size:10px;\"><\/i> Sent'; }\n });\n}\n\n\/* \u2500\u2500 DASHBOARD POPULATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction populateDashboard() {\n const d = buildNDAText();\n document.getElementById('dbBizName').textContent = d.bizName;\n document.getElementById('dbTxId').textContent = d.txnId;\n document.getElementById('dbSeller').textContent = d.sellerName;\n document.getElementById('dbBuyer').textContent = d.buyerName;\n document.getElementById('dbValue').textContent = d.txVal || '\u2014';\n document.getElementById('dbTerm').textContent = d.ndaTerm;\n document.getElementById('scBuyer').textContent = d.buyerName !== '[Buyer]' ? d.buyerName : 'Buyer';\n document.getElementById('scSeller').textContent = d.sellerName !== '[Seller]' ? d.sellerName : 'Seller';\n document.getElementById('scSA').textContent = d.saName !== '[Seller Agent]' ? d.saName : \"Seller's Agent\";\n document.getElementById('scBA').textContent = d.baName !== '[Buyer Agent]' ? d.baName : \"Buyer's Agent\";\n updateChips();\n const cc = gv('brColor');\n if (\/^#[0-9A-Fa-f]{6}$\/.test(cc)) document.getElementById('txDashHeader').style.background = cc;\n}\n\n\/* \u2500\u2500 LOI TRIGGER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* \u2500\u2500 INTEGRATION: LOI \/ DASHBOARD \/ CIM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction triggerLOI() {\n const d = buildNDAText();\n const base = 'LOI_Generator_Tool_Portal.html';\n const params = new URLSearchParams({\n txn: d.txnId,\n buyer: d.buyerName !== '[Buyer]' ? d.buyerName : '',\n seller: d.sellerName !== '[Seller]' ? d.sellerName : '',\n biz: d.bizName !== '[Business]' ? d.bizName : '',\n value: gv('txVal'),\n sa: d.saName !== '[Seller Agent]' ? d.saName : '',\n ba: d.baName !== '[Buyer Agent]' ? d.baName : '',\n firm: d.firm !== '[Brokerage]' ? d.firm : ''\n });\n window.open(base + '?' + params.toString(), '_blank');\n}\n\nfunction openDashboard() {\n const d = buildNDAText();\n const base = 'Transactions_Desk_Tracking_FINAL.html';\n const params = new URLSearchParams({\n txn: d.txnId,\n biz: d.bizName !== '[Business]' ? d.bizName : '',\n seller: d.sellerName !== '[Seller]' ? d.sellerName : '',\n buyer: d.buyerName !== '[Buyer]' ? d.buyerName : '',\n sa: d.saName !== '[Seller Agent]' ? d.saName : '',\n ba: d.baName !== '[Buyer Agent]' ? d.baName : '',\n value: gv('txVal'),\n stage: 'nda_signed'\n });\n window.open(base + '?' + params.toString(), '_blank');\n}\n\nfunction sendCIM() {\n const d = buildNDAText();\n const base = 'cim_builder_360_pro_v17_cover_styles.html';\n const params = new URLSearchParams({\n txn: d.txnId,\n biz: d.bizName !== '[Business]' ? d.bizName : '',\n biztype: gv('bizType'),\n loc: gv('bizLoc'),\n seller: d.sellerName !== '[Seller]' ? d.sellerName : '',\n buyer: d.buyerName !== '[Buyer]' ? d.buyerName : '',\n sa: d.saName !== '[Seller Agent]' ? d.saName : '',\n firm: d.firm !== '[Brokerage]' ? d.firm : '',\n value: gv('txVal')\n });\n window.open(base + '?' + params.toString(), '_blank');\n}\n\n\/* \u2500\u2500 E-SIGN ENGINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nconst eSigData = { buyer: null, seller: null, sa: null, ba: null };\nconst eSigDone = { buyer: false, seller: false, sa: false, ba: false };\nconst eCanvases = {}, eCtxs = {}, eDrawing = {}, eLast = {};\n\nfunction openEsign() {\n \/\/ Pre-fill names in modal\n const d = buildNDAText();\n const setName = (id, val) => { const el = document.getElementById(id); if(el) el.textContent = val !== '[Buyer]' && val !== '[Seller]' && val !== '[Seller Agent]' && val !== '[Buyer Agent]' ? '\u2014 ' + val : ''; };\n setName('eBuyerName', d.buyerName);\n setName('eSellerName', d.sellerName);\n setName('eSAName', d.saName);\n setName('eBAName', d.baName);\n \/\/ Pre-fill dates\n const today = new Date().toISOString().split('T')[0];\n ['buyer','seller','sa','ba'].forEach(p => { const el = document.getElementById('eDate-'+p); if(el && !el.value) el.value = today; });\n document.getElementById('esignOverlay').style.display = 'flex';\n \/\/ Init canvases (deferred until visible)\n setTimeout(() => { ['buyer','seller','sa','ba'].forEach(p => initECanvas(p)); }, 100);\n}\n\nfunction closeEsign() { document.getElementById('esignOverlay').style.display = 'none'; }\nfunction closeEsignIfBg(e) { if(e.target.id === 'esignOverlay') closeEsign(); }\n\nfunction setEMethod(party, method, btn) {\n ['type','draw','upload'].forEach(m => {\n document.getElementById('eArea-'+party+'-'+m).style.display = m === method ? 'block' : 'none';\n });\n btn.closest('.esign-method-tabs').querySelectorAll('.esign-method-tab').forEach(t => t.classList.remove('active'));\n btn.classList.add('active');\n}\n\nfunction initECanvas(party) {\n const c = document.getElementById('eCanvas-'+party); if(!c) return;\n eCanvases[party] = c; eCtxs[party] = c.getContext('2d');\n eDrawing[party] = false;\n function pos(ev) {\n const r = c.getBoundingClientRect(), sx = c.width\/r.width, sy = c.height\/r.height;\n const src = ev.touches ? ev.touches[0] : ev;\n return [(src.clientX-r.left)*sx, (src.clientY-r.top)*sy];\n }\n c.onmousedown = e => { eDrawing[party]=true; eLast[party]=pos(e); };\n c.onmousemove = e => {\n if(!eDrawing[party]) return;\n const [x,y]=pos(e), cx=eCtxs[party];\n cx.beginPath(); cx.strokeStyle='#1e293b'; cx.lineWidth=2.5; cx.lineCap='round'; cx.lineJoin='round';\n cx.moveTo(eLast[party][0],eLast[party][1]); cx.lineTo(x,y); cx.stroke();\n eLast[party]=[x,y];\n };\n c.onmouseup = c.onmouseleave = () => eDrawing[party]=false;\n c.addEventListener('touchstart',e=>{e.preventDefault();eDrawing[party]=true;eLast[party]=pos(e);},{passive:false});\n c.addEventListener('touchmove',e=>{\n e.preventDefault(); if(!eDrawing[party]) return;\n const [x,y]=pos(e),cx=eCtxs[party];\n cx.beginPath();cx.strokeStyle='#1e293b';cx.lineWidth=2.5;cx.lineCap='round';\n cx.moveTo(eLast[party][0],eLast[party][1]);cx.lineTo(x,y);cx.stroke();\n eLast[party]=[x,y];\n },{passive:false});\n c.addEventListener('touchend',e=>{e.preventDefault();eDrawing[party]=false;},{passive:false});\n}\n\nfunction previewTypeSig(party) { \/* live preview \u2014 no action needed *\/ }\n\nfunction clearESig(party) {\n const c = eCanvases[party]; if(c && eCtxs[party]) eCtxs[party].clearRect(0,0,c.width,c.height);\n const ti = document.getElementById('eType-'+party); if(ti) ti.value='';\n const pi = document.getElementById('eUploadPreview-'+party); if(pi) pi.style.display='none';\n eSigData[party] = null; eSigDone[party] = false;\n const st = document.getElementById('e'+cap(party)+'Status');\n if(st){ st.className='esign-party-status s-pending'; st.textContent='Pending'; }\n}\n\nfunction loadUploadSig(party, e) {\n const file = e.target.files[0]; if(!file) return;\n const r = new FileReader();\n r.onload = ev => {\n eSigData[party] = { type:'upload', value: ev.target.result };\n const pi = document.getElementById('eUploadPreview-'+party);\n if(pi){ pi.src=ev.target.result; pi.style.display='block'; }\n };\n r.readAsDataURL(file);\n}\n\nfunction cap(s) { return s.charAt(0).toUpperCase()+s.slice(1); }\n\nfunction applyESig(party) {\n \/\/ Determine active method\n const activeTab = document.querySelector('#eArea-'+party+'-type').style.display !== 'none' ? 'type'\n : document.querySelector('#eArea-'+party+'-draw').style.display !== 'none' ? 'draw' : 'upload';\n\n let sigValue = null, sigType = activeTab;\n if(activeTab === 'type') {\n const v = document.getElementById('eType-'+party)?.value?.trim();\n if(!v){ alert('Please type your full name to sign.'); return; }\n sigValue = v;\n } else if(activeTab === 'draw') {\n const c = eCanvases[party];\n if(!c){ alert('Canvas not ready.'); return; }\n \/\/ Check if canvas has content\n const data = eCtxs[party].getImageData(0,0,c.width,c.height).data;\n const hasContent = data.some((v,i) => i%4===3 && v>0);\n if(!hasContent){ alert('Please draw your signature.'); return; }\n sigValue = c.toDataURL('image\/png');\n } else {\n if(!eSigData[party]){ alert('Please upload a signature image.'); return; }\n sigValue = eSigData[party].value;\n }\n\n eSigData[party] = { type: sigType, value: sigValue, date: document.getElementById('eDate-'+party)?.value || new Date().toISOString().split('T')[0] };\n eSigDone[party] = true;\n\n \/\/ Update status badge\n const st = document.getElementById('e'+cap(party)+'Status');\n if(st){ st.className='esign-party-status s-signed'; st.textContent='\u2713 Signed'; }\n\n \/\/ Also update the main sig-status chips in step 6\n const labelMap = { buyer:'Buyer', seller:'Seller', sa:'SA', ba:'BA' };\n markSigned(labelMap[party]);\n\n \/\/ Check if all 4 signed\n if(Object.values(eSigDone).every(Boolean)) showCertificate();\n}\n\nfunction showCertificate() {\n const d = buildNDAText();\n const cert = document.getElementById('esignCertificate');\n document.getElementById('certTxnId').textContent = d.txnId;\n document.getElementById('certBiz').textContent = d.bizName;\n document.getElementById('certTimestamp').textContent = new Date().toLocaleString('en-US',{month:'short',day:'numeric',year:'numeric',hour:'2-digit',minute:'2-digit'}) + ' EST';\n\n ['buyer','seller','sa','ba'].forEach(p => {\n const certId = 'certSig' + (p==='sa'?'SA':p==='ba'?'BA':cap(p));\n const el = document.getElementById(certId); if(!el) return;\n const sig = eSigData[p];\n if(!sig) return;\n if(sig.type === 'type') { el.textContent = sig.value; el.classList.remove('drawn'); }\n else { el.textContent = '(drawn\/uploaded)'; el.classList.add('drawn'); }\n });\n cert.style.display = 'block';\n cert.scrollIntoView({ behavior:'smooth', block:'nearest' });\n\n \/\/ Flash the LOI trigger box green\n const loiBox = document.querySelector('.loi-trigger-box');\n if(loiBox){ loiBox.style.borderColor='var(--green)'; loiBox.style.background='var(--green-light)'; }\n}\n\nfunction downloadExecutedPDF() {\n \/\/ Trigger standard PDF then close\n downloadPDF();\n setTimeout(() => closeEsign(), 800);\n}\n\n\n\/* \u2500\u2500 ADOBE SIGN INTEGRATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction openAdobeSign() {\n \/\/ Pre-fill signer emails from form\n const fill = (id, val) => { const el=document.getElementById(id); if(el) el.textContent = val || \"\u2014 (not entered)\"; };\n fill(\"asl-seller\", gv(\"sellerEmail\"));\n fill(\"asl-buyer\", gv(\"buyerEmail\"));\n fill(\"asl-sa\", gv(\"saEmail\"));\n fill(\"asl-ba\", gv(\"baEmail\"));\n \/\/ Make sure NDA is built first\n if(curStep < 5) buildAndShowNDA();\n document.getElementById(\"adobeOverlay\").style.display = \"flex\";\n}\nfunction closeAdobe() { document.getElementById(\"adobeOverlay\").style.display = \"none\"; }\nfunction closeAdobeIfBg(e) { if(e.target.id===\"adobeOverlay\") closeAdobe(); }\nfunction downloadAndOpenAdobe() {\n downloadPDF();\n setTimeout(() => window.open(\"https:\/\/acrobat.adobe.com\",\"_blank\"), 1200);\n}\n\n\/* \u2500\u2500 PDF DOWNLOAD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n\/* \u2500\u2500 ADOBE SIGN INTEGRATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction openAdobeSign() {\n \/\/ Pre-fill signer emails from form\n const fill = (id, val) => { const el=document.getElementById(id); if(el) el.textContent = val || \"\u2014 (not entered)\"; };\n fill(\"asl-seller\", gv(\"sellerEmail\"));\n fill(\"asl-buyer\", gv(\"buyerEmail\"));\n fill(\"asl-sa\", gv(\"saEmail\"));\n fill(\"asl-ba\", gv(\"baEmail\"));\n \/\/ Make sure NDA is built first\n if(curStep < 5) buildAndShowNDA();\n document.getElementById(\"adobeOverlay\").style.display = \"flex\";\n}\nfunction closeAdobe() { document.getElementById(\"adobeOverlay\").style.display = \"none\"; }\nfunction closeAdobeIfBg(e) { if(e.target.id===\"adobeOverlay\") closeAdobe(); }\nfunction downloadAndOpenAdobe() {\n downloadPDF();\n setTimeout(() => window.open(\"https:\/\/acrobat.adobe.com\",\"_blank\"), 1200);\n}\n\n\/* \u2500\u2500 PDF DOWNLOAD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction downloadPDF() {\n if (typeof window.jspdf === 'undefined') { alert('PDF library loading \u2014 please try again in a moment.'); return; }\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF({ orientation: 'portrait', unit: 'mm', format: 'letter' });\n const W = doc.internal.pageSize.getWidth(), H = doc.internal.pageSize.getHeight();\n const margin = 20, cw = W - margin * 2;\n let y = margin;\n\n const firm = gv('brFirm') || 'Business Brokerage';\n const tag = gv('brTag') || '';\n const brAddr = gv('brAddr') || '';\n const brPhone= gv('brPhone')|| '';\n const brWeb = gv('brWeb') || '';\n const txnId = gv('txnId') || '\u2014';\n let r = 24, g = 95, b = 165;\n const cc = gv('brColor');\n if (\/^#[0-9A-Fa-f]{6}$\/.test(cc)) { r = parseInt(cc.slice(1,3),16); g = parseInt(cc.slice(3,5),16); b = parseInt(cc.slice(5,7),16); }\n\n doc.setFillColor(r, g, b); doc.rect(0, 0, W, 32, 'F');\n doc.setTextColor(255,255,255); doc.setFont('helvetica','bold'); doc.setFontSize(13);\n doc.text(firm.toUpperCase(), margin, 14);\n doc.setFont('helvetica','normal'); doc.setFontSize(8);\n if (tag) doc.text(tag, margin, 20);\n const sub = [brAddr, brPhone, brWeb].filter(Boolean).join(' \u00b7 ');\n if (sub) doc.text(sub, margin, 25);\n doc.text('Ref: ' + txnId, W - margin, 14, { align:'right' });\n y = 44;\n\n doc.setTextColor(0,0,0); doc.setFont('helvetica','bold'); doc.setFontSize(12);\n doc.text('NON-DISCLOSURE, CONFIDENTIALITY &', W\/2, y, { align:'center' }); y += 6;\n doc.text('NON-CIRCUMVENTION AGREEMENT', W\/2, y, { align:'center' }); y += 5;\n doc.setFont('helvetica','normal'); doc.setFontSize(8); doc.setTextColor(100,100,100);\n const d = buildNDAText();\n doc.text('Effective: ' + d.ndaDate + ' \u00b7 Transaction Ref: ' + txnId, W\/2, y+4, { align:'center' }); y += 12;\n doc.setDrawColor(r,g,b); doc.setLineWidth(0.5); doc.line(margin, y, W-margin, y); y += 8;\n\n const raw = document.getElementById('ndaBody')?.innerText || buildNDAText().html.replace(\/<[^>]+>\/g,' ');\n const lines = doc.splitTextToSize(raw, cw);\n doc.setTextColor(30,30,30); doc.setFont('helvetica','normal'); doc.setFontSize(9);\n lines.forEach(line => { if (y > H-44) { doc.addPage(); y = margin; } doc.text(line, margin, y); y += 5; });\n\n y += 8; if (y > H-78) { doc.addPage(); y = margin + 10; }\n doc.setDrawColor(200,200,200); doc.setLineWidth(0.3); doc.line(margin, y, W-margin, y); y += 10;\n doc.setFont('helvetica','bold'); doc.setFontSize(9); doc.setTextColor(r,g,b);\n doc.text('SIGNATURES \u2014 ALL FOUR PARTIES', margin, y); y += 9;\n\n const sigBoxes = [\n { label: 'Disclosing Party (Seller)', name: gv('sellerName') || '_________________', title: gv('sellerTitle') || '' },\n { label: 'Receiving Party (Buyer)', name: gv('buyerName') || '_________________', title: gv('buyerTitle') || '' },\n { label: \"Seller's Agent \/ Listing Broker\", name: gv('saName') || '_________________', title: gv('saLic') ? 'Lic. ' + gv('saLic') : '' },\n { label: \"Buyer's Agent \/ Advisor\", name: gv('baName') || '_________________', title: gv('baLic') ? 'Lic. ' + gv('baLic') : '' },\n ];\n const colW = cw \/ 2;\n sigBoxes.forEach((s, i) => {\n const x = margin + (i % 2) * colW;\n if (i === 2) { y += 32; }\n doc.setFont('helvetica','normal'); doc.setFontSize(8); doc.setTextColor(80,80,80); doc.text(s.label, x, y);\n doc.setTextColor(0,0,0);\n doc.text('Signature: ______________________', x, y+8);\n doc.text('Name: ' + s.name, x, y+14);\n if (s.title) doc.text('Title: ' + s.title, x, y+19);\n doc.text('Date: _______________', x, y+25);\n });\n y += 38;\n if (y > H-16) { doc.addPage(); y = margin; }\n doc.setFont('helvetica','italic'); doc.setFontSize(7); doc.setTextColor(160,160,160);\n doc.text(firm + ' \u00b7 Transaction Ref: ' + txnId + ' \u00b7 Confidential \u2014 For transaction use only', W\/2, H-10, { align:'center' });\n\n const biz = gv('bizName') || 'NDA';\n doc.save(biz.replace(\/\\s+\/g,'_') + '_' + txnId + '_' + new Date().toISOString().slice(0,10) + '.pdf');\n}\n<\/script>\n\n <div class=\"ssm-body\">\n <div class=\"inote\" style=\"margin-bottom:16px;\">\n <i class=\"ti ti-info-circle\"><\/i>\n <span>Each party will receive a unique signing link by email. They can sign from any device \u2014 no account needed. You'll be notified when all four have signed.<\/span>\n <\/div>\n\n <p style=\"font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--hint);margin-bottom:10px;\">Confirm signer emails<\/p>\n\n <div class=\"signer-email-row\">\n <div class=\"role-dot\" style=\"background:var(--primary);\"><\/div>\n <div class=\"role-name\">Buyer<\/div>\n <input type=\"email\" id=\"ssEmail-buyer\" placeholder=\"buyer@company.com\" \/>\n <\/div>\n <div class=\"signer-email-row\">\n <div class=\"role-dot\" style=\"background:var(--green);\"><\/div>\n <div class=\"role-name\">Seller<\/div>\n <input type=\"email\" id=\"ssEmail-seller\" placeholder=\"seller@business.com\" \/>\n <\/div>\n <div class=\"signer-email-row\">\n <div class=\"role-dot\" style=\"background:var(--green);\"><\/div>\n <div class=\"role-name\">Seller's Agent<\/div>\n <input type=\"email\" id=\"ssEmail-sa\" placeholder=\"agent@brokerage.com\" \/>\n <\/div>\n <div class=\"signer-email-row\">\n <div class=\"role-dot\" style=\"background:var(--primary);\"><\/div>\n <div class=\"role-name\">Buyer's Agent<\/div>\n <input type=\"email\" id=\"ssEmail-ba\" placeholder=\"buyeragent@firm.com\" \/>\n <\/div>\n\n \n\n <\/div>\n <button class=\"btn\" onclick=\"closeSendSig()\" style=\"margin-top:10px;\"><i class=\"ti ti-x\"><\/i> Close<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<!-- \u2500\u2500 ADOBE SIGN MODAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<div class=\"adobe-overlay\" id=\"adobeOverlay\" style=\"display:none;\" onclick=\"closeAdobeIfBg(event)\">\n <div class=\"adobe-modal\">\n <div class=\"adobe-header\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n <h3>Send NDA for Signatures via Adobe Acrobat<\/h3>\n <button class=\"adobe-close\" onclick=\"closeAdobe()\">\u2715<\/button>\n <\/div>\n <div class=\"adobe-body\">\n\n <div class=\"inote\" style=\"margin-bottom:18px;background:#FFF4F4;border-color:#ffb3b3;color:#7a0000;\">\n <i class=\"ti ti-circle-check\" style=\"color:#CC0000;\"><\/i>\n <span><strong>Adobe Acrobat Pro is already included in your plan.<\/strong> No extra cost \u2014 e-signatures are fully covered. You have up to 150 signing requests per year.<\/span>\n <\/div>\n\n <div class=\"step-flow\">\n <div class=\"adobe-step\">\n <div class=\"adobe-step-num\">1<\/div>\n <div class=\"adobe-step-content\">\n <h4>Download the NDA PDF<\/h4>\n <p>Click the \"Download PDF\" button below. The fully formatted NDA with all clauses, your brokerage branding, and the transaction reference will be saved to your computer.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adobe-step\">\n <div class=\"adobe-step-num\">2<\/div>\n <div class=\"adobe-step-content\">\n <h4>Open Adobe Acrobat & request signatures<\/h4>\n <p>Go to <strong>acrobat.adobe.com<\/strong> \u2192 click <strong>\"Request e-signatures\"<\/strong> in the top menu, then upload the NDA PDF you just downloaded.<\/p>\n <div class=\"tip\">Or open the PDF in your desktop Acrobat Pro \u2192 click \"Fill & Sign\" \u2192 \"Request signatures\"<\/div>\n <\/div>\n <\/div>\n\n <div class=\"adobe-step\">\n <div class=\"adobe-step-num\">3<\/div>\n <div class=\"adobe-step-content\">\n <h4>Add all 4 signers in this order<\/h4>\n <p>Enter each signer's email address. Adobe will send them in sequence \u2014 each person signs before the next receives their request.<\/p>\n <div class=\"signer-list\" id=\"adobeSignerList\">\n <div class=\"signer-list-item\"><div class=\"signer-dot\" style=\"background:var(--green);\"><\/div><strong style=\"width:130px;flex-shrink:0;\">Seller<\/strong><span id=\"asl-seller\" style=\"color:var(--muted);\">\u2014<\/span><\/div>\n <div class=\"signer-list-item\"><div class=\"signer-dot\" style=\"background:var(--primary);\"><\/div><strong style=\"width:130px;flex-shrink:0;\">Buyer<\/strong><span id=\"asl-buyer\" style=\"color:var(--muted);\">\u2014<\/span><\/div>\n <div class=\"signer-list-item\"><div class=\"signer-dot\" style=\"background:var(--green);\"><\/div><strong style=\"width:130px;flex-shrink:0;\">Seller's Agent<\/strong><span id=\"asl-sa\" style=\"color:var(--muted);\">\u2014<\/span><\/div>\n <div class=\"signer-list-item\"><div class=\"signer-dot\" style=\"background:var(--primary);\"><\/div><strong style=\"width:130px;flex-shrink:0;\">Buyer's Agent<\/strong><span id=\"asl-ba\" style=\"color:var(--muted);\">\u2014<\/span><\/div>\n <\/div>\n <div class=\"tip\">You can also set all 4 to sign simultaneously \u2014 just choose \"Send to all at once\" in Adobe's options.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"adobe-step\">\n <div class=\"adobe-step-num\">4<\/div>\n <div class=\"adobe-step-content\">\n <h4>Place signature fields on the document<\/h4>\n <p>Adobe will show a preview of the PDF. Drag a <strong>\"Signature\"<\/strong> field and a <strong>\"Date\"<\/strong> field to each of the 4 signature blocks at the bottom of the NDA. Assign each field to the correct signer.<\/p>\n <div class=\"tip\">Tip: Use \"Text\" fields to also capture printed name and title next to each signature line.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"adobe-step\">\n <div class=\"adobe-step-num\">5<\/div>\n <div class=\"adobe-step-content\">\n <h4>Send \u2014 Adobe handles everything from here<\/h4>\n <p>Click <strong>\"Send\"<\/strong>. Each signer receives their own email with a unique link. Adobe tracks who has signed, sends reminders, and automatically delivers the <strong>fully executed NDA to all parties<\/strong> once everyone has signed.<\/p>\n <div class=\"tip\">You can track signing status anytime at acrobat.adobe.com \u2192 \"Home\" \u2192 \"Waiting for others\".<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"adobe-divider\"><\/div>\n <div class=\"adobe-btn-row\">\n <button class=\"btn\" style=\"background:#CC0000;color:#fff;border-color:#CC0000;font-weight:600;\" onclick=\"downloadAndOpenAdobe()\">\n <i class=\"ti ti-download\"><\/i> Step 1: Download NDA PDF\n <\/button>\n <button class=\"btn primary\" onclick=\"window.open('https:\/\/acrobat.adobe.com','_blank')\">\n <i class=\"ti ti-external-link\"><\/i> Step 2: Open Adobe Acrobat\n <\/button>\n <button class=\"btn\" onclick=\"closeAdobe()\">Close<\/button>\n <\/div>\n\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NDA Generator | Business Brokerage Portal Business Brokerage Portal \u203a NDA Generator \u2014 Tool #8 \u2014 Your Brokerage Name Business Brokerage \u00b7 NDA Tool TXN-\u2014…<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1109","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v26.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>NDA Generator Tool - 360 Biz Brokers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/360bizbrokers.com\/es\/nda-generator-tool\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"NDA Generator Tool\" \/>\n<meta property=\"og:description\" content=\"NDA Generator | Business Brokerage Portal Business Brokerage Portal \u203a NDA Generator \u2014 Tool #8 \u2014 Your Brokerage Name Business Brokerage \u00b7 NDA Tool TXN-\u2014...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/360bizbrokers.com\/es\/nda-generator-tool\/\" \/>\n<meta property=\"og:site_name\" content=\"360 Biz Brokers\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-04T20:59:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/360bizbrokers.com\/nda-generator-tool\/\",\"url\":\"https:\/\/360bizbrokers.com\/nda-generator-tool\/\",\"name\":\"NDA Generator Tool - 360 Biz Brokers\",\"isPartOf\":{\"@id\":\"https:\/\/360bizbrokers.com\/#website\"},\"datePublished\":\"2026-06-04T15:17:28+00:00\",\"dateModified\":\"2026-06-04T20:59:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/360bizbrokers.com\/nda-generator-tool\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/360bizbrokers.com\/nda-generator-tool\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/360bizbrokers.com\/nda-generator-tool\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/360bizbrokers.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"NDA Generator Tool\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/360bizbrokers.com\/#website\",\"url\":\"https:\/\/360bizbrokers.com\/\",\"name\":\"Florida 360 Business Brokers\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/360bizbrokers.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/360bizbrokers.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/360bizbrokers.com\/#organization\",\"name\":\"Florida 360 Business Brokers\",\"url\":\"https:\/\/360bizbrokers.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/360bizbrokers.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/360bizbrokers.com\/wp-content\/uploads\/2025\/12\/LOGO-FLORIDA-360-BUSINESS-BROKERS.jpg\",\"contentUrl\":\"https:\/\/360bizbrokers.com\/wp-content\/uploads\/2025\/12\/LOGO-FLORIDA-360-BUSINESS-BROKERS.jpg\",\"width\":1080,\"height\":1080,\"caption\":\"Florida 360 Business Brokers\"},\"image\":{\"@id\":\"https:\/\/360bizbrokers.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"NDA Generator Tool - 360 Biz Brokers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/360bizbrokers.com\/es\/nda-generator-tool\/","og_locale":"es_ES","og_type":"article","og_title":"NDA Generator Tool","og_description":"NDA Generator | Business Brokerage Portal Business Brokerage Portal \u203a NDA Generator \u2014 Tool #8 \u2014 Your Brokerage Name Business Brokerage \u00b7 NDA Tool TXN-\u2014...","og_url":"https:\/\/360bizbrokers.com\/es\/nda-generator-tool\/","og_site_name":"360 Biz Brokers","article_modified_time":"2026-06-04T20:59:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"19 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/360bizbrokers.com\/nda-generator-tool\/","url":"https:\/\/360bizbrokers.com\/nda-generator-tool\/","name":"NDA Generator Tool - 360 Biz Brokers","isPartOf":{"@id":"https:\/\/360bizbrokers.com\/#website"},"datePublished":"2026-06-04T15:17:28+00:00","dateModified":"2026-06-04T20:59:27+00:00","breadcrumb":{"@id":"https:\/\/360bizbrokers.com\/nda-generator-tool\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/360bizbrokers.com\/nda-generator-tool\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/360bizbrokers.com\/nda-generator-tool\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/360bizbrokers.com\/"},{"@type":"ListItem","position":2,"name":"NDA Generator Tool"}]},{"@type":"WebSite","@id":"https:\/\/360bizbrokers.com\/#website","url":"https:\/\/360bizbrokers.com\/","name":"Florida 360 Business Brokers","description":"","publisher":{"@id":"https:\/\/360bizbrokers.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/360bizbrokers.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/360bizbrokers.com\/#organization","name":"Florida 360 Business Brokers","url":"https:\/\/360bizbrokers.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/360bizbrokers.com\/#\/schema\/logo\/image\/","url":"https:\/\/360bizbrokers.com\/wp-content\/uploads\/2025\/12\/LOGO-FLORIDA-360-BUSINESS-BROKERS.jpg","contentUrl":"https:\/\/360bizbrokers.com\/wp-content\/uploads\/2025\/12\/LOGO-FLORIDA-360-BUSINESS-BROKERS.jpg","width":1080,"height":1080,"caption":"Florida 360 Business Brokers"},"image":{"@id":"https:\/\/360bizbrokers.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/360bizbrokers.com\/es\/wp-json\/wp\/v2\/pages\/1109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/360bizbrokers.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/360bizbrokers.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/360bizbrokers.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/360bizbrokers.com\/es\/wp-json\/wp\/v2\/comments?post=1109"}],"version-history":[{"count":0,"href":"https:\/\/360bizbrokers.com\/es\/wp-json\/wp\/v2\/pages\/1109\/revisions"}],"wp:attachment":[{"href":"https:\/\/360bizbrokers.com\/es\/wp-json\/wp\/v2\/media?parent=1109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}