@extends('layouts.app')
@section('title', __('Payments & Receipts'))
@section('content')
<div class="simple-note mb-4">
    <strong><i class="fa-solid fa-circle-info me-2"></i>{{ __('Payments & Receipts') }}</strong>
    <div class="small">{{ __('Customer Receipts') }} {{ __('and') }} {{ __('Supplier Payments') }}</div>
</div>

<div class="card mb-3 no-print">
    <div class="card-body">
        <div class="row g-2 align-items-end">
            <div class="col-md-4">
                <label class="form-label">{{ __('List Menu') }}</label>
                <select id="record-menu" class="form-select">
                    <option value="sales">{{ __('Unpaid Sales Invoices') }}</option>
                    <option value="purchases">{{ __('Unpaid Purchase Invoices') }}</option>
                    <option value="customers">{{ __('Customers with Outstanding Balances') }}</option>
                    <option value="suppliers">{{ __('Suppliers with Outstanding Balances') }}</option>
                </select>
            </div>
            <div class="col-md-8">
                <label class="form-label">{{ __('Records') }}</label>
                <select class="form-select record-list" data-list="sales">
                    @forelse($customerInvoices as $invoice)
                        <option>{{ $invoice->invoice_number }} - {{ $invoice->customer?->name ?? __('Walk-in/General Customer Sale') }} - {{ number_format($invoice->due_amount,2) }} {{ $invoice->currency_code }}</option>
                    @empty
                        <option>{{ __('No unpaid invoices.') }}</option>
                    @endforelse
                </select>
                <select class="form-select record-list d-none" data-list="purchases">
                    @forelse($supplierPurchases as $purchase)
                        <option>{{ $purchase->purchase_number }} - {{ $purchase->supplier?->name ?? '-' }} - {{ number_format($purchase->due_amount,2) }} {{ $purchase->currency_code }}</option>
                    @empty
                        <option>{{ __('No unpaid purchases.') }}</option>
                    @endforelse
                </select>
                <select class="form-select record-list d-none" data-list="customers">
                    @forelse($customers as $customer)
                        <option>{{ $customer->name }} - {{ number_format($customer->outstanding_balance,2) }} {{ $moneyCode }}</option>
                    @empty
                        <option>{{ __('No customers with outstanding balances.') }}</option>
                    @endforelse
                </select>
                <select class="form-select record-list d-none" data-list="suppliers">
                    @forelse($suppliers as $supplier)
                        <option>{{ $supplier->name }} - {{ number_format($supplier->outstanding_balance,2) }} {{ $moneyCode }}</option>
                    @empty
                        <option>{{ __('No suppliers with outstanding balances.') }}</option>
                    @endforelse
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-xl-6">
        <div class="card h-100">
            <div class="card-body p-4">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
                    <h5 class="mb-0"><i class="fa-solid fa-arrow-down text-success me-2"></i>{{ __('Receive from Customer') }}</h5>
                    <div class="btn-group btn-group-sm no-print" role="group">
                        <button type="button" class="btn btn-success txn-mode active" data-target="#customer-by-invoice">{{ __('By Invoice') }}</button>
                        <button type="button" class="btn btn-light txn-mode" data-target="#customer-general">{{ __('General Receipt') }}</button>
                    </div>
                </div>

                <form id="customer-by-invoice" class="txn-pane" method="POST" action="{{ route('payments.receive') }}">@csrf
                    <input type="hidden" name="allocation_mode" value="invoice">
                    <div class="d-flex justify-content-between align-items-center mt-3 gap-2">
                        <small class="text-muted">{{ __('Unpaid and partially paid sales invoices') }}</small>
                        <div class="btn-group btn-group-sm no-print">
                            <button type="button" class="btn btn-light allocation-action" data-action="select-visible">{{ __('Select all') }}</button>
                            <button type="button" class="btn btn-light allocation-action" data-action="clear-visible">{{ __('Clear') }}</button>
                        </div>
                    </div>
                    <div class="mt-3">
                        <label class="form-label">{{ __('Unpaid Sales Invoices') }}</label>
                        <select class="form-select allocation-select" multiple size="8" data-id-key="invoice_id">
                            @forelse($customerInvoices as $invoice)
                                <option value="{{ $invoice->id }}" data-due="{{ $invoice->due_amount }}" data-label="{{ $invoice->invoice_number }} - {{ $invoice->customer?->name ?? __('Walk-in/General Customer Sale') }}" data-currency="{{ $invoice->currency_code }}">{{ $invoice->invoice_number }} - {{ $invoice->customer?->name ?? __('Walk-in/General Customer Sale') }} - {{ number_format($invoice->due_amount,2) }} {{ $invoice->currency_code }}</option>
                            @empty
                                <option disabled>{{ __('No unpaid invoices.') }}</option>
                            @endforelse
                        </select>
                        <div class="allocation-fields"></div>
                        <div class="selected-summary small text-muted mt-2">{{ __('No invoices selected.') }}</div>
                    </div>
                    <div class="row g-2 mt-2 align-items-end">
                        <div class="col-md-4"><label class="form-label">{{ __('Amount') }}</label><input name="amount" type="number" min="0.01" step="0.01" class="form-control allocation-total" readonly required></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Date') }}</label><input name="payment_date" type="date" class="form-control" value="{{ now()->toDateString() }}" required></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Method') }}</label><select name="method" class="form-select"><option value="cash">{{ __('Cash') }}</option><option value="bank">{{ __('Bank') }}</option><option value="mobile">{{ __('Mobile Money') }}</option><option value="other">{{ __('Other') }}</option></select></div>
                        <div class="col-12"><input name="reference" class="form-control" placeholder="{{ __('Reference number') }}"></div>
                    </div>
                    <button class="btn btn-success w-100 mt-3"><i class="fa-solid fa-circle-down me-1"></i>{{ __('Receive Payment') }}</button>
                </form>

                <form id="customer-general" class="txn-pane d-none" method="POST" action="{{ route('payments.receive') }}">@csrf
                    <input type="hidden" name="allocation_mode" value="general">
                    <div class="row g-2">
                        <div class="col-md-7"><label class="form-label">{{ __('Customer') }}</label><select name="customer_id" class="form-select general-party" required><option value="">{{ __('Select customer') }}</option>@foreach($customers as $customer)<option value="{{ $customer->id }}" data-currency="{{ $customer->payment_currency_code }}">{{ $customer->name }} - {{ number_format($customer->outstanding_balance,2) }} {{ $customer->payment_currency_code ?: $moneyCode }}</option>@endforeach</select></div>
                        <div class="col-md-5"><label class="form-label">{{ __('Currency') }}</label><select name="currency_code" class="form-select">@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected($currency->is_default)>{{ $currency->code }}</option>@endforeach</select></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Amount') }}</label><input name="amount" type="number" min="0.01" step="0.01" class="form-control" required></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Date') }}</label><input name="payment_date" type="date" class="form-control" value="{{ now()->toDateString() }}" required></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Method') }}</label><select name="method" class="form-select"><option value="cash">{{ __('Cash') }}</option><option value="bank">{{ __('Bank') }}</option><option value="mobile">{{ __('Mobile Money') }}</option><option value="other">{{ __('Other') }}</option></select></div>
                        <div class="col-12"><input name="reference" class="form-control" placeholder="{{ __('Reference number') }}"></div>
                    </div>
                    <button class="btn btn-success w-100 mt-3"><i class="fa-solid fa-circle-down me-1"></i>{{ __('Receive Payment') }}</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-xl-6">
        <div class="card h-100">
            <div class="card-body p-4">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
                    <h5 class="mb-0"><i class="fa-solid fa-arrow-up text-danger me-2"></i>{{ __('Pay Supplier') }}</h5>
                    <div class="btn-group btn-group-sm no-print" role="group">
                        <button type="button" class="btn btn-danger txn-mode active" data-target="#supplier-by-invoice">{{ __('By Invoice') }}</button>
                        <button type="button" class="btn btn-light txn-mode" data-target="#supplier-general">{{ __('General Payment') }}</button>
                    </div>
                </div>

                <form id="supplier-by-invoice" class="txn-pane" method="POST" action="{{ route('payments.supplier') }}">@csrf
                    <input type="hidden" name="allocation_mode" value="invoice">
                    <div class="d-flex justify-content-between align-items-center mt-3 gap-2">
                        <small class="text-muted">{{ __('Unpaid and partially paid supplier purchase invoices') }}</small>
                        <div class="btn-group btn-group-sm no-print">
                            <button type="button" class="btn btn-light allocation-action" data-action="select-visible">{{ __('Select all') }}</button>
                            <button type="button" class="btn btn-light allocation-action" data-action="clear-visible">{{ __('Clear') }}</button>
                        </div>
                    </div>
                    <div class="mt-3">
                        <label class="form-label">{{ __('Unpaid Purchase Invoices') }}</label>
                        <select class="form-select allocation-select" multiple size="8" data-id-key="purchase_id">
                            @forelse($supplierPurchases as $purchase)
                                <option value="{{ $purchase->id }}" data-due="{{ $purchase->due_amount }}" data-label="{{ $purchase->purchase_number }} - {{ $purchase->supplier?->name ?? '-' }}" data-currency="{{ $purchase->currency_code }}">{{ $purchase->purchase_number }} - {{ $purchase->supplier?->name ?? '-' }} - {{ number_format($purchase->due_amount,2) }} {{ $purchase->currency_code }}</option>
                            @empty
                                <option disabled>{{ __('No unpaid purchases.') }}</option>
                            @endforelse
                        </select>
                        <div class="allocation-fields"></div>
                        <div class="selected-summary small text-muted mt-2">{{ __('No purchases selected.') }}</div>
                    </div>
                    <div class="row g-2 mt-2 align-items-end">
                        <div class="col-md-4"><label class="form-label">{{ __('Amount') }}</label><input name="amount" type="number" min="0.01" step="0.01" class="form-control allocation-total" readonly required></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Date') }}</label><input name="payment_date" type="date" class="form-control" value="{{ now()->toDateString() }}" required></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Method') }}</label><select name="method" class="form-select"><option value="cash">{{ __('Cash') }}</option><option value="bank">{{ __('Bank') }}</option><option value="mobile">{{ __('Mobile Money') }}</option><option value="other">{{ __('Other') }}</option></select></div>
                        <div class="col-12"><input name="reference" class="form-control" placeholder="{{ __('Reference number') }}"></div>
                    </div>
                    <button class="btn btn-danger w-100 mt-3"><i class="fa-solid fa-circle-up me-1"></i>{{ __('Pay Supplier') }}</button>
                </form>

                <form id="supplier-general" class="txn-pane d-none" method="POST" action="{{ route('payments.supplier') }}">@csrf
                    <input type="hidden" name="allocation_mode" value="general">
                    <div class="row g-2">
                        <div class="col-md-7"><label class="form-label">{{ __('Supplier') }}</label><select name="supplier_id" class="form-select general-party" required><option value="">{{ __('Select supplier') }}</option>@foreach($suppliers as $supplier)<option value="{{ $supplier->id }}" data-currency="{{ $supplier->payment_currency_code }}">{{ $supplier->name }} - {{ number_format($supplier->outstanding_balance,2) }} {{ $supplier->payment_currency_code ?: $moneyCode }}</option>@endforeach</select></div>
                        <div class="col-md-5"><label class="form-label">{{ __('Currency') }}</label><select name="currency_code" class="form-select">@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected($currency->is_default)>{{ $currency->code }}</option>@endforeach</select></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Amount') }}</label><input name="amount" type="number" min="0.01" step="0.01" class="form-control" required></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Date') }}</label><input name="payment_date" type="date" class="form-control" value="{{ now()->toDateString() }}" required></div>
                        <div class="col-md-4"><label class="form-label">{{ __('Method') }}</label><select name="method" class="form-select"><option value="cash">{{ __('Cash') }}</option><option value="bank">{{ __('Bank') }}</option><option value="mobile">{{ __('Mobile Money') }}</option><option value="other">{{ __('Other') }}</option></select></div>
                        <div class="col-12"><input name="reference" class="form-control" placeholder="{{ __('Reference number') }}"></div>
                    </div>
                    <button class="btn btn-danger w-100 mt-3"><i class="fa-solid fa-circle-up me-1"></i>{{ __('Pay Supplier') }}</button>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="card mt-3">
    <div class="card-body p-4">
        <h6><i class="fa-solid fa-hand-holding-dollar text-danger me-2"></i>{{ __('Cash Given to Customer') }}</h6>
        <form method="POST" action="{{ route('payments.general') }}">@csrf
            <input type="hidden" name="type" value="payment">
            <input type="hidden" name="category" value="{{ __('Cash Given to Customer') }}">
            <div class="row g-2 align-items-end">
                <div class="col-md-4"><label class="form-label">{{ __('Customer') }}</label><select name="customer_id" class="form-select" required><option value="">{{ __('Select customer') }}</option>@foreach(($allCustomers ?? $customers) as $customer)<option value="{{ $customer->id }}">{{ $customer->name }} - {{ number_format($customer->balance,2) }} {{ $moneyCode }}</option>@endforeach</select></div>
                <div class="col-md-2"><label class="form-label">{{ __('Amount') }}</label><input name="amount" type="number" min="0.01" step="0.01" class="form-control" required></div>
                <div class="col-md-2"><label class="form-label">{{ __('Currency') }}</label><select name="currency_code" class="form-select">@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected($currency->is_default)>{{ $currency->code }}</option>@endforeach</select></div>
                <div class="col-md-2"><label class="form-label">{{ __('Date') }}</label><input name="transaction_date" type="date" value="{{ now()->toDateString() }}" class="form-control" required></div>
                <div class="col-md-2"><label class="form-label">{{ __('Method') }}</label><select name="method" class="form-select"><option value="cash">{{ __('Cash') }}</option><option value="bank">{{ __('Bank') }}</option><option value="mobile">{{ __('Mobile Money') }}</option><option value="other">{{ __('Other') }}</option></select></div>
                <div class="col-md-8"><input name="reference" class="form-control" placeholder="{{ __('Reference number') }}"></div>
                <div class="col-md-4"><button class="btn btn-danger w-100"><i class="fa-solid fa-circle-up me-1"></i>{{ __('Record Cash Given') }}</button></div>
            </div>
        </form>
    </div>
