@extends('layouts.app')
@section('title', __('Payment reviews'))
@section('content')
<section class="mb-6"><p class="text-sm text-slate-500">{{ __('Review payment submissions and update their status.') }}</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">{{ __('Payment submissions') }}</h2><p class="mt-1 text-xs text-slate-400">{{ $payments->total() }} {{ __('records') }}</p></div>
  @if($payments->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">{{ __('Method / reference') }}</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($payments as $payment)
          <tr class="text-slate-600">
            <td class="whitespace-nowrap px-5 py-4"><p class="font-bold text-slate-800">{{ $payment->user->name ?? __('Account unavailable') }}</p><p class="mt-1 text-xs text-slate-400">{{ $payment->user->member_id ?? '—' }}</p></td>
            <td class="whitespace-nowrap px-5 py-4 font-bold text-slate-900">৳{{ number_format($payment->amount, 2) }}</td>
            <td class="px-5 py-4"><p>{{ $payment->method ?: '—' }}</p><p class="mt-1 text-xs text-slate-400">{{ $payment->reference ?: __('No reference') }}</p>@if($payment->proof_path)<a href="{{ route('admin.payments.proof', $payment) }}" target="_blank" rel="noopener" class="mt-2 inline-flex text-xs font-bold text-blue-700 hover:text-blue-900">{{ __('Open proof') }}</a>@endif</td>
            <td class="whitespace-nowrap px-5 py-4 text-slate-500">{{ $payment->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 {{ $payment->status === 'approved' ? 'bg-emerald-50 text-emerald-700' : ($payment->status === 'rejected' ? 'bg-rose-50 text-rose-700' : 'bg-amber-50 text-amber-700') }}">{{ ucfirst($payment->status) }}</span></td>
            @if(auth()->user()->isAdmin())<td class="whitespace-nowrap px-5 py-4">
              @if($payment->status === 'pending')
                <div class="flex items-center gap-2">
                  <form method="POST" action="{{ route('admin.payments.approve',$payment) }}">@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.payments.reject',$payment) }}">@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">{{ $payments->links() }}</div>
  @else
    <div class="px-6 py-14 text-center"><p class="font-semibold text-slate-700">{{ auth()->user()->isEmployee() ? __('No payment submissions for your account') : __('No payment submissions') }}</p><p class="mt-1 text-sm text-slate-400">{{ __('New member submissions will appear here.') }}</p></div>
  @endif
</section>
@endsection