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

<div class="bg-white rounded-xl shadow p-8 max-w-lg">
    <p class="text-sm mb-4">Current Status: <strong class="capitalize">{{ $user->kyc_status }}</strong></p>

    @if ($latestRequest && $latestRequest->status === 'rejected')
        <div class="p-3 bg-red-100 text-red-800 rounded-lg text-sm mb-4">
            Rejected: {{ $latestRequest->reject_reason }}
        </div>
    @endif

    @if (!in_array($user->kyc_status, ['pending', 'verified']))
        <form method="POST" action="{{ route('user.kyc.submit') }}" enctype="multipart/form-data" class="space-y-4">
            @csrf
            <select name="document_type" class="w-full border rounded-lg px-4 py-2" required>
                <option value="">Select Document Type</option>
                <option value="nid">National ID</option>
                <option value="passport">Passport</option>
                <option value="driving_license">Driving License</option>
            </select>
            <div>
                <label class="text-sm text-gray-500">Document Front</label>
                <input type="file" name="document_front" accept="image/*" class="w-full border rounded-lg px-4 py-2" required>
            </div>
            <div>
                <label class="text-sm text-gray-500">Document Back (optional)</label>
                <input type="file" name="document_back" accept="image/*" class="w-full border rounded-lg px-4 py-2">
            </div>
            <div>
                <label class="text-sm text-gray-500">Selfie holding the document</label>
                <input type="file" name="selfie" accept="image/*" class="w-full border rounded-lg px-4 py-2" required>
            </div>
            <button class="px-6 py-3 bg-indigo-600 text-white rounded-lg">Submit for Review</button>
        </form>
    @else
        <p class="text-gray-500 text-sm">Your KYC submission is {{ $user->kyc_status }}. No action needed right now.</p>
    @endif
</div>
@endsection