@extends('layouts.app')
@section('title', 'Deposit')
@section('content')
@php use App\Support\Money; @endphp
<div class="grid gap-6 lg:grid-cols-2" x-data>
    <div class="card">
        <h2 class="card-title">1 · Send funds to our wallet</h2>
        @if($wallets->isEmpty())
            <p class="text-sm text-slate-500">Deposits are currently unavailable. Please check back soon.</p>
        @endif
        <div class="space-y-5">
        @foreach($wallets as $w)
            <div class="rounded-lg border border-slate-200 p-4">
                <div class="mb-2 flex items-center justify-between">
                    <div class="font-semibold">{{ $w->asset }} <span class="badge-gray">{{ $w->network }}</span></div>
                    @if($w->min_deposit > 0)<div class="text-xs text-slate-500">Min {{ Money::fmt((string) $w->min_deposit, 2) }} {{ $w->asset }}</div>@endif
                </div>
                <div class="flex flex-wrap items-center gap-4">
                    <div class="h-[140px] w-[140px] shrink-0">
                        @if($w->qrUrl())<img src="{{ $w->qrUrl() }}" alt="QR code for {{ $w->asset }} {{ $w->network }}" class="h-full w-full object-contain">
                        @else{!! $w->qrSvg(140) !!}@endif
                    </div>
                    <div class="min-w-0 flex-1">
                        <div class="text-xs text-slate-500">Deposit address</div>
                        <div class="break-all rounded bg-slate-100 px-2 py-1.5 font-mono text-sm" id="addr-{{ $w->id }}">{{ $w->address }}</div>
                        <button type="button" class="btn-secondary btn-sm mt-2" onclick="navigator.clipboard.writeText(document.getElementById('addr-{{ $w->id }}').innerText).then(()=>this.innerText='Copied ✓')">Copy address</button>
                    </div>
                </div>
                <p class="mt-3 text-xs text-amber-700">Send only <strong>{{ $w->asset }}</strong> on the <strong>{{ $w->network }}</strong> network. Funds sent on another network cannot be recovered.</p>
            </div>
        @endforeach
        </div>
    </div>

    <div class="space-y-6">
        <div class="card">
            <h2 class="card-title">2 · Tell us what you sent</h2>
            <form method="POST" action="{{ route('deposits.store') }}" enctype="multipart/form-data" class="space-y-4">
                @csrf
                <div><label class="label" for="admin_wallet_id">Asset / network</label>
                    <select id="admin_wallet_id" name="admin_wallet_id" class="input" required>
                        @foreach($wallets as $w)<option value="{{ $w->id }}" @selected(old('admin_wallet_id') == $w->id)>{{ $w->asset }} · {{ $w->network }}</option>@endforeach
                    </select></div>
                <div><label class="label" for="amount">Amount sent</label><input id="amount" name="amount" inputmode="decimal" value="{{ old('amount') }}" required class="input" placeholder="100.00"></div>
                <div><label class="label" for="txid">Transaction hash (TxID)</label><input id="txid" name="txid" value="{{ old('txid') }}" required class="input font-mono text-xs" placeholder="Paste the full transaction hash"></div>
                <div><label class="label" for="from_address">Your sending address <span class="text-slate-400">(optional)</span></label><input id="from_address" name="from_address" value="{{ old('from_address') }}" class="input font-mono text-xs"></div>
                <div><label class="label" for="proof">Screenshot <span class="text-slate-400">(optional, PNG/JPG/PDF, max 4 MB)</span></label><input id="proof" name="proof" type="file" accept=".png,.jpg,.jpeg,.pdf" class="input"></div>
                <button class="btn-primary w-full" @disabled($wallets->isEmpty())>Submit deposit</button>
                <p class="text-xs text-slate-500">Your balance is credited after we confirm the transaction on the blockchain. This is usually within minutes during working hours.</p>
            </form>
        </div>

        <div class="card">
            <h2 class="card-title">Your deposits</h2>
            <table class="tbl"><tbody>
                @forelse($deposits as $d)
                    <tr><td>{{ $d->created_at->format('d M H:i') }}</td>
                        <td>{{ Money::fmt((string) $d->amount, 2) }} {{ $d->asset }}</td>
                        <td><span class="badge-{{ ['pending'=>'yellow','approved'=>'green','rejected'=>'red'][$d->status->value] }}">{{ ucfirst($d->status->value) }}</span>
                            @if($d->admin_note)<div class="mt-1 text-xs text-slate-500">{{ $d->admin_note }}</div>@endif</td></tr>
                @empty<tr><td class="text-slate-400">No deposits yet.</td></tr>@endforelse
            </tbody></table>
        </div>
    </div>
</div>
@endsection