document.addEventListener("DOMContentLoaded", function () {
    const button = document.getElementById('check-username');
    const uidField = document.getElementById('player_id');

    if (button && uidField) {
        button.addEventListener('click', function handler() {
            const uid = uidField.value.trim();

            if (!uid) {
                button.textContent = '⚠ প্রথমে আপনার UID লিখুন';
                button.style.backgroundColor = 'red';
                return;
            }

         
            button.style.pointerEvents = "none";
            button.textContent = '⏳ চেক করা হচ্ছে...';
            button.style.backgroundColor = '#00702a';

            fetch('/check-username?uid=' + uid)
                .then(res => res.json())
                .then(response => {
                    if (response && response.status === 200 && !response.error) {
                      
                        button.textContent = ' ' + response.data.username;
                        button.style.backgroundColor = '#00702a';
                        button.style.pointerEvents = "none"; // lock
                    } else {
                        button.textContent = 'আপনার গেম আইডির নাম চেক করুন';
                        button.style.backgroundColor = '#00702a';
                        button.style.pointerEvents = "auto";
                    }
                })
                .catch(() => {
                    button.textContent = '⚠ সার্ভারে সমস্যা হয়েছে';
                    button.style.backgroundColor = 'red';
                    button.style.pointerEvents = "auto";
                });
        });
    }
});