Suivre Ma Commande

<div style="text-align: center; margin-bottom: 25px; font-family: 'Poppins', sans-serif;">
<p style="color: #666;"><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Saisissez votre numéro de suivi pour connaître l'état de votre commande.</span></span></p>
</div>
<div class="field" style="max-width: 500px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; gap: 15px;"><input type="text" id="YQNum" maxlength="50" class="field__input" placeholder="Ex : 6A2345678912" style="border: 1.5px solid #C66BF5 !important; border-radius: 8px;"> <span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;"><input type="button" class="button" value="SUIVRE MON COLIS" style="background-color: #c66bf5 !important; color: white !important; border-radius: 8px; font-weight: bold; cursor: pointer; padding: 15px; letter-spacing: 1px;"></span></span></div>
<div id="YQContainer" style="margin-top: 30px; border-radius: 12px; overflow: hidden; border: 1px solid #C66BF5;"></div>
<p><script src="//www.17track.net/externalcall.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[
function doTrack() {
    var num = document.getElementById("YQNum").value;
    if(num === ""){
        alert("Veuillez entrer un numéro de suivi."); 
        return;
    }
    YQTrack.trackSingle({
        YQ_TargetId: "YQContainer",
        YQ_Height: 600,
        YQ_Fc: "0",
        YQ_Lang: "fr",
        YQ_Num: num
    });
}
// ]]></script></p>