@extends('layouts.app')
@section('title', __('Financial analytics'))
@section('content')
<div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
@foreach([
  [__('Members'), number_format($membersCount), __(':count active', ['count' => number_format($activeMembersCount)]), 'blue'],
  [__('Approved sales'), '৳'.number_format($approvedSales, 2), __('Recorded sales accepted'), 'orange'],
  [__('Today sales'), '৳'.number_format($todaySales, 2), today()->format('M d, Y'), 'rose'],
  [__('This month sales'), '৳'.number_format($monthlySales, 2), now()->format('F Y'), 'violet'],
  [__('Pending sales'), '৳'.number_format($pendingSales, 2), __('Awaiting review'), 'amber'],
  [__('Paid commissions'), '৳'.number_format($paidCommissions, 2), __('All paid member commissions'), 'emerald'],
  [__('Pending withdrawals'), '৳'.number_format($pendingWithdrawals, 2), __('Awaiting approval'), 'rose'],
] as [$label, $value, $hint, $color])
<article class="panel-card p-5"><p class="text-sm font-medium text-slate-500">{{ $label }}</p><p class="mt-3 text-2xl font-extrabold text-slate-900">{{ $value }}</p><p class="mt-2 text-xs text-slate-400">{{ $hint }}</p></article>
@endforeach
</div>
<div class="mt-6 grid gap-6 xl:grid-cols-2">
<section class="panel-card overflow-hidden"><div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold text-slate-900">{{ __('Department performance') }}</h2></div><div class="table-scroll"><table class="w-full text-left text-sm"><thead class="bg-slate-50 text-xs font-bold uppercase text-slate-400"><tr><th class="px-5 py-3">{{ __('Department') }}</th><th class="px-5 py-3">{{ __('Employees') }}</th><th class="px-5 py-3">{{ __('Approved sales') }}</th></tr></thead><tbody class="divide-y divide-slate-100">@forelse($departmentSales as $department)<tr><td class="px-5 py-4 font-semibold">{{ $department->name }} · {{ $department->code }}</td><td class="px-5 py-4">{{ number_format($department->employee_count) }}</td><td class="px-5 py-4 font-bold">৳{{ number_format($department->sales_total, 2) }}</td></tr>@empty<tr><td colspan="3" class="px-5 py-8 text-center text-slate-400">{{ __('No department data available.') }}</td></tr>@endforelse</tbody></table></div></section>
<section class="panel-card overflow-hidden"><div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold text-slate-900">{{ __('Lead conversion analytics') }}</h2></div><div class="divide-y divide-slate-100">@forelse($leadStatus as $row)<div class="flex items-center justify-between px-5 py-4"><span class="font-semibold">{{ __(ucwords(str_replace('_',' ',$row->status))) }}</span><span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-bold">{{ number_format($row->count) }}</span></div>@empty<p class="px-5 py-8 text-center text-slate-400">{{ __('No leads recorded yet.') }}</p>@endforelse</div></section>
<section class="panel-card overflow-hidden"><div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold text-slate-900">{{ __('Best sellers') }}</h2></div><div class="divide-y divide-slate-100">@forelse($topSellers as $seller)<div class="flex items-center justify-between gap-3 px-5 py-4"><div><p class="font-semibold">{{ $seller->name }}</p><p class="mt-1 text-xs text-slate-400">{{ $seller->member_id }} · {{ __($seller->role === 'employee' ? 'Employee' : 'Member') }}</p></div><p class="shrink-0 font-bold">৳{{ number_format($seller->approved_sales_total ?? 0, 2) }}</p></div>@empty<p class="px-5 py-8 text-center text-slate-400">{{ __('No sales recorded yet.') }}</p>@endforelse</div></section>
<section class="panel-card overflow-hidden"><div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold text-slate-900">{{ __('Commission breakdown') }}</h2></div><div class="table-scroll"><table class="w-full text-left text-sm"><thead class="bg-slate-50 text-xs font-bold uppercase text-slate-400"><tr><th class="px-5 py-3">{{ __('Type') }}</th><th class="px-5 py-3">{{ __('Transactions') }}</th><th class="px-5 py-3">{{ __('Total') }}</th></tr></thead><tbody class="divide-y divide-slate-100">@forelse($commissionBreakdown as $row)<tr><td class="px-5 py-4 font-semibold">{{ __(ucwords(str_replace('_', ' ', $row->type))) }}</td><td class="px-5 py-4">{{ $row->count }}</td><td class="px-5 py-4 font-bold">৳{{ number_format($row->total, 2) }}</td></tr>@empty<tr><td colspan="3" class="px-5 py-10 text-center text-slate-400">{{ __('No paid commissions yet.') }}</td></tr>@endforelse</tbody></table></div></section>
<section class="panel-card overflow-hidden"><div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold text-slate-900">{{ __('Latest sales') }}</h2></div><div class="table-scroll"><table class="w-full text-left text-sm"><thead class="bg-slate-50 text-xs font-bold uppercase text-slate-400"><tr><th class="px-5 py-3">{{ __('Member') }}</th><th class="px-5 py-3">{{ __('Amount') }}</th><th class="px-5 py-3">{{ __('Status') }}</th></tr></thead><tbody class="divide-y divide-slate-100">@forelse($recentSales as $sale)<tr><td class="px-5 py-4 font-semibold">{{ $sale->user->name ?? '—' }}</td><td class="px-5 py-4">৳{{ number_format($sale->amount, 2) }}</td><td class="px-5 py-4">{{ __(ucfirst($sale->status)) }}</td></tr>@empty<tr><td colspan="3" class="px-5 py-10 text-center text-slate-400">{{ __('No sales recorded yet.') }}</td></tr>@endforelse</tbody></table></div></section>
</div>
@endsection