@extends('layouts.app')

@section('title', ($user->email ?? 'User') . ' — Hisab Admin')

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

<div class="mx-auto max-w-5xl space-y-6">
    <div class="flex items-center gap-2 text-sm text-muted-foreground">
        <a href="{{ route('admin.index') }}" class="hover:text-primary">Admin</a>
        <span>/</span>
        <span class="text-foreground">{{ $user->email ?? 'User' }}</span>
    </div>

    <div>
        <h1 class="font-display text-3xl font-semibold tracking-tight">{{ $user->name ?? $user->email }}</h1>
        <p class="text-sm text-muted-foreground">Joined {{ $user->created_at->format('M d, Y') }}</p>
    </div>

    <div class="rounded-2xl border border-border bg-card p-5">
        <h2 class="font-display text-lg font-semibold mb-4">Wallets</h2>
        <div class="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
            @forelse ($user->wallets as $w)
                <div class="rounded-xl border border-border/60 p-3">
                    <div class="font-medium">{{ $w->name }}</div>
                    <div class="text-xs text-muted-foreground">{{ $w->type }}</div>
                    <div class="mt-2 font-display font-semibold">{{ bdt($w->currentBalance()) }}</div>
                </div>
            @empty
                <p class="text-sm text-muted-foreground">Kono wallet nei.</p>
            @endforelse
        </div>
    </div>

    <div class="rounded-2xl border border-border bg-card p-5">
        <h2 class="font-display text-lg font-semibold mb-4">Recent transactions</h2>
        <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-3 py-3">Date</th>
                        <th class="px-3 py-3">Wallet</th>
                        <th class="px-3 py-3">Type</th>
                        <th class="px-3 py-3">Direction</th>
                        <th class="px-3 py-3 text-right">Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($user->transactions as $t)
                        <tr class="border-b border-border/40">
                            <td class="px-3 py-3">{{ $t->occurred_at->format('M d, Y') }}</td>
                            <td class="px-3 py-3">{{ $t->wallet->name }}</td>
                            <td class="px-3 py-3">{{ $t->type }}</td>
                            <td class="px-3 py-3">{{ $t->direction }}</td>
                            <td class="px-3 py-3 text-right font-display {{ $t->direction === 'in' ? 'text-emerald-500' : 'text-red-500' }}">{{ $t->direction === 'in' ? '+' : '−' }} {{ bdt($t->amount) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="px-3 py-10 text-center text-muted-foreground">Kono transaction nei.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="rounded-2xl border border-border bg-card p-5">
        <h2 class="font-display text-lg font-semibold mb-4">Deals</h2>
        <div class="grid gap-3 md:grid-cols-2">
            @forelse ($user->deals as $d)
                <div class="rounded-xl border border-border/60 p-3">
                    <div class="font-medium">{{ $d->title }}</div>
                    <div class="text-xs text-muted-foreground">{{ $d->status }} · Net {{ bdt($d->net()) }}</div>
                </div>
            @empty
                <p class="text-sm text-muted-foreground">Kono deal nei.</p>
            @endforelse
        </div>
    </div>
</div>
@endsection