<h2>Pre-Order Request</h2>
<p>Please fill out this form to pre-order the product:</p>
<form method="post" action="/contact#contact_form" id="preorder-form" accept-charset="UTF-8" class="contact-form">
<input type="hidden" name="form_type" value="contact">
<input type="hidden" name="utf8" value="✓">
<input type="hidden" name="contact[Product]" id="preorder-product-name" value="">
<label for="ContactFormName">Name</label>
<input type="text" name="contact[name]" id="ContactFormName" required>
<label for="ContactFormEmail">Email</label>
<input type="email" name="contact[email]" id="ContactFormEmail" required>
<label for="ContactFormMessage">Message</label>
<textarea rows="5" name="contact[body]" id="ContactFormMessage" placeholder="Any special notes or preferences?"></textarea>
<button type="submit">Submit Pre-Order</button>
</form>
<script>
// Grab product name from query string and set in hidden input
const urlParams = new URLSearchParams(window.location.search);
const product = urlParams.get('product');
if (product) {
document.getElementById('preorder-product-name').value = decodeURIComponent(product);
}
</script>
