Track Your Order

<h2>Track Your Order</h2>
<p>Enter your order number and email to check your order status.</p>

<form id="trackOrderForm">
  <input type="text" id="orderNumber" placeholder="Order Number" required />
  <input type="email" id="email" placeholder="Email Address" required />
  <button type="submit">Track Order</button>
</form>

<div id="orderResult"></div>

<script>
  document.getElementById("trackOrderForm").addEventListener("submit", function(e) {
    e.preventDefault();
    const orderNumber = document.getElementById("orderNumber").value;
    const email = document.getElementById("email").value;

    // Simulated response (replace with real API or Shopify Order Lookup App)
    if (orderNumber === "12345" && email === "test@example.com") {
      document.getElementById("orderResult").innerHTML = `
        <p><strong>Status:</strong> Shipped</p>
        <p><strong>Estimated Delivery:</strong> Oct 22, 2025</p>
      `;
    } else {
      document.getElementById("orderResult").innerHTML = `
        <p style="color:red;">Order not found. Please check your details.</p>
      `;
    }
  });
</script>