Track Your Order | HappyPaws

<div style="max-width:500px;margin:auto;text-align:center;padding:20px;">
  <p style="font-size:18px;margin-bottom:20px;">
    Enter your tracking number below to see the latest shipping updates.
  </p>

  <input id="trackingNumber" type="text" placeholder="Enter tracking number"
  style="width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:6px;">

  <button onclick="trackOrder()"
  style="width:100%;padding:12px;background:#111;color:white;border:none;border-radius:6px;cursor:pointer;">
    Track Order
  </button>
</div>

<script>
function trackOrder() {
  var tracking = document.getElementById("trackingNumber").value.trim();

  if (tracking === "") {
    alert("Please enter your tracking number.");
    return;
  }

  window.open("https://www.17track.net/en/track?nums=" + encodeURIComponent(tracking), "_blank");
}
</script>