@extends('layouts.admin')
@section('title', 'KYC Requests')
@section('content')
<h1 class="text-2xl font-bold mb-6">KYC Requests</h1>

<div class="bg-white rounded-xl shadow p-6">
    <table class="w-full text-sm">
        <thead>
            <tr class="text-left text-gray-500 border-b">
                <th class="py-2">User</th><th>Document Type</th><th>Status</th><th>Date</th><th></th>
            </tr>
        </thead>
        <tbody>
            @foreach ($requests as $req)
                <tr class="border-b last:border-0">
                    <td class="py-2">{{ $req->user->name }}</td>
                    <td class="capitalize">{{ str_replace('_', ' ', $req->document_type) }}</td>
                    <td class="capitalize">{{ $req->status }}</td>
                    <td>{{ $req->created_at->format('d M Y') }}</td>
                    <td>
                        @if ($req->status === 'pending')
                            <form method="POST" action="{{ route('admin.kyc.approve', $req) }}" class="inline">
                                @csrf
                                <button class="text-green-600">Approve</button>
                            </form>
                            <form method="POST" action="{{ route('admin.kyc.reject', $req) }}" class="inline ml-2">
                                @csrf
                                <input type="hidden" name="reject_reason" class="reject-reason">
                                <button type="button" onclick="rejectKyc(this)" class="text-red-600">Reject</button>
                            </form>
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $requests->links() }}</div>
</div>

<script>
function rejectKyc(btn) {
    const reason = prompt('Reason for rejection:');
    if (reason === null) return;
    const form = btn.closest('form');
    form.querySelector('.reject-reason').value = reason;
    form.submit();
}
</script>
@endsection