<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="./style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VG FREE KEY</title>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

    <div class="head" align="center">
        <div class="text">
            <strong>Your Key Will Appear After You Joined My Discord.</strong>
        </div>

        <div class="button join-telegram" onclick="joinTelegram()">
           Join To My Discord Server
        </div>

        <!-- زر يظهر بعد 5 ثوانٍ من النقر على زر الانضمام -->
        <div class="button joined-button" id="joined-button" onclick="fetchKey()" style="display: none;">
            Click Here If You Have Joined To My Discord
        </div>

        <div class="output-key" id="key-display" style="display: none;">
            <div class="text">
                <strong>Your link is:</strong>
            </div>
            <button onclick="openLink()" class="button">
                <strong class="key-text" id="Coppy">http://easy4money.com/aiIUK8x</strong>
            </button>
        </div>
    </div>

    <script>
        function joinTelegram() {
            // فتح رابط قناة Telegram
            window.open('https://discord.gg/fghHkVghFx', '_blank');
            
            // بعد 5 ثوانٍ، يظهر الزر الثاني
            setTimeout(function() {
                document.getElementById('joined-button').style.display = 'flex'; // إظهار الزر
            }, 5000);
        }

        function fetchKey() {
            // عند النقر على الزر الثاني، يمكننا مباشرة عرض الرابط
            document.getElementById('key-display').style.display = 'block';
            document.getElementById('Coppy').innerText = 'http://easy4money.com/aiIUK8x'; // عرض الرابط بدلاً من المفتاح
        }

        function openLink() {
            // عند النقر على الرابط، فتحه في نافذة جديدة
            window.open('http://easy4money.com/aiIUK8x', '_blank');
        }
    </script>

</body>
</html>
