@extends('layouts.admin')
@section('title', 'Statistik Global')

@section('content')
<div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
    <table class="min-w-full text-sm">
        <thead class="bg-slate-50 text-xs uppercase text-slate-600">
            <tr>
                <th class="px-4 py-3 text-left">Tenant</th>
                <th class="px-4 py-3 text-center">User</th>
                <th class="px-4 py-3 text-center">Customer</th>
                <th class="px-4 py-3 text-center">Invoice</th>
                <th class="px-4 py-3 text-right">Total Nilai</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @foreach($tenants as $t)
                <tr class="hover:bg-slate-50">
                    <td class="px-4 py-3">
                        <a href="{{ route('admin.tenants.show', $t) }}" class="font-semibold text-[#1e6fbf] hover:underline">{{ $t->nama_perusahaan }}</a>
                        <div class="text-xs text-slate-500 font-mono">{{ $t->kode_tenant }}</div>
                    </td>
                    <td class="px-4 py-3 text-center">{{ $t->users_count }}</td>
                    <td class="px-4 py-3 text-center">{{ $t->customers_count }}</td>
                    <td class="px-4 py-3 text-center font-semibold">{{ $t->invoices_count }}</td>
                    <td class="px-4 py-3 text-right">Rp {{ number_format($t->total_nilai ?? 0, 0, ',', '.') }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="p-3 border-t border-slate-200">{{ $tenants->links() }}</div>
</div>
@endsection