</div>

<div class="row g-3 mt-1">
    <div class="col-lg-6">
        <div class="card"><div class="card-body"><div class="d-flex justify-content-between align-items-center mb-2"><h6 class="mb-0">{{ __('Recent Customer Receipts') }}</h6><a href="{{ route('payments.receipts') }}" class="btn btn-light btn-sm">{{ __('View all') }}</a></div><div class="table-responsive"><table class="table table-sm"><thead><tr><th>{{ __('Date') }}</th><th>{{ __('Customer') }}</th><th>{{ __('Amount') }}</th><th></th></tr></thead><tbody>@forelse($receipts as $receipt)<tr><td>{{ $receipt->payment_date->format('d M') }}</td><td>{{ $receipt->customer?->name ?? __('Walk-in Customer') }}<small class="d-block text-muted">{{ $receipt->allocations->count() > 1 ? __('Multiple invoices') : ($receipt->invoice?->invoice_number ?? $receipt->allocations->first()?->invoice?->invoice_number) }}</small></td><td class="text-success money">{{ number_format($receipt->amount,2) }} {{ $receipt->currency_code }}</td><td><a class="btn btn-light btn-sm" href="{{ route('payments.receipts.show',$receipt) }}"><i class="fa-solid fa-print"></i></a></td></tr>@empty<tr><td colspan="4" class="text-muted text-center">{{ __('No receipts yet.') }}</td></tr>@endforelse</tbody></table></div></div></div>
    </div>
    <div class="col-lg-6">
        <div class="card"><div class="card-body"><div class="d-flex justify-content-between align-items-center mb-2"><h6 class="mb-0">{{ __('Recent Supplier Payments') }}</h6><a href="{{ route('payments.supplier-payments') }}" class="btn btn-light btn-sm">{{ __('View all') }}</a></div><div class="table-responsive"><table class="table table-sm"><thead><tr><th>{{ __('Date') }}</th><th>{{ __('Supplier') }}</th><th>{{ __('Amount') }}</th><th></th></tr></thead><tbody>@forelse($supplierPayments as $payment)<tr><td>{{ $payment->payment_date->format('d M') }}</td><td>{{ $payment->supplier?->name }}<small class="d-block text-muted">{{ $payment->allocations->count() > 1 ? __('Multiple purchases') : ($payment->purchase?->purchase_number ?? $payment->allocations->first()?->purchase?->purchase_number) }}</small></td><td class="text-danger money">{{ number_format($payment->amount,2) }} {{ $payment->currency_code }}</td><td><a class="btn btn-light btn-sm" href="{{ route('payments.supplier-payments.show',$payment) }}"><i class="fa-solid fa-print"></i></a></td></tr>@empty<tr><td colspan="4" class="text-muted text-center">{{ __('No supplier payments yet.') }}</td></tr>@endforelse</tbody></table></div></div></div>
    </div>
