@php
    $voucherMode = old('voucher_type', request('mode', 'cash_receipt'));
    $voucherMode = in_array($voucherMode, ['cash_receipt', 'petty_cash', 'journal_voucher'], true) ? $voucherMode : 'cash_receipt';
    $today = now()->format('Y-m-d');
    $firstTreasury = $treasuries->first();
    $firstAccount = $accounts->first();
    $oldTreasuryAccountId = old('treasury_account_id');
    $partyTypes = $partyTypes ?? [];
    $accountRequiresCostCenter = fn ($account) => str_contains(strtolower((string) $account->account_type), 'revenue')
        || str_contains(strtolower((string) $account->account_type), 'income')
        || str_contains(strtolower((string) $account->account_type), 'expense')
        || str_contains(strtolower((string) $account->account_type), 'cost')
        || str_contains(strtolower((string) ($account->account_subtype ?? '')), 'revenue')
        || str_contains(strtolower((string) ($account->account_subtype ?? '')), 'income')
        || str_contains(strtolower((string) ($account->account_subtype ?? '')), 'expense')
        || str_contains(strtolower((string) ($account->account_subtype ?? '')), 'cost');
@endphp

<div class="voucher-workbench">
    <div class="voucher-toolbar">
        <div class="voucher-actions">
            <button type="button" class="voucher-tab {{ $voucherMode === 'cash_receipt' ? 'is-active' : '' }}"
                data-voucher-mode="cash_receipt">
                <i class="fas fa-arrow-down"></i>
                Cash Receipt
            </button>
            <button type="button" class="voucher-tab {{ $voucherMode === 'petty_cash' ? 'is-active' : '' }}"
                data-voucher-mode="petty_cash">
                <i class="fas fa-coins"></i>
                Petty Cash
            </button>
            <button type="button" class="voucher-tab {{ $voucherMode === 'journal_voucher' ? 'is-active' : '' }}"
                data-voucher-mode="journal_voucher">
                <i class="fas fa-table-list"></i>
                Journal Voucher
            </button>
        </div>

        <a href="{{ route('treasuries.create') }}" class="voucher-mini-btn">
            <i class="fas fa-right-left"></i>
            Transfer Between Accounts
        </a>
    </div>

    <div class="voucher-form-wrap">
        <form method="POST" action="{{ route('treasuries.vouchers.store') }}"
            class="voucher-mode-form {{ $voucherMode === 'cash_receipt' ? 'is-active' : '' }}"
            data-voucher-panel="cash_receipt">
            @csrf
            <input type="hidden" name="voucher_type" value="cash_receipt">

            <div class="voucher-form-grid">
                <div class="voucher-col-3">
                    <label class="voucher-label" for="receipt_date">Voucher Date</label>
                    <input id="receipt_date" type="date" name="date" class="voucher-input"
                        value="{{ old('date', $today) }}" required>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="receipt_treasury_id">To Treasury</label>
                    <select id="receipt_treasury_id" name="treasury_id" class="voucher-select" required>
                        <option value="">-- Choose Treasury --</option>
                        @foreach ($treasuries as $treasury)
                            @php
                                $treasuryAccountOptions = ($treasury->display_accounts ?? collect())
                                    ->map(fn ($account) => [
                                        'id' => (int) $account->id,
                                        'label' => "{$account->code} - {$account->title}",
                                    ])
                                    ->values();
                            @endphp
                            <option value="{{ $treasury->id }}"
                                data-balance="{{ number_format((float) ($treasury->current_balance ?? 0), 2) }}"
                                data-accounts='@json($treasuryAccountOptions)'
                                @selected(old('treasury_id', $firstTreasury?->id) == $treasury->id)>
                                {{ $treasury->name }} - {{ $treasury->account_label }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="receipt_treasury_account_id">Treasury Account</label>
                    <select id="receipt_treasury_account_id" name="treasury_account_id" class="voucher-select"
                        data-treasury-account-select data-selected="{{ $oldTreasuryAccountId }}" required>
                        <option value="">-- Choose Treasury Account --</option>
                    </select>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="receipt_account_id">From Account</label>
                    <select id="receipt_account_id" name="account_id" class="voucher-select" required>
                        <option value="">-- Choose Account --</option>
                        @foreach ($accounts as $account)
                            <option value="{{ $account->id }}" data-requires-cost-center="{{ $accountRequiresCostCenter($account) ? '1' : '0' }}" @selected(old('account_id', $firstAccount?->id) == $account->id)>
                                {{ $account->code }} - {{ $account->title }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="receipt_amount">Amount</label>
                    <input id="receipt_amount" type="number" step="0.01" min="0.01" name="amount" class="voucher-input"
                        value="{{ old('amount', '0.00') }}" required>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="receipt_party_type">Party Type</label>
                    <select id="receipt_party_type" name="party_type" class="voucher-select" data-party-type-select>
                        <option value="">-- Choose Party Type --</option>
                        @foreach ($partyTypes as $partyType)
                            <option value="{{ $partyType }}" @selected(old('party_type') === $partyType)>
                                {{ ucfirst(str_replace('_', ' ', $partyType)) }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-3" data-party-entity-wrap>
                    <label class="voucher-label" for="receipt_party_id">Party</label>
                    <select id="receipt_party_id" name="party_id" class="voucher-select"
                        data-party-select
                        data-selected-id="{{ old('party_id') }}"
                        data-selected-name="{{ old('party_name') }}"
                        data-selected-ref="{{ old('party_ref') }}">
                        <option value="">-- Choose Party --</option>
                    </select>
                </div>
                <div class="voucher-col-3" data-party-company-wrap style="display:none;">
                    <label class="voucher-label" for="receipt_company_party_name">Party</label>
                    <input id="receipt_company_party_name" type="text" class="voucher-input"
                        value="{{ old('party_name') }}" placeholder="Company or party name" data-company-party-name>
                </div>
                <input type="hidden" name="party_name" value="{{ old('party_name') }}" data-party-name-input>
                <input type="hidden" name="party_ref" value="{{ old('party_ref') }}" data-party-ref-input>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="receipt_cost_center_id">Cost Center <span class="text-danger">*</span></label>
                    <select id="receipt_cost_center_id" name="cost_center_id" class="voucher-select" required>
                        <option value="">Choose Cost Center</option>
                        @foreach ($costCenters as $costCenter)
                            <option value="{{ $costCenter->id }}" @selected(old('cost_center_id') == $costCenter->id)>
                                {{ $costCenter->code ? $costCenter->code . ' - ' : '' }}{{ $costCenter->title }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-8">
                    <label class="voucher-label" for="receipt_description">Description</label>
                    <input id="receipt_description" type="text" name="description" class="voucher-input"
                        value="{{ old('description') }}" placeholder="Cash receipt description">
                </div>
            </div>

            <div class="voucher-balance-strip">
                <span>Current Balance:</span>
                <span data-voucher-balance>0.00</span>
            </div>

            <div class="voucher-form-actions">
                <button type="submit" class="voucher-submit-btn">
                    <i class="fas fa-check"></i>
                    Save Cash Receipt
                </button>
            </div>
        </form>

        <form method="POST" action="{{ route('treasuries.vouchers.store') }}"
            class="voucher-mode-form {{ $voucherMode === 'petty_cash' ? 'is-active' : '' }}"
            data-voucher-panel="petty_cash">
            @csrf
            <input type="hidden" name="voucher_type" value="petty_cash">

            <div class="voucher-form-grid">
                <div class="voucher-col-3">
                    <label class="voucher-label" for="petty_date">Voucher Date</label>
                    <input id="petty_date" type="date" name="date" class="voucher-input"
                        value="{{ old('date', $today) }}" required>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="petty_treasury_id">From Treasury</label>
                    <select id="petty_treasury_id" name="treasury_id" class="voucher-select" required>
                        <option value="">-- Choose Treasury --</option>
                        @foreach ($treasuries as $treasury)
                            @php
                                $treasuryAccountOptions = ($treasury->display_accounts ?? collect())
                                    ->map(fn ($account) => [
                                        'id' => (int) $account->id,
                                        'label' => "{$account->code} - {$account->title}",
                                    ])
                                    ->values();
                            @endphp
                            <option value="{{ $treasury->id }}"
                                data-balance="{{ number_format((float) ($treasury->current_balance ?? 0), 2) }}"
                                data-accounts='@json($treasuryAccountOptions)'
                                @selected(old('treasury_id', $firstTreasury?->id) == $treasury->id)>
                                {{ $treasury->name }} - {{ $treasury->account_label }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="petty_treasury_account_id">Treasury Account</label>
                    <select id="petty_treasury_account_id" name="treasury_account_id" class="voucher-select"
                        data-treasury-account-select data-selected="{{ $oldTreasuryAccountId }}" required>
                        <option value="">-- Choose Treasury Account --</option>
                    </select>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="petty_account_id">Expense Account</label>
                    <select id="petty_account_id" name="account_id" class="voucher-select" required>
                        <option value="">-- Choose Account --</option>
                        @foreach ($accounts as $account)
                            <option value="{{ $account->id }}" data-requires-cost-center="{{ $accountRequiresCostCenter($account) ? '1' : '0' }}" @selected(old('account_id', $firstAccount?->id) == $account->id)>
                                {{ $account->code }} - {{ $account->title }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="petty_amount">Amount</label>
                    <input id="petty_amount" type="number" step="0.01" min="0.01" name="amount" class="voucher-input"
                        value="{{ old('amount', '0.00') }}" required>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="petty_party_type">Party Type</label>
                    <select id="petty_party_type" name="party_type" class="voucher-select" data-party-type-select>
                        <option value="">-- Choose Party Type --</option>
                        @foreach ($partyTypes as $partyType)
                            <option value="{{ $partyType }}" @selected(old('party_type') === $partyType)>
                                {{ ucfirst(str_replace('_', ' ', $partyType)) }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-4" data-party-entity-wrap>
                    <label class="voucher-label" for="petty_party_id">Party</label>
                    <select id="petty_party_id" name="party_id" class="voucher-select"
                        data-party-select
                        data-selected-id="{{ old('party_id') }}"
                        data-selected-name="{{ old('party_name') }}"
                        data-selected-ref="{{ old('party_ref') }}">
                        <option value="">-- Choose Party --</option>
                    </select>
                </div>
                <div class="voucher-col-4" data-party-company-wrap style="display:none;">
                    <label class="voucher-label" for="petty_company_party_name">Party</label>
                    <input id="petty_company_party_name" type="text" class="voucher-input"
                        value="{{ old('party_name') }}" placeholder="Company or party name" data-company-party-name>
                </div>
                <input type="hidden" name="party_name" value="{{ old('party_name') }}" data-party-name-input>
                <input type="hidden" name="party_ref" value="{{ old('party_ref') }}" data-party-ref-input>
                <div class="voucher-col-4">
                    <label class="voucher-label" for="petty_cost_center_id">Cost Center <span class="text-danger">*</span></label>
                    <select id="petty_cost_center_id" name="cost_center_id" class="voucher-select" required>
                        <option value="">Choose Cost Center</option>
                        @foreach ($costCenters as $costCenter)
                            <option value="{{ $costCenter->id }}" @selected(old('cost_center_id') == $costCenter->id)>
                                {{ $costCenter->code ? $costCenter->code . ' - ' : '' }}{{ $costCenter->title }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-8">
                    <label class="voucher-label" for="petty_description">Description</label>
                    <input id="petty_description" type="text" name="description" class="voucher-input"
                        value="{{ old('description') }}" placeholder="Petty cash description">
                </div>
            </div>

            <div class="voucher-balance-strip">
                <span>Current Balance:</span>
                <span data-voucher-balance>0.00</span>
            </div>

            <div class="voucher-form-actions">
                <button type="submit" class="voucher-submit-btn">
                    <i class="fas fa-check"></i>
                    Save Petty Cash
                </button>
            </div>
        </form>

        <form method="POST" action="{{ route('treasuries.vouchers.store') }}"
            class="voucher-mode-form {{ $voucherMode === 'journal_voucher' ? 'is-active' : '' }}"
            data-voucher-panel="journal_voucher">
            @csrf
            <input type="hidden" name="voucher_type" value="journal_voucher">

            <div class="voucher-form-grid">
                <div class="voucher-col-3">
                    <label class="voucher-label" for="journal_date">Voucher Date</label>
                    <input id="journal_date" type="date" name="date" class="voucher-input"
                        value="{{ old('date', $today) }}" required>
                </div>
                <div class="voucher-col-3">
                    <label class="voucher-label" for="journal_party_type">Party Type</label>
                    <select id="journal_party_type" name="party_type" class="voucher-select" data-party-type-select>
                        <option value="">-- Choose Party Type --</option>
                        @foreach ($partyTypes as $partyType)
                            <option value="{{ $partyType }}" @selected(old('party_type') === $partyType)>
                                {{ ucfirst(str_replace('_', ' ', $partyType)) }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="voucher-col-3" data-party-entity-wrap>
                    <label class="voucher-label" for="journal_party_id">Party</label>
                    <select id="journal_party_id" name="party_id" class="voucher-select"
                        data-party-select
                        data-selected-id="{{ old('party_id') }}"
                        data-selected-name="{{ old('party_name') }}"
                        data-selected-ref="{{ old('party_ref') }}">
                        <option value="">-- Choose Party --</option>
                    </select>
                </div>
                <div class="voucher-col-3" data-party-company-wrap style="display:none;">
                    <label class="voucher-label" for="journal_company_party_name">Party</label>
                    <input id="journal_company_party_name" type="text" class="voucher-input"
                        value="{{ old('party_name') }}" placeholder="Company or party name" data-company-party-name>
                </div>
                <input type="hidden" name="party_name" value="{{ old('party_name') }}" data-party-name-input>
                <input type="hidden" name="party_ref" value="{{ old('party_ref') }}" data-party-ref-input>
                <div class="voucher-col-9">
                    <label class="voucher-label" for="journal_description">Description</label>
                    <input id="journal_description" type="text" name="description" class="voucher-input"
                        value="{{ old('description') }}" placeholder="Journal voucher description">
                </div>
            </div>

            <div class="voucher-journal-lines" data-voucher-lines>
                @for ($i = 0; $i < max(2, count(old('lines', []))); $i++)
                    @php $oldLine = old("lines.$i", []); @endphp
                    <div class="voucher-journal-row">
                        <div>
                            <label class="voucher-label">Account</label>
                            <select name="lines[{{ $i }}][account_id]" class="voucher-select" required>
                                <option value="">-- Choose --</option>
                                @foreach ($accounts as $account)
                                    <option value="{{ $account->id }}" data-requires-cost-center="{{ $accountRequiresCostCenter($account) ? '1' : '0' }}" @selected(($oldLine['account_id'] ?? null) == $account->id)>
                                        {{ $account->code }} - {{ $account->title }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="voucher-label">Cost Center</label>
                            <select name="lines[{{ $i }}][cost_center_id]" class="voucher-select">
                                <option value="">None</option>
                                @foreach ($costCenters as $costCenter)
                                    <option value="{{ $costCenter->id }}" @selected(($oldLine['cost_center_id'] ?? null) == $costCenter->id)>
                                        {{ $costCenter->title }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="voucher-label">Debit</label>
                            <input type="number" step="0.01" min="0" name="lines[{{ $i }}][debit]" class="voucher-input"
                                value="{{ $oldLine['debit'] ?? 0 }}" data-voucher-debit>
                        </div>
                        <div>
                            <label class="voucher-label">Credit</label>
                            <input type="number" step="0.01" min="0" name="lines[{{ $i }}][credit]" class="voucher-input"
                                value="{{ $oldLine['credit'] ?? 0 }}" data-voucher-credit>
                        </div>
                        <button type="button" class="voucher-mini-btn" data-voucher-remove-line title="Remove line">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                @endfor
            </div>

            <button type="button" class="voucher-mini-btn mt-2" data-voucher-add-line>
                <i class="fas fa-plus"></i>
                Add Line
            </button>

            <div class="voucher-journal-totals">
                <span>Debit <strong data-voucher-total-debit>0.00</strong></span>
                <span>Credit <strong data-voucher-total-credit>0.00</strong></span>
                <span>Difference <strong data-voucher-total-diff>0.00</strong></span>
            </div>

            <div class="voucher-form-actions">
                <button type="submit" class="voucher-submit-btn">
                    <i class="fas fa-check"></i>
                    Save Journal Voucher
                </button>
            </div>
        </form>
    </div>

    <div class="voucher-head">
        <div>
            <div class="mb-1" style="color:#111827;font-weight:950;">Registered Vouchers</div>
            <p class="mb-0" style="color:#64748b;font-size:0.78rem;">Latest vouchers posted from this treasury screen.
            </p>
        </div>
        <form method="GET" action="{{ route('treasuries.index') }}" class="voucher-filter-actions">
            <input type="hidden" name="mode" value="{{ $voucherMode }}">
            <input type="text" name="voucher_search" class="voucher-input"
                value="{{ $filters['voucher_search'] ?? '' }}" placeholder="Search voucher..." style="min-width:240px;">
            <a href="{{ route('treasuries.index', ['mode' => $voucherMode]) }}"
                class="voucher-mini-btn {{ empty($filters['doc_type']) ? 'is-active' : '' }}">All</a>
            <a href="{{ route('treasuries.index', ['mode' => $voucherMode, 'doc_type' => 'cash_receipt']) }}"
                class="voucher-mini-btn {{ ($filters['doc_type'] ?? '') === 'cash_receipt' ? 'is-active' : '' }}">Cash
                Receipt</a>
            <a href="{{ route('treasuries.index', ['mode' => $voucherMode, 'doc_type' => 'petty_cash']) }}"
                class="voucher-mini-btn {{ ($filters['doc_type'] ?? '') === 'petty_cash' ? 'is-active' : '' }}">Petty
                Cash</a>
            <a href="{{ route('treasuries.index', ['mode' => $voucherMode, 'doc_type' => 'journal_voucher']) }}"
                class="voucher-mini-btn {{ ($filters['doc_type'] ?? '') === 'journal_voucher' ? 'is-active' : '' }}">Journal
                Voucher</a>
            <button type="submit" class="voucher-mini-btn">
                <i class="fas fa-search"></i>
            </button>
        </form>
    </div>

    <div class="voucher-table-wrap">
        <x-table :headers="['Voucher No.', 'Type', 'Date', 'Description', 'Party Type', 'Party', 'Treasury/Account', 'Debit', 'Credit', 'Status', 'Entry']">
            @forelse ($voucherEntries as $entry)
                <tr>
                    <td>{{ $entry->reference_no }}</td>
                    <td>{{ $entry->voucher_type_label }}</td>
                    <td>{{ $entry->date?->format('Y-m-d') }}</td>
                    <td style="white-space: normal; min-width: 260px;">{{ $entry->description ?: '-' }}</td>
                    <td>{{ $entry->party_type_label }}</td>
                    <td>{{ $entry->party_label }}</td>
                    <td>{{ $entry->treasury_label }}</td>
                    <td class="voucher-amount-in">
                        {{ $entry->display_debit_amount !== null ? number_format((float) $entry->display_debit_amount, 2) : '-' }}
                    </td>
                    <td class="voucher-amount-out">
                        {{ $entry->display_credit_amount !== null ? number_format((float) $entry->display_credit_amount, 2) : '-' }}
                    </td>
                    <td>{{ $entry->status }}</td>
                    <td>
                        <a href="{{ route('journal_entries.show', $entry->id) }}" class="voucher-mini-btn">
                            <i class="fas fa-eye"></i>
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="11">
                        <div class="voucher-empty">No vouchers yet. Add a voucher from the form above.</div>
                    </td>
                </tr>
            @endforelse
        </x-table>
    </div>

    <div class="voucher-count">
        Showing {{ $voucherEntries->total() }} vouchers
    </div>
</div>