import AppLayout from '@/layouts/app-layout'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { Badge } from '@/components/ui/badge'; import { Head, Link } from '@inertiajs/react'; import { TrendingDown, TrendingUp, Users, Wallet } from 'lucide-react'; import { PageHelp } from '@/components/page-help'; import { dashboard } from '@/routes'; import { type BreadcrumbItem } from '@/types'; interface User { id: number; name: string; email: string; credit_balance: number; } interface Stats { total_users: number; total_credit_balance: number; low_balance_users: number; recent_transactions: number; } interface PaginatedUsers { data: User[]; current_page: number; last_page: number; per_page: number; total: number; } interface Props { users: PaginatedUsers; stats: Stats; } export default function CreditManagementIndex({ users = { data: [], current_page: 1, last_page: 1, per_page: 25, total: 0 }, stats = { total_users: 0, total_credit_balance: 0, low_balance_users: 0, recent_transactions: 0, } }: Props) { // Ensure users.data is always an array const usersArray = Array.isArray(users?.data) ? users.data : []; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: dashboard().url }, { title: 'Credit Management', href: '/admin/credit-management' }, ]; const helpSections = [ { title: 'Credit Management Overview', content: 'Monitor all user credit balances from a centralized dashboard. Track total credits in the system, identify low-balance users, and manage credit allocations.', }, { title: 'Credit Balance', content: 'Each user has a credit balance used to pay for calls. Credits are deducted in real-time based on call duration and destination.', }, { title: 'Low Balance Users', content: 'Users with balances below threshold are highlighted. Encourage them to top up to prevent campaign interruptions.', }, { title: 'Manual Adjustments', content: 'Admins can manually adjust user credits for refunds, bonuses, or corrections. All adjustments are logged for audit purposes.', }, { title: 'Transaction History', content: 'View detailed transaction history for each user to track credit purchases, usage, and adjustments over time.', }, { title: 'Credit Grants', content: 'Grant promotional credits to users for trials, bonuses, or compensation. Specify amount and reason for the grant.', }, ]; return (
{/* Stats Cards */}
Total Credits
${Number(stats?.total_credit_balance || 0).toFixed(2)}
Total Users
{stats?.total_users || 0}
Low Balance Users
{stats?.low_balance_users || 0}
Recent Transactions (7d)
{stats?.recent_transactions || 0}
{/* Users Table */} User Credit Balances View and manage credit balances for all users {usersArray.length === 0 ? (

No users found

) : ( User Email Credit Balance Status Actions {usersArray.map((user) => ( {user.name} {user.email} ${Number(user?.credit_balance || 0).toFixed(2)} {Number(user?.credit_balance || 0) > 10 ? ( Active ) : Number(user?.credit_balance || 0) > 0 ? ( Low Balance ) : ( No Credits )} ))}
)}
); }