<!-- INICIO CODIGO RASTREIO DE PEDIDOS -->
<style><!--
input[type=text] {
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: .375rem;
    border: 1px solid;
}

input[type=button] {
    color: #fff;
    background-color: #FF6F61;
    border-color: #FF6F61;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: .375rem;
    border: 1px solid transparent;
}

#trackingContainer {
    display: none;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 20px auto;
    text-align: left;
}

.tracking-header {
    font-size: 24px;
    color: #333;
    text-align: center;
}

.tracking-info {
    text-align: center;
    color: #333;
    font-size: 16px;
    margin-bottom: 20px;
}

.tracking-event {
    border-left: 3px solid #28a745;
    padding-left: 20px;
    margin-bottom: 20px;
    position: relative;
}

.tracking-event::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #28a745;
    border-radius: 50%;
    position: absolute;
    left: -7px;
    top: 5px;
}

.tracking-event p {
    margin: 5px 0;
    font-size: 16px;
}

.tracking-event p strong {
    color: #28a745;
    font-size: 18px;
}

.tracking-description {
    color: #555;
}
--></style>
<p style="font-weight: bold; text-align: center;">Para localizar sua encomenda, por favor, insira o código de rastreamento, número do pedido e CPF/CNPJ fornecido abaixo.</p>
<div style="text-align: center;"><input placeholder="Código de Rastreio ou Número do Pedido" maxlength="50" id="trackingCode" type="text"> <input placeholder="CPF/CNPJ" maxlength="18" id="cpf" type="text" oninput="this.value = this.value.replace(/\D/g, '')"> <input value="Buscar" type="button" onclick="doTrack()"></div>
<div style="text-align: center;"><br>📌 Lembre-se de que o código de rastreamento é enviado dentro de <strong>3 a 5 dias úteis</strong> após a confirmação da compra. Se você acabou de fazer um pedido, pode levar um tempo até que seu código de rastreamento esteja disponível.</div>
<div id="trackingContainer">
<h2 class="tracking-header">Histórico de Rastreamento</h2>
<div class="tracking-info">
<p><strong>Número do Pedido:</strong> <span id="orderNumber"></span></p>
<p><strong>Código de Rastreamento:</strong> <span id="trackingCodeDisplay"></span></p>
<p><strong>Destinatário:</strong> <span id="recipientName"></span></p>
</div>
<div id="eventContainer"></div>
</div>
<script>
function doTrack() {
    var trackingCodeOrOrderNumber = document.getElementById("trackingCode").value.trim();
    var cpf = document.getElementById("cpf").value.trim();

    // Remove o caractere '#' se ele estiver presente
    if (trackingCodeOrOrderNumber.startsWith("#")) {
        trackingCodeOrOrderNumber = trackingCodeOrOrderNumber.slice(1);
    }

    if (trackingCodeOrOrderNumber === "" || cpf === "") {
        alert("Digite o seu código de rastreio, número do pedido e CPF/CNPJ.");
        return;
    }

    console.log(`trackingCodeOrOrderNumber: ${trackingCodeOrOrderNumber}`);
    console.log(`cpf: ${cpf}`);

    fetch(`https://droptify-tool.com:3003/api/verificar/rastreio/${trackingCodeOrOrderNumber}/${cpf}`)
        .then(response => {
            if (!response.ok) {
                throw new Error(`Erro HTTP! status: ${response.status}`);
            }
            const contentType = response.headers.get("content-type");
            if (contentType && contentType.indexOf("application/json") !== -1) {
                return response.json();
            } else {
                throw new Error("A resposta não é um JSON válido.");
            }
        })
        .then(data => {
            if (data.success) {
                document.getElementById('trackingContainer').style.display = 'block';

                // Exibir informações principais
                document.getElementById('orderNumber').textContent = data.orderNumber || 'Desconhecido';
                document.getElementById('trackingCodeDisplay').textContent = data.trackingCode || 'Desconhecido';
                document.getElementById('recipientName').textContent = data.recipientName || 'Desconhecido';

                const historicoContainer = document.getElementById('eventContainer');
                historicoContainer.innerHTML = ''; // Limpa o conteúdo anterior

                data.historico.forEach(evento => {
                    const eventDiv = document.createElement('div');
                    eventDiv.classList.add('tracking-event');

                    const dateP = document.createElement('p');
                    const dataEvento = new Date(evento.data);
                    const dataFormatada = dataEvento.toLocaleString('pt-BR', {
                        day: '2-digit',
                        month: '2-digit',
                        year: 'numeric',
                        hour: '2-digit',
                        minute: '2-digit',
                        second: '2-digit'
                    });
                    dateP.innerHTML = `<strong>${dataFormatada}</strong>`;
                    eventDiv.appendChild(dateP);

                    const statusP = document.createElement('p');
                    statusP.innerText = evento.status;
                    eventDiv.appendChild(statusP);

                    const descP = document.createElement('p');
                    descP.classList.add('tracking-description');
                    descP.innerText = evento.descricao;
                    eventDiv.appendChild(descP);

                    historicoContainer.appendChild(eventDiv);
                });
            } else {
                document.getElementById('trackingContainer').style.display = 'block';
                document.getElementById('eventContainer').innerHTML = `<p>${data.message}</p>`;
            }
        })
        .catch(error => {
            console.error('Erro ao buscar o histórico de rastreamento:', error);
            document.getElementById('trackingContainer').style.display = 'block';
            document.getElementById('eventContainer').innerHTML = `<p>Erro ao buscar o histórico de rastreamento. Tente novamente mais tarde.</p>`;
        });
}
</script> <!-- FIM CODIGO RASTREIO DE PEDIDOS -->

                                

https://droptify-tool.com:3001/api/criar/rastreio/v1

                                

https://droptify-tool.com:3001/api/criar/rastreio/v2