@extends('admin.layouts.app')

@section('title', 'پرداخت‌ها')

@section('content')
    <h1 class="text-xl font-bold mb-6">پرداخت‌ها (نظارت)</h1>

    <form method="GET" class="flex flex-wrap gap-2 mb-4">
        <select name="status" class="border rounded-lg px-3 py-2 text-sm">
            <option value="">همه وضعیت‌ها</option>
            <option value="pending_review" @selected(request('status') === 'pending_review')>در انتظار بررسی</option>
            <option value="approved" @selected(request('status') === 'approved')>تأیید شده</option>
            <option value="rejected" @selected(request('status') === 'rejected')>رد شده</option>
        </select>
        <button class="bg-gray-100 px-4 py-2 rounded-lg text-sm">اعمال فیلتر</button>
    </form>

    <div class="bg-white rounded-xl shadow-sm overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 text-gray-500">
                <tr>
                    <th class="p-3 text-right">ورزشکار</th>
                    <th class="p-3 text-right">مربی</th>
                    <th class="p-3 text-right">مبلغ</th>
                    <th class="p-3 text-right">وضعیت</th>
                    <th class="p-3 text-right">تاریخ ارسال</th>
                    <th class="p-3 text-right">رسید</th>
                </tr>
            </thead>
            <tbody class="divide-y">
                @forelse($payments as $payment)
                    <tr>
                        <td class="p-3">{{ $payment->coachRequest->athlete->user->fullName() }}</td>
                        <td class="p-3">{{ $payment->coachRequest->coach->user->fullName() }}</td>
                        <td class="p-3">{{ number_format($payment->amount) }}</td>
                        <td class="p-3">{{ $payment->status->label() }}</td>
                        <td class="p-3">{{ verta($payment->submitted_at)->format('Y/m/d') }}</td>
                        <td class="p-3"><a href="{{ route('coach.payments.receipt', $payment) }}" target="_blank" class="text-blue-600 hover:underline">مشاهده</a></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="p-6 text-center text-gray-400">پرداختی ثبت نشده است.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $payments->links() }}</div>
@endsection