@props(['accounts', 'kind', 'prefix'])
@php
    $incoming = $kind === 'receipt';
    $ledgerKind = match($kind) { 'receipt','refund' => 'debtor', 'supplier_payment','trade_settlement' => 'creditor', default => 'expense' };
    $ledgerLabel = match($ledgerKind) { 'debtor' => 'Customer / debtor ledger', 'creditor' => 'Supplier / creditor ledger', default => 'Expense ledger' };
@endphp
<fieldset {{ $attributes->class('rounded-xl border border-slate-200 bg-slate-50 p-5 space-y-4') }} data-money-accounts data-incoming="{{ $incoming ? '1' : '0' }}">
<legend class="px-2 text-sm font-semibold text-forest">{{ $incoming ? 'Where was the money received?' : 'Which account paid?' }}</legend>
<div class="grid sm:grid-cols-2 gap-5">
<div><label for="{{ $prefix }}-cash-account" class="field-label">{{ $incoming ? 'Received into account' : 'Paid from account' }}</label><select name="money_account_id" id="{{ $prefix }}-cash-account" class="input" data-search-noun="account" data-money-account-select data-account-kinds="bank,cash,mobile_money" required><option value="">Choose bank, cash or M-Pesa account</option>@foreach($accounts as $account)@if(in_array($account->kind, \App\Services\MoneyLedger::CASH_KINDS))<option value="{{ $account->id }}" data-kind="{{ $account->kind }}">{{ $account->name }}</option>@endif @endforeach</select><button type="button" data-add-money-account="{{ $prefix }}-cash-account" class="text-xs font-semibold text-forest underline mt-2">+ Create account here</button></div>
<div><label for="{{ $prefix }}-ledger-account" class="field-label">{{ $ledgerLabel }}</label><select name="ledger_account_id" id="{{ $prefix }}-ledger-account" class="input" data-search-noun="ledger" data-money-account-select data-account-kinds="{{ $ledgerKind }}" required>@foreach($accounts as $account)@if($account->kind === $ledgerKind)<option value="{{ $account->id }}" data-kind="{{ $account->kind }}" @selected($account->system_key)>{{ $account->name }}</option>@endif @endforeach</select><button type="button" data-add-money-account="{{ $prefix }}-ledger-account" class="text-xs font-semibold text-forest underline mt-2">+ Create ledger here</button></div>
</div>
<p class="muted" data-posting-preview aria-live="polite">{{ $incoming ? 'Dr: receiving account · Cr: customer / debtor ledger' : 'Dr: selected ledger · Cr: paying account' }}. This records the same payment once.</p>
</fieldset>