@extends('layouts.app')
@section('title', __('Withdrawal reviews'))
@section('content')
<section class="mb-6"><p class="text-sm text-slate-500">{{ __('Review payout requests and safely update the wallet ledger.') }}</p></section>
<section class="panel-card overflow-hidden">
  <div class="border-b border-slate-100 px-5 py-5 sm:px-6"><h2 class="font-bold text-slate-900">{{ __('Withdrawal requests') }}</h2><p class="mt-1 text-xs text-slate-400">{{ $reqs->total() }} {{ __('records') }}</p></div>
  @if($reqs->count())
    <div class="table-scroll">
      <table class="w-full text-left text-sm">
        <thead class="bg-slate-50 text-xs font-bold uppercase tracking-wider text-slate-400"><tr><th class="px-5 py-3">{{ auth()->user()->isEmployee() ? __('Account') : __('Member') }}</th><th class="px-5 py-3">{{ __('Amount') }}</th><th class="px-5 py-3">{{ __('Submitted') }}</th><th class="px-5 py-3">{{ __('Status') }}</th>@if(auth()->user()->isAdmin())<th class="px-5 py-3">{{ __('Review') }}</th>@endif</tr></thead>
        <tbody class="divide-y divide-slate-100">
        @foreach($reqs as $request)
          <tr class="text-slate-600">
            <td class="whitespace-nowrap px-5 py-4"><p class="font-bold text-slate-800">{{ $request->user->name ?? __('Account unavailable') }}</p><p class="mt-1 text-xs text-slate-400">{{ $request->user->member_id ?? '—' }}</p></td>
            <td class="whitespace-nowrap px-5 py-4 font-extrabold text-slate-900">৳{{ number_format($request->amount, 2) }}</td>
            <td class="whitespace-nowrap px-5 py-4 text-slate-500">{{ $request->created_at->format('M d, Y') }}</td>
            <td class="px-5 py-4"><span class="rounded-full px-2.5 py-1 text-xs font-bold {{ $request->status === 'approved' ? 'bg-emerald-50 text-emerald-700' : ($request->status === 'rejected' ? 'bg-rose-50 text-rose-700' : 'bg-amber-50 text-amber-700') }}">{{ ucfirst($request->status) }}</span></td>
            @if(auth()->user()->isAdmin())<td class="whitespace-nowrap px-5 py-4">
              @if($request->status === 'pending')
                <div class="flex items-center gap-2">
                  <form method="POST" action="{{ route('admin.withdrawals.approve',$request) }}">@csrf<button class="rounded-lg bg-emerald-50 px-3 py-2 text-xs font-bold text-emerald-700 hover:bg-emerald-100">Approve</button></form>
                  <form method="POST" action="{{ route('admin.withdrawals.reject',$request) }}">@csrf<button class="rounded-lg bg-rose-50 px-3 py-2 text-xs font-bold text-rose-700 hover:bg-rose-100">Reject</button></form>
                </div>
              @else
                <span class="text-xs text-slate-400">{{ __('Reviewed') }}</span>
              @endif
            </td>@endif
          </tr>
        @endforeach
        </tbody>
      </table>
    </div>
    <div class="border-t border-slate-100 px-5 py-4">{{ $reqs->links() }}</div>
  @else
    <div class="px-6 py-14 text-center"><p class="font-semibold text-slate-700">{{ auth()->user()->isEmployee() ? __('No withdrawal requests for your account') : __('No withdrawal requests') }}</p><p class="mt-1 text-sm text-slate-400">{{ __('New requests will appear here for review.') }}</p></div>
  @endif
</section>
@endsection