<div>
        <p class="text-gray-400 text-[10px] font-bold mb-3 uppercase tracking-widest">Site KJC</p>
        <div class="grid grid-cols-2 gap-3 text-sm">
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="QQ88"> QQ88</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="RR88"> RR88</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="MM88"> MM88</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="XX88"> XX88</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="OPEN88"> OPEN88</label>
        </div>
    </div>

    <div>
        <p class="text-gray-400 text-[10px] font-bold mb-3 uppercase tracking-widest">Site OKVIP</p>
        <div class="grid grid-cols-2 gap-3 text-sm">
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="SC88"> SC88</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="CM88"> CM88</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="FLY88"> FLY88</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="F168"> F168</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="C168"> C168</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="ABCVIP"> ABCVIP</label>
            <label class="flex items-center gap-2"><input type="checkbox" name="site" value="NOHU"> NOHU</label>
        </div>
    </div>

    <div>
        <p class="text-gray-400 text-[10px] font-bold mb-2 uppercase tracking-widest">Link vượt App</p>
        <button class="bg-emerald-950 text-emerald-400 border border-emerald-800 px-4 py-2 rounded-lg text-xs font-bold flex items-center gap-2">
            🎁 WEB KM
        </button>
    </div>

    <div>
        <p class="text-gray-400 text-[10px] font-bold mb-2 uppercase tracking-widest font-mono">Dữ liệu Base64</p>
        <textarea id="base64Input" class="w-full h-24 bg-gray-900 border border-gray-700 rounded-lg p-3 text-xs focus:outline-none focus:border-emerald-500 font-mono" placeholder="Nhấn để dán dữ liệu..."></textarea>
    </div>

    <div class="space-y-3">
        <button onclick="startAuto()" class="w-full bg-emerald-600 hover:bg-emerald-500 py-4 rounded-xl font-bold text-white flex justify-center items-center gap-2 transition-all shadow-lg active:scale-95">
            ⚡ KHỞI CHẠY AUTO
        </button>
        <button class="w-full bg-slate-800 hover:bg-slate-700 py-3 rounded-xl font-semibold text-sm flex justify-center items-center gap-2 transition-all text-gray-300">
            🏦 ĐIỀN BANK BỔ SUNG
        </button>
    </div>
</div>

<script>
    const tg = window.Telegram.WebApp;
    tg.expand();

    async function startAuto() {
        const base64 = document.getElementById('base64Input').value;
        const sites = Array.from(document.querySelectorAll('input[name="site"]:checked')).map(cb => cb.value);
        
        if(!base64 || sites.length === 0) {
            tg.showAlert("Vui lòng chọn site và dán dữ liệu!");
            return;
        }

        try {
            // THAY LINK NGROK HOẶC IP CỦA BẠN VÀO ĐÂY
            const url = 'https://barbecue-voicing-enlighten.ngrok-free.dev/run-auto', {
                method: 'POST',
                headers: {'Content-Type': 'application/json'},
                body: JSON.stringify({ 
                    user_id: tg.initDataUnsafe.user?.id, 
                    sites: sites, 
                    data: base64 
                })
            });

            const result = await response.json();
            tg.showPopup({
                title: 'Thông báo',
                message: result.message,
                buttons: [{type: 'ok'}]
            });
        } catch (err) {
            tg.showAlert("Lỗi: Không kết nối được tới Server PC!");
        }
    }
</script>