@extends('layouts.app')

@section('title', 'Admin — Hisab')

@section('content')
@php
function bdt($n) { return '৳ ' . number_format($n, 2); }
@endphp

<div class="mx-auto max-w-7xl space-y-6">
    <div class="flex items-end justify-between gap-3">
        <div>
            <h1 class="flex items-center gap-2 font-display text-3xl font-semibold tracking-tight"><x-icon name="shield" class="h-7 w-7 text-primary" /> Admin</h1>
            <p class="text-sm text-muted-foreground">Shob user ar platform er hisab</p>
        </div>
    </div>

    <div class="grid gap-4 md:grid-cols-3 lg:grid-cols-6">
        <div class="rounded-2xl border border-primary/40 bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">Users</div>
            <div class="mt-1 font-display text-xl font-semibold">{{ $stats['totalUsers'] }}</div>
        </div>
        <div class="rounded-2xl border border-border bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">Deals</div>
            <div class="mt-1 font-display text-xl font-semibold">{{ $stats['totalDeals'] }}</div>
        </div>
        <div class="rounded-2xl border border-border bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">Transactions</div>
            <div class="mt-1 font-display text-xl font-semibold">{{ $stats['totalTxns'] }}</div>
        </div>
        <div class="rounded-2xl border border-border bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">Total in</div>
            <div class="mt-1 font-display text-xl font-semibold text-emerald-500">{{ bdt($stats['totalIn']) }}</div>
        </div>
        <div class="rounded-2xl border border-border bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">Total out</div>
            <div class="mt-1 font-display text-xl font-semibold text-red-500">{{ bdt($stats['totalOut']) }}</div>
        </div>
        <div class="rounded-2xl border border-border bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">Fee</div>
            <div class="mt-1 font-display text-xl font-semibold">{{ bdt($stats['totalFee']) }}</div>
        </div>
    </div>

    <div class="rounded-2xl border border-border bg-card">
        <div class="border-b border-border/60 px-5 py-4">
            <h2 class="font-display text-lg font-semibold">All users</h2>
            <p class="text-xs text-muted-foreground">{{ $users->count() }} total · click korle detail dekha jabe</p>
        </div>
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead>
                    <tr class="border-b border-border/60 text-left text-xs uppercase tracking-wider text-muted-foreground">
                        <th class="px-5 py-3">Email</th>
                        <th class="px-3 py-3">Joined</th>
                        <th class="px-3 py-3 text-right">Deals</th>
                        <th class="px-3 py-3 text-right">Txns</th>
                        <th class="px-3 py-3 text-right">In</th>
                        <th class="px-3 py-3 text-right">Out</th>
                        <th class="px-5 py-3 text-right">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($users as $u)
                        <tr class="border-b border-border/40 hover:bg-accent/30">
                            <td class="px-5 py-3">
                                <a href="{{ route('admin.users.show', $u) }}" class="block text-left">
                                    <div class="flex items-center gap-2 font-medium">
                                        {{ $u->email ?? '—' }}
                                        @if ($u->is_admin) <span class="rounded-full bg-primary/15 px-2 py-0.5 text-[10px] uppercase tracking-wider text-primary">admin</span> @endif
                                    </div>
                                    <div class="text-xs text-muted-foreground">ID: {{ $u->id }}</div>
                                </a>
                            </td>
                            <td class="px-3 py-3 text-muted-foreground">{{ $u->created_at->format('M d, Y') }}</td>
                            <td class="px-3 py-3 text-right">{{ $u->deals_count }}</td>
                            <td class="px-3 py-3 text-right">{{ $u->transactions_count }}</td>
                            <td class="px-3 py-3 text-right text-emerald-500">{{ bdt($u->total_in ?? 0) }}</td>
                            <td class="px-3 py-3 text-right text-red-500">{{ bdt($u->total_out ?? 0) }}</td>
                            <td class="px-5 py-3 text-right">
                                @if (!$u->is_admin)
                                    <form method="POST" action="{{ route('admin.users.destroy', $u) }}" onsubmit="return confirm('Ei user delete korben?')">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="p-2 rounded-md hover:bg-accent text-red-500"><x-icon name="trash" class="h-4 w-4" /></button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection