@extends('layouts.user', ['heading' => 'UPI Verification'])

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

    <form method="POST" action="{{ route('user.upi.store') }}" enctype="multipart/form-data" class="mb-6 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">UTR</label>
                <input name="utr" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Amount</label>
                <input name="amount" 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" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Remark</label>
                <input name="remark" class="w-full rounded border p-2" />
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Screenshot</label>
                <input type="file" name="screenshot" class="w-full rounded border p-2" />
            </div>
        </div>
        <button class="mt-4 rounded bg-emerald-600 px-4 py-2 text-white">Submit UTR</button>
    </form>

    <div class="overflow-x-auto rounded bg-white shadow">
        <table class="min-w-full text-sm">
            <thead class="bg-slate-100 text-left">
                <tr>
                    <th class="p-3">UTR</th>
                    <th class="p-3">Amount</th>
                    <th class="p-3">Status</th>
                    <th class="p-3">Date</th>
                </tr>
            </thead>
            <tbody>
                @forelse($transactions as $txn)
                    <tr class="border-t">
                        <td class="p-3">{{ $txn->utr }}</td>
                        <td class="p-3">{{ number_format((float) $txn->amount, 2) }}</td>
                        <td class="p-3">{{ $txn->verification_status }}</td>
                        <td class="p-3">{{ optional($txn->created_at)->format('Y-m-d H:i') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="p-4 text-center text-slate-500">No UPI submissions found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

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