Потпиши договор

Со ЗЕЛЕНАТА ПРОГРАМА на ОРБИТА, заедно со Вас се грижиме за природата. Потпишувањето на договорите за патување ќе го правиме без трошење на хартија. 📄 Прикачи го твојот договор и потпиши 🧹 Избриши потпис 📨 Испрати по e-mail document.addEventListener("DOMContentLoaded", function() { const canvas = document.getElementById("signature-pad"); const ctx = canvas.getContext("2d"); let drawing = false; let uploadedImageData = ''; // 🔧 Фиксен canvas scaling (без devicePixelRatio) function resizeCanvas() { const temp = ctx.getImageData(0, 0, canvas.width, canvas.height); canvas.width = canvas.offsetWidth; canvas.height = canvas.offsetHeight; ctx.scale(1, 1); try { ctx.putImageData(temp, 0, 0); } catch(e) {} } resizeCanvas(); window.addEventListener('resize', resizeCanvas); function getXY(e) { const rect = canvas.getBoundingClientRect(); let x, y; if (e.touches && e.touches[0]) { x = e.touches[0].clientX - rect.left; y = e.touches[0].clientY - rect.top; } else { x = e.clientX - rect.left; y = e.clientY - rect.top; } return { x, y }; } function startDraw(e) { e.preventDefault(); drawing = true; const {x, y} = getXY(e); ctx.beginPath(); ctx.moveTo(x, y); } function draw(e) { if (!drawing) return; e.preventDefault(); const {x, y} = getXY(e); ctx.lineWidth = 3; ctx.lineCap = "round"; ctx.strokeStyle = "#000"; ctx.lineTo(x, y); ctx.stroke(); } function endDraw(e) { e.preventDefault(); drawing = false; } canvas.addEventListener("mousedown", startDraw); canvas.addEventListener("mousemove", draw); canvas.addEventListener("mouseup", endDraw); canvas.addEventListener("mouseleave", endDraw); canvas.addEventListener("touchstart", startDraw, {passive:false}); canvas.addEventListener("touchmove", draw, {passive:false}); canvas.addEventListener("touchend", endDraw, {passive:false}); document.getElementById("clear-signature").onclick = () => ctx.clearRect(0,0,canvas.width,canvas.height); document.getElementById("upload-image").addEventListener("change", function(e) { const file = e.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = evt => uploadedImageData = evt.target.result; reader.readAsDataURL(file); }); document.getElementById("save-signature").onclick = function() { const firstName = document.getElementById("first_name").value.trim(); const lastName = document.getElementById("last_name").value.trim(); const contractNumber = document.getElementById("contract_number").value.trim(); const status = document.getElementById("status"); if (!firstName || !lastName || !contractNumber) { status.innerHTML = "❌ Пополнете ги сите полиња!"; return; } if (!uploadedImageData) { status.innerHTML = "❌ Прикачи слика!"; return; } const signatureData = canvas.toDataURL("image/png"); status.innerHTML = "⏳ Се праќа по е-пошта..."; fetch(window.location.href, { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: new URLSearchParams({ first_name: firstName, last_name: lastName, contract_number: contractNumber, signature: signatureData, uploaded_image: uploadedImageData }) }) .then(res => res.text()) .then(txt => status.innerHTML = txt) .catch(err => status.innerHTML = "❌ Грешка: " + err); }; }); Овој потпис ќе се искористи само за Вашиот договор и нема да се употреби на друго место

Потпиши договор

📄 Прикачи го твојот договор и потпиши

Правни напомени

Корисничко мени

Јавете се

Следете нѐ