</div>

<div class="row g-3 mt-1">
    <div class="col-lg-6">
        <div class="card"><div class="card-body p-4"><h6><i class="fa-solid fa-circle-plus text-success me-2"></i>{{ __('Other Receipt') }}</h6><form method="POST" action="{{ route('payments.general') }}">@csrf<input type="hidden" name="type" value="receipt"><div class="row g-2"><div class="col-6"><input name="party_name" class="form-control" placeholder="{{ __('From / Party') }}"></div><div class="col-6"><input name="category" class="form-control" placeholder="{{ __('Category') }}" required></div><div class="col-6"><input name="amount" type="number" min="0.01" step="0.01" class="form-control" placeholder="{{ __('Amount') }}" required></div><div class="col-6"><select name="currency_code" class="form-select">@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected($currency->is_default)>{{ $currency->code }}</option>@endforeach</select></div><div class="col-6"><input name="transaction_date" type="date" value="{{ now()->toDateString() }}" class="form-control" required></div><div class="col-6"><select name="method" class="form-select"><option value="cash">{{ __('Cash') }}</option><option value="bank">{{ __('Bank') }}</option><option value="mobile">{{ __('Mobile Money') }}</option><option value="other">{{ __('Other') }}</option></select></div></div><button class="btn btn-success w-100 mt-3">{{ __('Save') }}</button></form></div></div>
    </div>
    <div class="col-lg-6">
        <div class="card"><div class="card-body p-4"><h6><i class="fa-solid fa-circle-minus text-danger me-2"></i>{{ __('Other Payment') }}</h6><form method="POST" action="{{ route('payments.general') }}">@csrf<input type="hidden" name="type" value="payment"><div class="row g-2"><div class="col-6"><input name="party_name" class="form-control" placeholder="{{ __('To') }} / {{ __('Party') }}"></div><div class="col-6"><input name="category" class="form-control" placeholder="{{ __('Category') }}" required></div><div class="col-6"><input name="amount" type="number" min="0.01" step="0.01" class="form-control" placeholder="{{ __('Amount') }}" required></div><div class="col-6"><select name="currency_code" class="form-select">@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected($currency->is_default)>{{ $currency->code }}</option>@endforeach</select></div><div class="col-6"><input name="transaction_date" type="date" value="{{ now()->toDateString() }}" class="form-control" required></div><div class="col-6"><select name="method" class="form-select"><option value="cash">{{ __('Cash') }}</option><option value="bank">{{ __('Bank') }}</option><option value="mobile">{{ __('Mobile Money') }}</option><option value="other">{{ __('Other') }}</option></select></div></div><button class="btn btn-danger w-100 mt-3">{{ __('Save') }}</button></form></div></div>
    </div>
