@extends('layouts.panel', ['area' => 'user'])
@section('title', 'کیف پول و درآمد')
@section('content')
<div class="grid sm:grid-cols-3 gap-4 mb-6">
  @include('partials.stat', ['icon' => 'wallet', 'label' => 'موجودی کیف پول', 'value' => toman($user->balance), 'color' => 'indigo'])
  @include('partials.stat', ['icon' => 'trending-up', 'label' => 'درآمد قابل برداشت', 'value' => toman((int) $user->earnings), 'color' => 'emerald'])
  @include('partials.stat', ['icon' => 'banknote', 'label' => 'حداقل برداشت', 'value' => toman($minWithdraw), 'color' => 'amber'])
</div>

<div class="grid lg:grid-cols-3 gap-4 mb-6">
  <form method="POST" action="{{ route('user.wallet.deposit') }}" class="card space-y-3">@csrf
    <div class="font-bold">شارژ کیف پول</div>
    <input type="number" name="amount" min="1000" required class="inp" placeholder="مبلغ به تومان">
    <button class="btn-p w-full">پرداخت و شارژ</button>
  </form>
  <form method="POST" action="{{ route('user.wallet.transfer') }}" class="card space-y-3">@csrf
    <div class="font-bold">انتقال درآمد به کیف پول</div>
    <input type="number" name="amount" min="1" required class="inp" placeholder="مبلغ به تومان">
    <button class="btn-g w-full">انتقال</button>
  </form>
  <form method="POST" action="{{ route('user.wallet.withdraw') }}" class="card space-y-3">@csrf
    <div class="font-bold">درخواست برداشت</div>
    <input type="number" name="amount" min="{{ $minWithdraw }}" required class="inp" placeholder="مبلغ (تومان)">
    <input name="account" required dir="ltr" class="inp text-left" placeholder="شماره کارت یا شبا">
    <button class="btn-g w-full">ثبت درخواست</button>
  </form>
</div>

<div class="grid lg:grid-cols-3 gap-4">
  <div class="card !p-0 overflow-x-auto lg:col-span-2">
    <div class="px-5 pt-4 font-bold">تراکنش‌ها</div>
    <table class="w-full mt-2"><thead><tr class="border-b border-slate-100 dark:border-slate-700"><th class="th">تاریخ</th><th class="th">شرح</th><th class="th">مبلغ</th></tr></thead><tbody>
      @forelse($transactions as $t)
        <tr class="border-b border-slate-50 dark:border-slate-700/50"><td class="td text-xs text-slate-500">{{ jd($t->created_at) }}</td><td class="td">{{ $t->description }}</td>
          <td class="td font-bold {{ $t->amount >= 0 ? 'text-emerald-600' : 'text-rose-600' }}" dir="ltr">{{ $t->amount >= 0 ? '+' : '' }}{{ number_format($t->amount) }}</td></tr>
      @empty<tr><td colspan="3" class="td text-center text-slate-400 py-8">تراکنشی وجود ندارد.</td></tr>@endforelse
    </tbody></table>
    <div class="p-3">{{ $transactions->links() }}</div>
  </div>
  <div class="card">
    <div class="font-bold mb-3">درخواست‌های برداشت</div>
    @forelse($withdrawals as $w)
      <div class="flex items-center justify-between py-2 border-b border-slate-50 dark:border-slate-700/50 text-sm">
        <div><div>{{ toman($w->amount) }}</div><div class="text-xs text-slate-400">{{ jd($w->created_at, 'Y/m/d') }}</div></div>
        <span class="badge {{ ['paid' => 'bg-emerald-50 text-emerald-600', 'pending' => 'bg-amber-50 text-amber-600'][$w->status] ?? 'bg-rose-50 text-rose-600' }}">{{ ['paid' => 'پرداخت‌شده', 'pending' => 'در انتظار', 'rejected' => 'رد شده'][$w->status] }}</span>
      </div>
    @empty<div class="text-xs text-slate-400">درخواستی ثبت نشده است.</div>@endforelse
  </div>
</div>
@endsection