@extends('layouts.user', ['heading' => 'KYC / केवाईसी'])

@section('content')
    @if(session('status'))
        <div class="mb-4 rounded bg-emerald-100 p-3 text-emerald-800">{{ session('status') }}</div>
    @endif

    <div class="mb-4 rounded bg-white p-4 shadow">
        <div class="text-sm text-slate-500">Current Status</div>
        <div class="text-lg font-semibold">{{ $kyc->status ?? 'not_submitted' }}</div>
        @if($kyc?->rejection_reason)
            <div class="mt-2 text-sm text-rose-600">Rejection: {{ $kyc->rejection_reason }}</div>
        @endif
    </div>

    <form method="POST" action="{{ route('user.kyc.store') }}" enctype="multipart/form-data" class="rounded bg-white p-4 shadow">
        @csrf
        <div class="grid gap-4 md:grid-cols-2">
            <div>
                <label class="mb-1 block text-sm font-medium">PAN Number</label>
                <input name="pan_number" value="{{ old('pan_number', $kyc->pan_number ?? '') }}" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Aadhaar Number</label>
                <input name="aadhaar_number" value="{{ old('aadhaar_number', $kyc->aadhaar_number ?? '') }}" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Bank Account Number</label>
                <input name="bank_account_number" value="{{ old('bank_account_number', $kyc->bank_account_number ?? '') }}" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">IFSC Code</label>
                <input name="ifsc_code" value="{{ old('ifsc_code', $kyc->ifsc_code ?? '') }}" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Bank Name</label>
                <input name="bank_name" value="{{ old('bank_name', $kyc->bank_name ?? '') }}" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Account Holder Name</label>
                <input name="account_holder_name" value="{{ old('account_holder_name', $kyc->account_holder_name ?? '') }}" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">PAN Document</label>
                <input type="file" name="pan_document" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Aadhaar Document</label>
                <input type="file" name="aadhaar_document" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Cancelled Cheque</label>
                <input type="file" name="cancelled_cheque" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Selfie Photo</label>
                <input type="file" name="photo" class="w-full rounded border p-2" />
            </div>
        </div>
        <button class="mt-4 rounded bg-emerald-600 px-4 py-2 text-white">Submit KYC</button>
    </form>
@endsection