Peruuta tilaus

<h2>Peruuta tilauksesi</h2> <p>EU:n kuluttajansuojalain mukaan sinulla on oikeus peruuttaa tilauksesi 14 päivän kuluessa tavaran vastaanottamisesta ilman erityistä syytä.</p> <form id="withdrawal-form"> <p><label>Nimi *<br> <input type="text" id="wf-name" required style="width:100%;padding:8px;margin-top:4px;"></label></p> <p><label>Sähköposti *<br> <input type="email" id="wf-email" required style="width:100%;padding:8px;margin-top:4px;"></label></p> <p><label>Tilausnumero *<br> <input type="text" id="wf-order" required placeholder="esim. #1234" style="width:100%;padding:8px;margin-top:4px;"></label></p> <p><label>Peruutettava tuote / tilauksen tiedot *<br> <textarea id="wf-details" required rows="3" style="width:100%;padding:8px;margin-top:4px;"></textarea></label></p> <p><button type="button" onclick="submitWithdrawal()" style="background:#000;color:#fff;padding:12px 24px;border:none;cursor:pointer;font-size:16px;">Vahvista peruutus</button></p> </form> <div id="wf-confirm" style="display:none;padding:16px;background:#f0f8f0;border:1px solid #4caf50;margin-top:16px;"> <strong>✓ Peruutuspyyntösi on vastaanotettu.</strong><br> Lähetämme vahvistuksen sähköpostiisi pian. Säilytä tämä vahvistus. </div> <script> function submitWithdrawal() { var name = document.getElementById('wf-name').value; var email = document.getElementById('wf-email').value; var order = document.getElementById('wf-order').value; var details = document.getElementById('wf-details').value; if (!name || !email || !order || !details) { alert('Täytä kaikki kentät.'); return; } // Lähetä sähköposti kauppiaalle var subject = encodeURIComponent('Peruutusilmoitus – Tilaus ' + order); var body = encodeURIComponent( 'Peruutusilmoitus\n\nNimi: ' + name + '\nSähköposti: ' + email + '\nTilausnumero: ' + order + '\nTiedot: ' + details + '\n\nPäivämäärä: ' + new Date().toLocaleDateString('fi-FI') ); window.location.href = 'mailto:sarila.arts@outlook.com?subject=' + subject + '&body=' + body; document.getElementById('withdrawal-form').style.display = 'none'; document.getElementById('wf-confirm').style.display = 'block'; } </script>