@php
    use App\Models\User;
    use App\Models\Withdrawal;

    $statusMeta = [
        User::STATUS_ACTIVE => ['label' => 'সক্রিয়', 'class' => 'border-success/50 bg-success/10 text-success'],
        User::STATUS_SUSPENDED => ['label' => 'স্থগিত', 'class' => 'border-danger/50 bg-danger/10 text-danger'],
    ];
    $withdrawalMeta = [
        Withdrawal::STATUS_PENDING => ['label' => 'অপেক্ষমাণ', 'class' => 'border-info/50 bg-info/10 text-info'],
        Withdrawal::STATUS_PROCESSING => ['label' => 'প্রসেসিং', 'class' => 'border-warning/50 bg-warning/10 text-warning'],
        Withdrawal::STATUS_PAID => ['label' => 'পরিশোধিত', 'class' => 'border-success/50 bg-success/10 text-success'],
        Withdrawal::STATUS_REJECTED => ['label' => 'বাতিল', 'class' => 'border-danger/50 bg-danger/10 text-danger'],
    ];
    $meta = $statusMeta[$user->status] ?? $statusMeta[User::STATUS_ACTIVE];
    $isSelf = auth()->id() === $user->id;
@endphp

<x-layouts.admin title="ব্যবহারকারীর বিবরণ">
    <a href="{{ route('admin.users.index') }}" class="inline-flex items-center gap-1 text-sm font-semibold text-info hover:underline">
        <x-icon name="arrow-left" class="h-4 w-4"/> ব্যবহারকারী তালিকায় ফিরুন
    </a>

    <div class="mt-3 grid grid-cols-1 gap-4 xl:grid-cols-3">
        <section class="rounded-2xl border border-line bg-surface p-5 xl:col-span-2">
            <div class="flex flex-wrap items-start justify-between gap-3">
                <div class="flex items-center gap-3">
                    <span class="flex h-12 w-12 items-center justify-center rounded-full border border-panel-border bg-panel text-lg font-bold uppercase text-gold" aria-hidden="true">
                        {{ mb_strtoupper(mb_substr($user->name, 0, 1)) }}
                    </span>
                    <div class="min-w-0">
                        <h2 class="truncate text-xl font-bold">{{ $user->name }}</h2>
                        <p class="truncate text-sm text-ink-muted">#{{ $user->id }} · {{ $user->username }}</p>
                    </div>
                </div>
                <span class="badge {{ $meta['class'] }}">{{ $meta['label'] }}</span>
            </div>

            <dl class="mt-4 grid grid-cols-1 gap-3 text-sm sm:grid-cols-2">
                <div class="rounded-xl border border-line bg-surface-raised px-3 py-2">
                    <dt class="text-xs text-ink-muted">ফোন</dt>
                    <dd class="mt-0.5 font-semibold">{{ $user->phone ?? '—' }}</dd>
                </div>
                <div class="rounded-xl border border-line bg-surface-raised px-3 py-2">
                    <dt class="text-xs text-ink-muted">রেফারেল কোড</dt>
                    <dd class="mt-0.5 font-semibold">{{ $user->referral_code }}</dd>
                </div>
                <div class="rounded-xl border border-line bg-surface-raised px-3 py-2">
                    <dt class="text-xs text-ink-muted">নিবন্ধনের তারিখ</dt>
                    <dd class="mt-0.5 font-semibold">{{ $user->created_at->format('d/m/Y, h:i a') }}</dd>
                </div>
                <div class="rounded-xl border border-line bg-surface-raised px-3 py-2">
                    <dt class="text-xs text-ink-muted">রেফার করেছেন</dt>
                    <dd class="mt-0.5 font-semibold">{{ $user->referredBy?->name ?? '—' }}</dd>
                </div>
            </dl>

            @if ($user->isSuspended())
                <div class="mt-4 rounded-xl border border-danger/40 bg-danger/10 px-4 py-3 text-sm">
                    <p class="font-semibold text-danger">স্থগিত করার কারণ</p>
                    <p class="mt-1 text-ink-muted">{{ $user->suspension_reason ?? 'উল্লেখ করা হয়নি' }}</p>
                    @if ($user->suspended_at)
                        <p class="mt-1 text-xs text-ink-muted/80">{{ $user->suspended_at->format('d/m/Y, h:i a') }}</p>
                    @endif
                </div>
            @endif
        </section>

        <section class="rounded-2xl border border-line bg-surface p-5">
            <h2 class="font-bold">ওয়ালেট</h2>
            <p class="mt-2 text-sm text-ink-muted">উত্তোলনযোগ্য ব্যালেন্স</p>
            <p class="text-2xl font-bold text-gold">৳ {{ number_format((float) ($user->wallet?->available_balance ?? 0), 2) }}</p>
            <p class="mt-2 text-sm text-ink-muted">অপেক্ষমাণ আয়</p>
            <p class="font-semibold">৳ {{ number_format((float) ($user->wallet?->pending_balance ?? 0), 2) }}</p>
        </section>
    </div>

    <section class="mt-4 rounded-2xl border border-line bg-surface p-5" aria-labelledby="status-heading">
        <h2 id="status-heading" class="font-bold">অ্যাকাউন্টের অবস্থা পরিবর্তন</h2>

        @if ($isSelf)
            <p class="mt-2 text-sm text-ink-muted">নিরাপত্তার জন্য আপনি নিজের অ্যাকাউন্টের অবস্থা পরিবর্তন করতে পারবেন না।</p>
        @else
            <form method="POST" action="{{ route('admin.users.status', $user) }}" class="mt-3 grid grid-cols-1 gap-3 sm:grid-cols-[220px_1fr_auto]" onsubmit="return confirm('আপনি কি নিশ্চিতভাবে এই ব্যবহারকারীর অ্যাকাউন্টের অবস্থা পরিবর্তন করতে চান?');">
                @csrf
                @method('PATCH')

                <div>
                    <label for="status" class="field-label">নতুন অবস্থা</label>
                    <select id="status" name="status" class="field-input">
                        <option value="{{ User::STATUS_ACTIVE }}" @selected($user->status === User::STATUS_ACTIVE)>সক্রিয়</option>
                        <option value="{{ User::STATUS_SUSPENDED }}" @selected($user->status === User::STATUS_SUSPENDED)>স্থগিত</option>
                    </select>
                </div>

                <div>
                    <label for="reason" class="field-label">কারণ (স্থগিত করার সময় আবশ্যক)</label>
                    <input id="reason" name="reason" type="text" maxlength="255" value="{{ old('reason') }}" class="field-input">
                </div>

                <div class="flex items-end">
                    <button type="submit" class="btn-primary sm:w-auto sm:px-5">সংরক্ষণ করুন</button>
                </div>
            </form>
        @endif
    </section>

    <div class="mt-4 grid grid-cols-1 gap-4 xl:grid-cols-2">
        <section class="rounded-2xl border border-line bg-surface p-4">
            <h2 class="font-bold">সাম্প্রতিক লেনদেন</h2>
            @if ($transactions->isEmpty())
                <p class="mt-3 text-sm text-ink-muted">কোনো লেনদেন নেই।</p>
            @else
                <ul class="mt-3 divide-y divide-line">
                    @foreach ($transactions as $transaction)
                        <li class="flex items-center justify-between gap-3 py-2.5 text-sm">
                            <div class="min-w-0">
                                <p class="truncate font-semibold">{{ $transaction->reference }}</p>
                                <p class="truncate text-xs text-ink-muted">{{ $transaction->description }}</p>
                            </div>
                            <div class="shrink-0 text-right">
                                <p class="font-semibold">৳ {{ number_format((float) $transaction->amount, 2) }}</p>
                                <p class="text-xs text-ink-muted">{{ $transaction->created_at->format('d/m/Y') }}</p>
                            </div>
                        </li>
                    @endforeach
                </ul>
            @endif
        </section>

        <section class="rounded-2xl border border-line bg-surface p-4">
            <h2 class="font-bold">সাম্প্রতিক উত্তোলন</h2>
            @if ($withdrawals->isEmpty())
                <p class="mt-3 text-sm text-ink-muted">কোনো উত্তোলনের অনুরোধ নেই।</p>
            @else
                <ul class="mt-3 divide-y divide-line">
                    @foreach ($withdrawals as $withdrawal)
                        @php $wMeta = $withdrawalMeta[$withdrawal->status] ?? $withdrawalMeta[Withdrawal::STATUS_PENDING]; @endphp
                        <li class="flex items-center justify-between gap-3 py-2.5 text-sm">
                            <div class="min-w-0">
                                <a href="{{ route('admin.withdrawals.show', $withdrawal) }}" class="block truncate font-semibold hover:text-gold">{{ $withdrawal->reference }}</a>
                                <p class="truncate text-xs text-ink-muted">৳ {{ number_format((float) $withdrawal->amount, 2) }}</p>
                            </div>
                            <span class="badge shrink-0 {{ $wMeta['class'] }}">{{ $wMeta['label'] }}</span>
                        </li>
                    @endforeach
                </ul>
            @endif
        </section>
    </div>

    <section class="mt-4 rounded-2xl border border-line bg-surface p-4">
        <h2 class="font-bold">রেফারেল ({{ number_format($referralsCount) }})</h2>
        @if ($referrals->isEmpty())
            <p class="mt-3 text-sm text-ink-muted">এই ব্যবহারকারীর কোনো রেফারেল নেই।</p>
        @else
            <ul class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
                @foreach ($referrals as $referral)
                    <li class="flex items-center justify-between gap-2 rounded-xl border border-line bg-surface-raised px-3 py-2 text-sm">
                        <a href="{{ route('admin.users.show', $referral) }}" class="truncate font-semibold hover:text-gold">{{ $referral->name }}</a>
                        <span class="shrink-0 text-xs text-ink-muted">{{ $referral->created_at->format('d/m/Y') }}</span>
                    </li>
                @endforeach
            </ul>
        @endif
    </section>
</x-layouts.admin>