(function() {
    const ViewConsoleDash = () => {
        const { user } = window.useApp();

        return (
            <div>
                <div className="mb-8">
                    <h1 className="text-3xl font-bold text-white mb-2">Selamat Datang, {user.name.split(' ')[0]}! 👋</h1>
                    <p className="text-gray-400">Berikut adalah ringkasan performa karya Anda bulan ini.</p>
                </div>

                {/* Stat Cards */}
                <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                    <div className="bg-[#1e1e2e] p-6 rounded-2xl border border-white/5">
                        <p className="text-gray-400 text-sm mb-1">Total Views</p>
                        <h3 className="text-3xl font-bold text-white">24.5k</h3>
                        <span className="text-green-400 text-xs">▲ 12% dari bulan lalu</span>
                    </div>
                    <div className="bg-[#1e1e2e] p-6 rounded-2xl border border-white/5">
                        <p className="text-gray-400 text-sm mb-1">Rating Rata-rata</p>
                        <h3 className="text-3xl font-bold text-white">4.8</h3>
                        <span className="text-yellow-400 text-xs">⭐⭐⭐⭐⭐</span>
                    </div>
                    <div className="bg-[#1e1e2e] p-6 rounded-2xl border border-white/5">
                        <p className="text-gray-400 text-sm mb-1">Tiket Terjual</p>
                        <h3 className="text-3xl font-bold text-white">1,204</h3>
                        <span className="text-purple-400 text-xs">Rp 30.1jt Revenue</span>
                    </div>
                </div>

                {/* Recent Activity Mock */}
                <div className="bg-[#1e1e2e] rounded-2xl border border-white/5 p-6">
                    <h3 className="text-lg font-bold text-white mb-4">Aktivitas Terbaru</h3>
                    <div className="space-y-4">
                        <div className="flex items-center gap-4 py-2 border-b border-white/5">
                            <div className="w-2 h-2 rounded-full bg-green-500"></div>
                            <p className="text-sm text-gray-300">Tiket dibeli oleh <span className="text-white font-bold">Budi Santoso</span> untuk "Misteri Benteng"</p>
                            <span className="ml-auto text-xs text-gray-500">2m ago</span>
                        </div>
                        <div className="flex items-center gap-4 py-2 border-b border-white/5">
                            <div className="w-2 h-2 rounded-full bg-blue-500"></div>
                            <p className="text-sm text-gray-300">Film baru <span className="text-white font-bold">"Teater Nelayan"</span> berhasil diupload</p>
                            <span className="ml-auto text-xs text-gray-500">1h ago</span>
                        </div>
                    </div>
                </div>
            </div>
        );
    };

    window.ViewConsoleDash = ViewConsoleDash;
})();