<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Berhasil Di Buat Oleh Surya Host</title>
    <link rel="canonical" href="https://x-tools.my.id">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Ramabhadra&family=Tilt+Neon&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.16/dist/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.css">

    <style>
        body {
            font-family: 'Ramabhadra', sans-serif;
            font-family: 'Tilt Neon', sans-serif;
            padding-top: 5rem;
            background: url('https://files.catbox.moe/mbew77.jpg') no-repeat center center fixed;
            background-size: cover;
            color: white;
            overflow-x: hidden;
        }

        /* Efek transparan premium */
        .transparan-box {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.25);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
            color: #fff;
            animation: fadeIn 1s ease-in-out;
        }

        /* Efek fade-in lembut */
        @keyframes fadeIn {
            from {opacity: 0; transform: translateY(15px);}
            to {opacity: 1; transform: translateY(0);}
        }

        /* Hover elegan */
        a.block:hover {
            transform: scale(1.02);
            transition: 0.2s ease;
        }
    </style>
</head>
<body class="font-sans-serif p-4 text-sm">

    <!-- Musik otomatis -->
    <audio id="bg-music" autoplay loop>
        <source src="https://files.catbox.moe/d1wvar.mp3" type="audio/mpeg">
    </audio>

    <nav class="fixed z-50 top-0 left-0 right-0 flex items-center justify-between bg-gray-800 bg-opacity-80 p-2 mt-1 mx-auto rounded-lg shadow-lg backdrop-blur-md">
        <div class="flex items-center flex-shrink-0 text-white mr-6">
            <svg class="h-8 w-8 fill-current">
                <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z"/>
                <path d="M12 14c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3z"/>
            </svg>
            <a href="index.php" class="font-semibold text-2xl tracking-tight ml-4 bg-gradient-to-r from-blue-400 via-white to-green-500 text-transparent bg-clip-text hover:text-white hover:bg-clip-text">
                © SURYA HOST
            </a>
        </div>
    </nav>

    <div class="container mx-auto mt-20 relative">
        <div class="max-w-3xl transparan-box rounded-lg p-6 mx-auto">
            <h2 class="text-2xl font-bold mb-4 text-white">Berikut Link Panel Mu</h2>
            
            <?php
            if (isset($_GET['web'])) {
                $web = htmlspecialchars($_GET['web']);

                $apiUrl = "https://{$_SERVER['HTTP_HOST']}/{$web}/apiii.php";
                echo "<div class='mb-4'>";
                echo "<p class='text-lg font-semibold mb-2 text-white'>API PANEL:</p>";
                echo "<span class='block bg-gray-700 bg-opacity-60 text-white rounded-lg px-4 py-2 mt-2 select-all'>$apiUrl</span>";
                echo "</div>";

                $settingUrl = "https://{$_SERVER['HTTP_HOST']}/{$web}/ultimate";
                echo "<div>";
                echo "<p class='text-lg font-semibold text-white'>PANEL SETING:</p>";
                echo "<a href='$settingUrl' class='block bg-gray-700 bg-opacity-60 text-white rounded-lg px-4 py-2 mt-2'>$settingUrl</a>";
                echo "</div>";
                
                $settingwaktuUrl = "https://{$_SERVER['HTTP_HOST']}/{$web}/masfebs";
                echo "<div>";
                echo "<p class='text-lg font-semibold text-white'>PANEL SETING WAKTU:</p>";
                echo "<a href='$settingwaktuUrl' class='block bg-gray-700 bg-opacity-60 text-white rounded-lg px-4 py-2 mt-2'>$settingwaktuUrl</a>";
                echo "</div>";
                
                $maksUrl = "https://{$_SERVER['HTTP_HOST']}/{$web}/login";
                echo "<div>";
                echo "<p class='text-lg font-semibold text-white'>ATUR MAX EMAIL:</p>";
                echo "<a href='$maksUrl' class='block bg-gray-700 bg-opacity-60 text-white rounded-lg px-4 py-2 mt-2'>$maksUrl</a>";
                echo "</div>";
                
                $aturUrl = "https://{$_SERVER['HTTP_HOST']}/{$web}/exp";
                echo "<div>";
                echo "<p class='text-lg font-semibold text-white'>ATUR TANGGAL EXPRIDE:</p>";
                echo "<a href='$aturUrl' class='block bg-gray-700 bg-opacity-60 text-white rounded-lg px-4 py-2 mt-2'>$aturUrl</a>";
                echo "</div>";
                
                echo '<a href="' . htmlspecialchars($web) . '/ultimate" class="mt-4 inline-block px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg shadow-md">Buka Panel</a>';
            } else {
                echo "<p class='text-lg text-red-500 mt-4'>No web directory specified.</p>";
            }
            ?>
        </div>
    </div>

    <script>
        // Autoplay fix untuk mobile
        document.addEventListener("click", function() {
            const music = document.getElementById("bg-music");
            if (music.paused) music.play();
        });
    </script>

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
</body>
</html>