@extends('layouts.app')
@section('title', __('Reports'))
@section('content')
<section class="mb-6">
  <p class="text-sm text-slate-500">{{ __(auth()->user()->isAdmin() ? 'A high-level snapshot of recorded network activity.' : 'A private snapshot of your own recorded activity.') }}</p>
</section>
<section class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
  <div class="metric-card"><p class="text-sm font-medium text-slate-500">{{ __(auth()->user()->isAdmin() ? 'Total accounts' : 'Your account') }}</p><p class="mt-4 text-3xl font-extrabold text-slate-950">{{ number_format($stats['members']) }}</p><p class="mt-2 text-xs text-slate-400">{{ __(auth()->user()->isAdmin() ? 'Members and employees' : 'Account in this workspace') }}</p></div>
  <div class="metric-card"><p class="text-sm font-medium text-slate-500">{{ __(auth()->user()->isAdmin() ? 'Recorded sales' : 'Your sales') }}</p><p class="mt-4 text-3xl font-extrabold text-slate-950">৳{{ number_format($stats['sales'], 2) }}</p><p class="mt-2 text-xs text-slate-400">{{ __(auth()->user()->isAdmin() ? 'Sum of recorded sales' : 'Sum of your recorded sales') }}</p></div>
  <div class="metric-card"><p class="text-sm font-medium text-slate-500">{{ __(auth()->user()->isAdmin() ? 'Commissions' : 'Your commissions') }}</p><p class="mt-4 text-3xl font-extrabold text-slate-950">৳{{ number_format($stats['commissions'], 2) }}</p><p class="mt-2 text-xs text-slate-400">{{ __(auth()->user()->isAdmin() ? 'Sum of recorded commissions' : 'Sum of your recorded commissions') }}</p></div>
</section>
<section class="panel-card mt-5 flex flex-wrap items-center justify-between gap-4 p-5 sm:p-6">
  <div><h2 class="font-bold text-slate-900">{{ __('Account activity') }}</h2><p class="mt-1 text-sm text-slate-500">{{ __(auth()->user()->isAdmin() ? 'These totals reflect records currently stored in your LML workspace.' : 'These totals only include records linked to your member account.') }}</p></div>
  <a href="{{ route('dashboard') }}" class="rounded-xl border border-slate-200 px-4 py-2.5 text-sm font-semibold text-slate-700 hover:bg-slate-50">{{ __('Back to overview') }}</a>
</section>
@endsection