</div>

<div class="card mt-3">
    <div class="card-body">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h6 class="mb-0"><i class="fa-solid fa-cash-register text-success me-2"></i>{{ __('Recent Other Transactions') }}</h6>
            <button onclick="window.print()" class="btn btn-light btn-sm no-print"><i class="fa-solid fa-print me-1"></i>{{ __('Print') }}</button>
        </div>
        <div class="table-responsive">
            <table class="table table-sm align-middle">
                <thead><tr><th>{{ __('Date') }}</th><th>{{ __('Type') }}</th><th>{{ __('Party') }}</th><th>{{ __('Category') }}</th><th class="text-end">{{ __('Amount') }}</th><th class="text-end no-print">{{ __('Actions') }}</th></tr></thead>
                <tbody>
                @forelse($generalTransactions as $transaction)
                    <tr>
                        <td>{{ $transaction->transaction_date->format('Y-m-d') }}</td>
                        <td><span class="badge {{ $transaction->type === 'receipt' ? 'badge-soft' : 'badge-danger-soft' }} rounded-pill">{{ __(ucfirst($transaction->type)) }}</span></td>
                        <td>{{ $transaction->customer?->name ?? $transaction->party_name ?: '-' }}</td>
                        <td>{{ $transaction->category }}</td>
                        <td class="text-end money {{ $transaction->type === 'receipt' ? 'text-success' : 'text-danger' }}">{{ number_format($transaction->amount,2) }} {{ $transaction->currency_code }}</td>
                        <td class="text-end no-print">
                            <button type="button" class="btn btn-light btn-sm" data-mdb-toggle="modal" data-mdb-target="#generalView{{ $transaction->id }}" title="{{ __('View') }}"><i class="fa-solid fa-eye"></i></button>
                            <button type="button" class="btn btn-light btn-sm" data-mdb-toggle="modal" data-mdb-target="#generalEdit{{ $transaction->id }}" title="{{ __('Edit') }}"><i class="fa-solid fa-pen"></i></button>
                            <form class="d-inline" method="POST" action="{{ route('payments.general.destroy',$transaction) }}" onsubmit="return confirm('{{ __('Delete this general transaction?') }}')">@csrf @method('DELETE')<button class="btn btn-light btn-sm text-danger" title="{{ __('Delete') }}"><i class="fa-solid fa-trash"></i></button></form>
                        </td>
                    </tr>
                    <div class="modal fade" id="generalView{{ $transaction->id }}" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">{{ __('General Transaction') }}</h5><button type="button" class="btn-close" data-mdb-dismiss="modal"></button></div><div class="modal-body"><dl class="row mb-0"><dt class="col-4">{{ __('Date') }}</dt><dd class="col-8">{{ $transaction->transaction_date->format('Y-m-d') }}</dd><dt class="col-4">{{ __('Type') }}</dt><dd class="col-8">{{ __(ucfirst($transaction->type)) }}</dd><dt class="col-4">{{ __('Party') }}</dt><dd class="col-8">{{ $transaction->customer?->name ?? $transaction->party_name ?: '-' }}</dd><dt class="col-4">{{ __('Category') }}</dt><dd class="col-8">{{ $transaction->category }}</dd><dt class="col-4">{{ __('Amount') }}</dt><dd class="col-8">{{ number_format($transaction->amount,2) }} {{ $transaction->currency_code }}</dd><dt class="col-4">{{ __('Reference') }}</dt><dd class="col-8">{{ $transaction->reference ?: '-' }}</dd><dt class="col-4">{{ __('Notes') }}</dt><dd class="col-8">{{ $transaction->notes ?: '-' }}</dd></dl></div></div></div></div>
                    <div class="modal fade" id="generalEdit{{ $transaction->id }}" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><form method="POST" action="{{ route('payments.general.update',$transaction) }}">@csrf @method('PUT')<div class="modal-header"><h5 class="modal-title">{{ __('Edit General Transaction') }}</h5><button type="button" class="btn-close" data-mdb-dismiss="modal"></button></div><div class="modal-body"><select name="type" class="form-select mb-2"><option value="receipt" @selected($transaction->type === 'receipt')>{{ __('Receipt') }}</option><option value="payment" @selected($transaction->type === 'payment')>{{ __('Payment') }}</option></select><select name="customer_id" class="form-select mb-2"><option value="">{{ __('No customer ledger') }}</option>@foreach(($allCustomers ?? collect()) as $customer)<option value="{{ $customer->id }}" @selected($transaction->customer_id === $customer->id)>{{ $customer->name }}</option>@endforeach</select><input name="party_name" class="form-control mb-2" value="{{ $transaction->party_name }}" placeholder="{{ __('Party') }}"><input name="category" class="form-control mb-2" value="{{ $transaction->category }}" placeholder="{{ __('Category') }}" required><input name="amount" type="number" min="0.01" step="0.01" class="form-control mb-2" value="{{ $transaction->amount }}" required><select name="currency_code" class="form-select mb-2">@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected($transaction->currency_code === $currency->code)>{{ $currency->code }}</option>@endforeach</select><input name="transaction_date" type="date" class="form-control mb-2" value="{{ $transaction->transaction_date->toDateString() }}"><select name="method" class="form-select mb-2">@foreach(['cash','bank','mobile','other'] as $method)<option value="{{ $method }}" @selected($transaction->method === $method)>{{ __(ucfirst($method)) }}</option>@endforeach</select><input name="reference" class="form-control mb-2" value="{{ $transaction->reference }}" placeholder="{{ __('Reference') }}"><textarea name="notes" class="form-control" rows="2">{{ $transaction->notes }}</textarea></div><div class="modal-footer"><button type="button" class="btn btn-light" data-mdb-dismiss="modal">{{ __('Cancel') }}</button><button class="btn btn-success">{{ __('Save Changes') }}</button></div></form></div></div></div>
                @empty
                    <tr><td colspan="6" class="text-center text-muted py-4">{{ __('No general transactions yet.') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function refreshDropdownAllocation(form) {
    const select = form.querySelector('.allocation-select');
    if (!select) return;

    const fields = form.querySelector('.allocation-fields');
    const summary = form.querySelector('.selected-summary');
    const totalInput = form.querySelector('.allocation-total');
    const idKey = select.dataset.idKey;
    const selected = Array.from(select.selectedOptions).filter(option => !option.disabled);
    let total = 0;

    fields.innerHTML = '';
    selected.forEach(option => {
        const amount = Number(option.dataset.due || 0);
        total += amount;
        fields.insertAdjacentHTML('beforeend', `
            <input type="hidden" name="allocations[${option.value}][selected]" value="1">
            <input type="hidden" name="allocations[${option.value}][${idKey}]" value="${option.value}">
            <input type="hidden" name="allocations[${option.value}][amount]" value="${amount.toFixed(2)}">
        `);
    });

    if (totalInput) totalInput.value = total ? total.toFixed(2) : '';
    if (summary) summary.textContent = selected.length
        ? selected.map(option => option.dataset.label || option.textContent.trim()).join(' | ')
        : (idKey === 'invoice_id' ? '{{ __('No invoices selected.') }}' : '{{ __('No purchases selected.') }}');
}

document.querySelectorAll('.txn-mode').forEach(button => {
    button.addEventListener('click', () => {
        const card = button.closest('.card-body');
        card.querySelectorAll('.txn-mode').forEach(item => {
            item.classList.remove('active', 'btn-success', 'btn-danger');
            item.classList.add('btn-light');
        });
        button.classList.add('active');
        button.classList.remove('btn-light');
        button.classList.add(button.dataset.target.includes('supplier') ? 'btn-danger' : 'btn-success');
        card.querySelectorAll('.txn-pane').forEach(pane => pane.classList.add('d-none'));
        card.querySelector(button.dataset.target).classList.remove('d-none');
    });
});

document.querySelectorAll('.allocation-select').forEach(select => {
    select.addEventListener('change', () => refreshDropdownAllocation(select.closest('form')));
});

document.querySelectorAll('.general-party').forEach(select => {
    select.addEventListener('change', () => {
        const currency = select.selectedOptions?.[0]?.dataset?.currency;
        const currencySelect = select.closest('form')?.querySelector('select[name="currency_code"]');
        if (currency && currencySelect) currencySelect.value = currency;
    });
});

document.querySelectorAll('.allocation-action').forEach(button => {
    button.addEventListener('click', () => {
        const form = button.closest('form');
        const shouldSelect = button.dataset.action === 'select-visible';
        form.querySelectorAll('.allocation-select option:not(:disabled)').forEach(option => option.selected = shouldSelect);
        refreshDropdownAllocation(form);
    });
});

document.getElementById('record-menu')?.addEventListener('change', event => {
    document.querySelectorAll('.record-list').forEach(select => select.classList.toggle('d-none', select.dataset.list !== event.target.value));
});

document.querySelectorAll('.txn-pane').forEach(form => refreshDropdownAllocation(form));
</script>
@endpush