{"id":5855,"date":"2026-04-02T09:42:45","date_gmt":"2026-04-02T08:42:45","guid":{"rendered":"https:\/\/99.weblv.xyz\/?page_id=5855"},"modified":"2026-04-02T10:35:07","modified_gmt":"2026-04-02T09:35:07","slug":"associate-acknowledgement-form","status":"publish","type":"page","link":"https:\/\/99.weblv.xyz\/index.php\/associate-acknowledgement-form\/","title":{"rendered":"Associate Acknowledgement"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5855\" class=\"elementor elementor-5855\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-0506fa8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"0506fa8\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-434b86c\" data-id=\"434b86c\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-0593479 elementor-widget elementor-widget-html\" data-id=\"0593479\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"wf-policy-modern\">\r\n  <div class=\"wf-container\">\r\n\r\n    <!-- Section Title -->\r\n    <h2 class=\"wf-modern-title\">Associate Acknowledgement Form<\/h2>\r\n\r\n    <div class=\"wf-grid\">\r\n\r\n      <!-- Acknowledgement Card -->\r\n      <div class=\"wf-grid-card\">\r\n        <p>\r\n          I understand and acknowledge that I have received a copy of the Welcome Kit...\r\n        <\/p>\r\n\r\n        <p>\r\n          Since the information, policies, and benefits described here are necessarily subject to change...\r\n        <\/p>\r\n\r\n        <p>\r\n          I understand and agree that I will read and comply with the policies contained in this Welcome Kit...\r\n        <\/p>\r\n\r\n        <!-- Signature Form -->\r\n        <form id=\"acknowledgement-form\">\r\n          <div class=\"wf-signature\">\r\n            <label for=\"member-name\">Team Member Name (Printed):<\/label>\r\n            <input type=\"text\" id=\"member-name\" name=\"memberName\" placeholder=\"Enter your full name\" required>\r\n\r\n            <label for=\"signature-pad\">Team Member Signature:<\/label>\r\n            <canvas id=\"signature-pad\" class=\"signature-pad\"><\/canvas>\r\n            <button type=\"button\" id=\"clear-signature\">Clear Signature<\/button>\r\n\r\n            <label for=\"signature-date\">Date:<\/label>\r\n            <input type=\"date\" id=\"signature-date\" name=\"date\" required>\r\n\r\n            <button type=\"submit\" id=\"submit-form\">Submit<\/button>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Modern Section Styling *\/\r\n.wf-policy-modern {\r\n  background: linear-gradient(135deg, #f5f7fa, #e9edf4);\r\n  padding: 60px 20px;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n.wf-container { max-width: 900px; margin: auto; }\r\n.wf-modern-title { text-align: center; font-size: 36px; font-weight: 700; color: #1a2b49; margin-bottom: 50px; }\r\n.wf-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }\r\n.wf-grid-card { background: #fff; border-radius: 4px; border: 1px solid #000; padding: 30px 25px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); }\r\n.wf-grid-card p { color: #555; line-height: 1.7; margin-bottom: 20px; }\r\n.wf-signature { margin-top: 30px; display: grid; gap: 20px; }\r\n.wf-signature label { font-weight: 600; color: #1a2b49; margin-bottom: 5px; }\r\n.wf-signature input[type=\"text\"], .wf-signature input[type=\"date\"] { width: 100%; padding: 10px 12px; border: 1px solid #000; border-radius: 4px; font-size: 16px; box-sizing: border-box; }\r\n.signature-pad { border: 1px solid #000; border-radius: 4px; width: 100%; height: 120px; cursor: crosshair; }\r\n#clear-signature { width: 150px; padding: 8px 12px; background: #1a2b49; color: #fff; border: none; border-radius: 4px; cursor: pointer; }\r\n#clear-signature:hover { background: #0f1a33; }\r\n#wf-signature-form button[type=\"submit\"], #submit-form { width: 150px; padding: 10px 12px; background: #1a2b49; color: #fff; border: none; border-radius: 4px; cursor: pointer; margin-top: 10px; }\r\n#wf-signature-form button:hover, #submit-form:hover { background-color: #0f1a33; }\r\n@media (max-width: 768px) { .wf-modern-title { font-size: 28px; margin-bottom: 30px; } }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/emailjs-com@3\/dist\/email.min.js\"><\/script>\r\n<script>\r\nemailjs.init(\"YOUR_PUBLIC_KEY\"); \/\/ Replace with your EmailJS public key\r\n\r\nconst canvas = document.getElementById('signature-pad');\r\nconst ctx = canvas.getContext('2d');\r\nlet drawing = false;\r\n\r\n\/\/ Set canvas full width\r\ncanvas.width = canvas.offsetWidth;\r\n\r\ncanvas.addEventListener('mousedown', () => drawing = true);\r\ncanvas.addEventListener('mouseup', () => drawing = false);\r\ncanvas.addEventListener('mouseout', () => drawing = false);\r\ncanvas.addEventListener('mousemove', draw);\r\ncanvas.addEventListener('touchstart', () => drawing = true);\r\ncanvas.addEventListener('touchend', () => drawing = false);\r\ncanvas.addEventListener('touchcancel', () => drawing = false);\r\ncanvas.addEventListener('touchmove', drawTouch);\r\n\r\nfunction draw(e){\r\n  if(!drawing) return;\r\n  ctx.lineWidth = 2; ctx.lineCap='round'; ctx.strokeStyle='#000';\r\n  ctx.beginPath(); ctx.moveTo(e.offsetX, e.offsetY); ctx.lineTo(e.offsetX, e.offsetY); ctx.stroke(); ctx.closePath();\r\n}\r\nfunction drawTouch(e){\r\n  e.preventDefault(); if(!drawing) return;\r\n  const rect = canvas.getBoundingClientRect();\r\n  const touch = e.touches[0];\r\n  const x = touch.clientX - rect.left;\r\n  const y = touch.clientY - rect.top;\r\n  ctx.lineWidth=2; ctx.lineCap='round'; ctx.strokeStyle='#000';\r\n  ctx.beginPath(); ctx.moveTo(x,y); ctx.lineTo(x,y); ctx.stroke(); ctx.closePath();\r\n}\r\n\r\ndocument.getElementById('clear-signature').addEventListener('click', () => {\r\n  ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n});\r\n\r\n\/\/ Handle form submission\r\ndocument.getElementById('acknowledgement-form').addEventListener('submit', function(e){\r\n  e.preventDefault();\r\n\r\n  const name = document.getElementById('member-name').value;\r\n  const date = document.getElementById('signature-date').value;\r\n  const signatureData = canvas.toDataURL('image\/png'); \/\/ Base64 signature\r\n\r\n  const templateParams = {\r\n    member_name: name,\r\n    date: date,\r\n    signature_image: signatureData\r\n  };\r\n\r\n  emailjs.send('YOUR_SERVICE_ID', 'YOUR_TEMPLATE_ID', templateParams)\r\n    .then(() => { alert('Form submitted successfully!'); })\r\n    .catch((err) => { alert('Failed to submit form.'); console.error(err); });\r\n});\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Associate Acknowledgement Form I understand and acknowledge that I have received a copy of the Welcome Kit&#8230; Since the information, policies, and benefits described here are necessarily subject to change&#8230; I understand and agree that I will read and comply with the policies contained in this Welcome Kit&#8230; Team Member Name (Printed): Team Member Signature: [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5855","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/99.weblv.xyz\/index.php\/wp-json\/wp\/v2\/pages\/5855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/99.weblv.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/99.weblv.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/99.weblv.xyz\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/99.weblv.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=5855"}],"version-history":[{"count":10,"href":"https:\/\/99.weblv.xyz\/index.php\/wp-json\/wp\/v2\/pages\/5855\/revisions"}],"predecessor-version":[{"id":5972,"href":"https:\/\/99.weblv.xyz\/index.php\/wp-json\/wp\/v2\/pages\/5855\/revisions\/5972"}],"wp:attachment":[{"href":"https:\/\/99.weblv.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=5855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}