@extends('layouts.app')
@section('title', 'Deposit addresses')
@section('content')
@include('partials.admin-nav')
<div class="grid gap-6 lg:grid-cols-[1fr_380px]">
    <div class="space-y-4">
        @forelse($wallets as $w)
            <div class="card">
                <div class="flex flex-wrap items-center justify-between gap-2">
                    <div class="font-semibold">{{ $w->asset }} <span class="badge-gray">{{ $w->network }}</span> @if($w->label)<span class="text-sm font-normal text-slate-500">{{ $w->label }}</span>@endif</div>
                    <span class="{{ $w->is_active ? 'badge-green' : 'badge-gray' }}">{{ $w->is_active ? 'Visible to users' : 'Hidden' }}</span>
                </div>
                <div class="mt-2 flex flex-wrap items-center gap-4">
                    <div class="h-24 w-24 shrink-0">@if($w->qrUrl())<img src="{{ $w->qrUrl() }}" class="h-full w-full object-contain" alt="">@else{!! $w->qrSvg(96) !!}@endif</div>
                    <div class="min-w-0 break-all font-mono text-xs">{{ $w->address }}</div>
                </div>
                <div class="mt-3 flex flex-wrap gap-2">
                    <a class="btn-secondary btn-sm" href="{{ route('admin.wallets.edit', $w) }}">Edit</a>
                    <form method="POST" action="{{ route('admin.wallets.toggle', $w) }}">@csrf<button class="btn-secondary btn-sm">{{ $w->is_active ? 'Hide' : 'Show' }}</button></form>
                    <form method="POST" action="{{ route('admin.wallets.destroy', $w) }}" onsubmit="return confirm('Delete this address?')">@csrf @method('DELETE')<button class="btn-danger btn-sm">Delete</button></form>
                </div>
            </div>
        @empty
            <div class="card text-slate-500">No deposit addresses yet. Add your first one →</div>
        @endforelse
    </div>

    <div class="card h-fit">
        <h2 class="card-title">{{ $edit ? 'Edit address' : 'Add deposit address' }}</h2>
        <form method="POST" enctype="multipart/form-data" action="{{ $edit ? route('admin.wallets.update', $edit) : route('admin.wallets.store') }}" class="space-y-3">
            @csrf @if($edit) @method('PUT') @endif
            <div class="grid grid-cols-2 gap-3">
                <div><label class="label">Asset</label><input name="asset" class="input" required placeholder="USDT" value="{{ old('asset', $edit?->asset) }}"></div>
                <div><label class="label">Network</label><input name="network" class="input" required placeholder="TRC20" value="{{ old('network', $edit?->network) }}"></div>
            </div>
            <div><label class="label">Wallet address</label><input name="address" class="input font-mono text-xs" required value="{{ old('address', $edit?->address) }}"></div>
            <div><label class="label">Label (internal)</label><input name="label" class="input" value="{{ old('label', $edit?->label) }}"></div>
            <div class="grid grid-cols-2 gap-3">
                <div><label class="label">Min deposit</label><input name="min_deposit" inputmode="decimal" class="input" value="{{ old('min_deposit', $edit?->min_deposit ?? 0) }}"></div>
                <div><label class="label">Sort order</label><input name="sort_order" type="number" class="input" value="{{ old('sort_order', $edit?->sort_order ?? 0) }}"></div>
            </div>
            <div><label class="label">QR image <span class="text-slate-400">(optional — one is generated otherwise)</span></label><input name="qr" type="file" accept="image/png,image/jpeg" class="input"></div>
            <label class="flex items-center gap-2 text-sm"><input type="hidden" name="is_active" value="0"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $edit?->is_active ?? true))> Visible to users</label>
            <div class="flex gap-2"><button class="btn-primary flex-1">{{ $edit ? 'Save changes' : 'Add address' }}</button>@if($edit)<a href="{{ route('admin.wallets.index') }}" class="btn-secondary">Cancel</a>@endif</div>
            @if($edit)<p class="text-xs text-amber-700">Changing an address affects new deposits immediately. Double-check it — always copy &amp; paste.</p>@endif
        </form>
    </div>
</div>
@endsection