{{-- Wallet balance, recent ledger entries and manual adjustment (expects $walletUser, $transactions). --}}
<x-admin.card :title="__('Wallet')" :padding="false">
    <x-slot:actions>
        <span @class(['font-semibold tabular-nums', 'text-red-600 dark:text-red-400' => $walletUser->wallet_balance < 0])>{{ money($walletUser->wallet_balance) }}</span>
        @can('wallet.adjust')
            <x-admin.button size="sm" variant="secondary" icon="adjustments-horizontal" @click="$dispatch('open-modal', 'wallet-adjust')">{{ __('Adjust') }}</x-admin.button>
        @endcan
        @can('wallet.view')
            <x-admin.button size="sm" variant="ghost" :href="route('admin.transactions.index', ['user' => $walletUser->id])">{{ __('All') }}</x-admin.button>
        @endcan
    </x-slot:actions>

    @if ($transactions->isEmpty())
        <x-admin.empty :message="__('No wallet activity yet.')" icon="wallet" />
    @else
        <ul class="divide-y divide-gray-100 dark:divide-gray-800">
            @foreach ($transactions as $transaction)
                <li class="flex items-center justify-between gap-3 px-5 py-2.5 text-sm">
                    <span class="min-w-0">
                        <span class="block truncate">{{ __($transaction->source->label()) }}@if ($transaction->description) · {{ $transaction->description }}@endif</span>
                        <span class="block text-xs text-gray-400">{{ $transaction->created_at->diffForHumans() }}</span>
                    </span>
                    <span @class(['shrink-0 font-medium tabular-nums', 'text-emerald-600 dark:text-emerald-400' => $transaction->signed_amount > 0, 'text-red-600 dark:text-red-400' => $transaction->signed_amount < 0])>
                        {{ $transaction->signed_amount > 0 ? '+' : '−' }}{{ money($transaction->amount) }}
                    </span>
                </li>
            @endforeach
        </ul>
    @endif
</x-admin.card>

@can('wallet.adjust')
    <x-admin.modal name="wallet-adjust" :title="__('Adjust wallet')">
        <form method="POST" action="{{ route('admin.wallet.adjust', $walletUser) }}" class="space-y-4">
            @csrf
            <input type="hidden" name="_modal" value="wallet-adjust">
            <x-admin.select name="type" :label="__('Type')" :options="['credit' => __('Credit (add money)'), 'debit' => __('Debit (take money)')]" value="credit" required />
            <x-admin.input name="amount" type="number" step="0.01" min="0.01" :label="__('Amount')" required />
            <x-admin.textarea name="reason" :label="__('Reason (shown in the user\'s transactions)')" rows="2" required minlength="5" maxlength="255" />
            <div class="flex justify-end gap-2">
                <x-admin.button variant="secondary" @click="open = false">{{ __('Cancel') }}</x-admin.button>
                <x-admin.button type="submit">{{ __('Save') }}</x-admin.button>
            </div>
        </form>
    </x-admin.modal>
@endcan