window.addEventListener('message', function(event) {
    if (event.data.action === 'openTracker') {
        document.body.style.display = 'flex';
        document.getElementById('phone-input').value = '';
        document.getElementById('tracker-message').innerText = '';
    }
    if (event.data.action === 'closeTracker') {
        document.body.style.display = 'none';
    }
    if (event.data.action === 'trackerMessage') {
        document.getElementById('tracker-message').innerText = event.data.message;
    }
});

document.getElementById('close-btn').onclick = function() {
    document.body.style.display = 'none';
    fetch(`https://${GetParentResourceName()}/closeTracker`, {method: 'POST'});
};

document.getElementById('track-btn').onclick = function() {
    const phone = document.getElementById('phone-input').value.trim();
    if (!phone) {
        document.getElementById('tracker-message').innerText = 'يرجى إدخال رقم الجوال!';
        return;
    }
    fetch(`https://${GetParentResourceName()}/trackNumber`, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({phone: phone})
    });
};

document.body.style.display = 'none';