<div style="max-width: 600px; margin: 40px auto; padding: 30px; font-family: 'Helvetica Neue', Arial, sans-serif; background-color: #faf8f5; border-radius: 8px; border: 1px solid #e6e2dc; text-align: center;">
<h2 style="color: #1a1a1a; font-size: 24px; margin-bottom: 10px; letter-spacing: 1px;">KARGO TAKİP</h2>
<p style="color: #666666; font-size: 14px; margin-bottom: 25px; line-height: 1.5;">
Sipariş onay e-postanda gönderilen kargo takip numaranı aşağıdaki alana girerek gönderini anlık olarak sorgulayabilirsin.
</p>
<!-- Kargo Takip Giriş Alanı -->
<div style="margin-bottom: 20px;">
<input type="text" id="YQNum" maxlength="50" placeholder="Kargo takip numaranızı girin..." style="width: 70%; padding: 12px 15px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; outline: none; margin-right: 5px;" />
<input type="button" value="SORGULA" onclick="doTrack()" style="padding: 12px 20px; font-size: 14px; background-color: #1a1a1a; color: #ffffff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold;" />
</div>
<!-- Sonuçların Listeleneceği Alan -->
<div id="YQContainer" style="margin-top: 30px; text-align: left;"></div>
<!-- 17track Entegrasyon Kodu -->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
function doTrack() {
var num = document.getElementById("YQNum").value.trim();
if(num === ""){
alert("Lütfen bir kargo takip numarası girin.");
return;
}
YQ.track({
"USR": "",
"RESULT": "YQContainer",
"WIDTH": 100,
"HEIGHT": 450,
"LANG": "TR",
"NUM": num
});
}
</script>
</div>