Track Order

<!-- ==== Sloving Safe - Track Your Order Page ==== -->

<div style="max-width:900px;margin:0 auto;padding:40px 20px;font-family:Inter,Arial;">
  
  <h1 style="font-size:32px;font-weight:700;color:#000;margin-bottom:10px;">Track Your Order</h1>
  
  <p style="font-size:16px;color:#444;margin-bottom:20px;">
    Enter your tracking number below to get the latest updates on your shipment.<br>
    If your tracking number does not work immediately, please allow 24–48 hours after shipping.
  </p>

  <!-- Input container -->
  <div style="background:#f7f7f7;padding:20px;border-radius:10px;margin-bottom:25px;">
    <label style="font-weight:600;color:#000;">Tracking Number</label>
    <input id="ss-track-input" 
           type="text" 
           placeholder="Ex: YT123456789000" 
           style="width:100%;padding:14px;margin-top:8px;border:1px solid #ccc;border-radius:8px;font-size:16px;">
           
    <button onclick="ssTrack()" 
            style="margin-top:15px;width:100%;padding:14px;background:#3D8DF7;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;">
      Track Package
    </button>
  </div>

  <!-- Iframe container -->
  <div id="ss-track-result" style="margin-top:20px;display:none;">
    <iframe id="ss-track-iframe"
            src=""
            style="width:100%;height:650px;border:0;border-radius:10px;overflow:hidden;">
    </iframe>
  </div>

  <p style="font-size:14px;color:#777;margin-top:20px;">
    Need help? Contact us at 
    <a href="mailto:contact@slovingsafe.com" style="color:#3D8DF7;">contact@slovingsafe.com</a>
  </p>

</div>

<script>
  function ssTrack() {
    var code = document.getElementById("ss-track-input").value.trim();
    if(code === "") {
      alert("Please enter your tracking number.");
      return;
    }
    
    var iframe = document.getElementById("ss-track-iframe");
    var container = document.getElementById("ss-track-result");

    // 17TRACK universal tracker
    iframe.src = "https://t.17track.net/en#nums=" + code;

    container.style.display = "block";
    iframe.scrollIntoView({ behavior: "smooth" });
  }
</script>

<!-- ==== END Track Page ==== -->