https://phantuanvi.com/en/ Recent content on phantuanvi.com Hugo en https://phantuanvi.com/en/contact/ Mon, 01 Jan 0001 00:00:00 +0000 https://phantuanvi.com/en/contact/ <p>Have a question? Send it — good questions may become the next article.</p> <form id="contact-form" action="https://formspree.io/f/" method="POST"> <div> <label for="name">Name</label><br> <input type="text" id="name" name="name" required style="width:100%;padding:8px;margin-bottom:12px;box-sizing:border-box;"> </div> <div> <label for="email">Email</label><br> <input type="email" id="email" name="email" required style="width:100%;padding:8px;margin-bottom:12px;box-sizing:border-box;"> </div> <div> <label for="message">Question</label><br> <textarea id="message" name="message" rows="5" required style="width:100%;padding:8px;margin-bottom:12px;box-sizing:border-box;"></textarea> </div> <button type="submit" style="padding:10px 24px;">Send</button> <p id="form-status" style="display:none;margin-top:12px;color:#276749;"></p> </form> <script> var form = document.getElementById("contact-form"); form.addEventListener("submit", function(e) { e.preventDefault(); var data = new FormData(form); fetch(form.action, { method: "POST", body: data, headers: { "Accept": "application/json" } }).then(function(resp) { var status = document.getElementById("form-status"); status.style.display = "block"; if (resp.ok) { status.textContent = "Thank you! Your question was submitted."; form.reset(); } else { status.textContent = "Submission failed. Please try again."; status.style.color = "#9B2C2C"; } }).catch(function() { var status = document.getElementById("form-status"); status.style.display = "block"; status.textContent = "Submission failed. Please try again."; status.style.color = "#9B2C2C"; }); }); </script>