\n {/* Tab Navigation */}\n

\n setActiveTab('overview')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'overview'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📊 Overview\n \n setActiveTab('users')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'users'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 👥 Users ({users.length})\n \n setActiveTab('content')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'content'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📋 Content ({content.length})\n \n

\n\n {/* Overview Tab */}\n {activeTab === 'overview' && stats && (\n

\n {/* Stats Cards */}\n

👥

Total Users

{stats.totalUsers}

🔧

Admin Users

{stats.adminUsers}

📋

Total Content

{stats.totalContent}

📊

Content Types

\n 📝 {stats.contentByType.text} • 🖼️ {stats.contentByType.image} • 🔗 {stats.contentByType.url}\n

\n\n {/* Recent Activity */}\n

👥 Recent Users

\n {stats.recentUsers.map((user) => (\n

{user.name}

{user.email}

\n {user.isAdmin && (\n Admin\n )}\n

\n {formatDate(user.createdAt)}\n

\n ))}\n

\n\n

📋 Recent Content

\n {stats.recentContent.map((item) => (\n

\n \n {item.type}\n \n \n {formatDate(item.createdAt)}\n \n

\n {item.type === 'text' ? item.content : \n item.type === 'url' ? item.content :\n `Image: ${item.title || 'Untitled'}`}\n

\n ))}\n

\n )}\n\n {/* Users Tab */}\n {activeTab === 'users' && (\n

👥 User Management

\n \n \n \n \n \n \n \n \n \n \n \n {users.map((user) => (\n \n \n \n \n \n \n \n ))}\n \n

\n User\n	\n Role\n	\n Created\n	\n Last Login\n	\n Actions\n
\n \n {user.name} \n {user.email} \n \n	\n {user.isAdmin ? (\n \n Admin\n \n ) : (\n \n User\n \n )}\n	\n {formatDate(user.createdAt)}\n	\n {user.lastLoginAt ? formatDate(user.lastLoginAt) : 'Never'}\n	\n {!user.isAdmin && (\n makeUserAdmin(user.id)}\n className=\"text-yellow-600 hover:text-yellow-900\"\n >\n Make Admin\n \n )}\n

\n )}\n\n {/* Content Tab */}\n {activeTab === 'content' && (\n

📋 Content Management

\n {content.map((item) => (\n

\n \n {item.type}\n \n \n User: {item.user?.name || 'Unknown'}\n \n

\n \n {formatDate(item.createdAt)}\n \n deleteContent(item.id)}\n className=\"text-red-500 hover:text-red-700\"\n >\n 🗑️\n \n

\n {item.type === 'url' && (\n \n 🔗 {item.content}\n \n )}\n {item.type === 'text' && (\n

📝 {item.content}

\n )}\n {item.type === 'image' && (\n

🖼️ Image: {item.title || 'Untitled'}

\n {item.content.startsWith('data:image/') && (\n {item.title

\n )}\n

\n ))}\n

\n )}\n

Access Denied

🔧 Admin Panel

👥 Recent Users

📋 Recent Content

👥 User Management

📋 Content Management