Please fill out the details and sign the documents.
Effective Date: {{Effective Date}}
This Agreement governs the rights, responsibilities, and obligations of all parties using the LEARN platform...
` }, { title: 'Compliance Policy Agreement', content: `Effective Date: {{Effective Date}}
This Agreement outlines the compliance obligations of A to Zenith, LLC dba Land Surveyors United and all users of the LEARN platform...
` }, { title: 'User Rights, Payment Terms, and Data Protection Agreement', content: `Effective Date: {{Effective Date}}
All users of the LEARN platform, including students, contributors, and instructors, have rights related to their personal data, payment information, and platform participation. These rights are defined under privacy laws such as the GDPR and CCPA...
` } ]; }, toggleAccordion(index) { this.agreements[index].open = !this.agreements[index].open; }, updateDocuments() { const signerName = 'Justin Farrow and Christopher Lucas'; const companyName = 'A to Zenith LLC'; this.agreements = this.agreements.map(agreement => ({ ...agreement, content: agreement.content .replace(/{Signer Name}/g, signerName) .replace(/{Company Name}/g, companyName) .replace(/{Effective Date}/g, this.effectiveDate || "________") .replace(/{Contributor Name}/g, this.contributorName || "________") .replace(/{State Region}/g, this.stateRegion || "________") })); }, saveSignature() { const canvas = document.getElementById("signatureCanvas"); this.signature = canvas.toDataURL("image/png"); alert('Signature saved! Now you can drag and drop it into the documents.'); }, placeSignature(event, index) { if (!this.signature) { alert('Please create and save a signature first.'); return; } this.agreements[index].signed = true; this.updateProgress(); }, updateProgress() { const totalDocuments = this.agreements.length; const signedDocuments = this.agreements.filter(a => a.signed).length; this.progress = (signedDocuments / totalDocuments) * 100; } } } document.addEventListener('DOMContentLoaded', () => { const canvas = document.getElementById("signatureCanvas"); const ctx = canvas.getContext("2d"); let drawing = false; function startDrawing(e) { drawing = true; draw(e); } function stopDrawing() { drawing = false; ctx.beginPath(); } function draw(e) { if (!drawing) return; ctx.lineWidth = 2; ctx.lineCap = "round"; ctx.strokeStyle = "#000"; ctx.lineTo(e.clientX - canvas.getBoundingClientRect().left, e.clientY - canvas.getBoundingClientRect().top); ctx.stroke(); ctx.beginPath(); ctx.moveTo(e.clientX - canvas.getBoundingClientRect().left, e.clientY - canvas.getBoundingClientRect().top); } canvas.addEventListener("mousedown", startDrawing); canvas.addEventListener("mouseup", stopDrawing); canvas.addEventListener("mousemove", draw); }); -->