{{-- @extends('layouts.app')

@section('content')
    <div class="container-fluid py-4">
        @if (session('success'))
            <div class="alert alert-success border-0 shadow-sm">{{ session('success') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger border-0 shadow-sm">{{ $errors->first() }}</div>
        @endif

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body d-flex flex-wrap justify-content-between align-items-center gap-3 p-4">
                <div>
                    <h2 class="h4 fw-semibold mb-1">Journal</h2>
                    <p class="text-secondary mb-0">Record transfers and review account activity.</p>
                </div>
                <div class="rounded-3 bg-light px-3 py-2">
                    <span class="small text-secondary d-block">Filtered total</span>
                    <strong class="fs-5">৳{{ number_format($total, 2) }}</strong>
                </div>
            </div>
        </div>

        <form class="card border-0 shadow-sm mb-4" method="POST" action="{{ route('journal.store') }}" id="journal-entry-form">
            @csrf
            <div class="card-body p-4">
                <h3 class="h6 fw-semibold mb-3">Record a transaction</h3>
                <div class="row g-3">
                    <div class="col-sm-6 col-lg-4"><label class="form-label" for="transaction-date">Date</label><input id="transaction-date" class="form-control" type="date" name="transaction_date" value="{{ old('transaction_date', today()->toDateString()) }}" required></div>
                    <div class="col-sm-6 col-lg-4"><label class="form-label" for="transaction-type">Transaction type</label><select id="transaction-type" class="form-select" name="transaction_type" required>@foreach(['transfer','expense','bank_charge','fixed_asset','asset_sale','bad_dept','payment','loan','loan_repayment','loan_received','loan_paid','other'] as $type)<option value="{{ $type }}" @selected(old('transaction_type', request('transaction_type')) === $type)>{{ $type === 'loan' ? 'Loan given' : ($type === 'loan_received' ? 'Loan received' : ($type === 'loan_paid' ? 'Repay lender' : ucwords(str_replace('_', ' ', $type)))) }}</option>@endforeach</select></div>
                    <div class="col-sm-6 col-lg-4"><label class="form-label" for="from-type">Source type</label><select id="from-type" class="form-select" name="from_account_type" required><option value="hand_cash" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'asset_sale' ? 'fixed_asset' : (request('transaction_type') === 'bad_dept' ? 'customer_due' : (request('transaction_type') === 'loan_repayment' ? 'loan_receivable' : (request('transaction_type') === 'loan_received' ? 'loan_payable' : 'hand_cash'))))) === 'hand_cash')>Hand cash</option><option value="office_cash" @selected(old('from_account_type', request('from_account_type')) === 'office_cash')>Office cash (৳{{ number_format($officeCashBalance, 2) }})</option><option value="bank" @selected(old('from_account_type', request('from_account_type')) === 'bank')>Bank account</option><option value="company_code" @selected(old('from_account_type', request('from_account_type')) === 'company_code')>Company code</option><option value="damage" @selected(old('from_account_type', request('from_account_type')) === 'damage')>Company damage balance</option><option value="free_item" @selected(old('from_account_type', request('from_account_type')) === 'free_item')>Company free-item balance</option><option value="fixed_asset" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'asset_sale' ? 'fixed_asset' : null)) === 'fixed_asset')>Fixed asset sale</option><option value="customer_due" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'bad_dept' ? 'customer_due' : null)) === 'customer_due')>Customer due</option><option value="loan_receivable" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'loan_repayment' ? 'loan_receivable' : null)) === 'loan_receivable')>Borrower balance</option><option value="loan_payable" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'loan_received' ? 'loan_payable' : null)) === 'loan_payable')>Lender balance</option></select></div>

                    <div class="col-md-6"><label class="form-label" for="from-account">Source account</label><select id="from-account" class="form-select" name="from_account_id"><option value="">Select if required for this source type</option>
                        @foreach($bankAccounts as $account)<option value="bank:{{ $account->id }}" @selected(old('from_account_id') == 'bank:'.$account->id)>Bank: {{ $account->bank_account_name }} ({{ $account->account_no }})</option>@endforeach
                        @foreach($companyCodes as $code)<option value="company_code:{{ $code->id }}" @selected(old('from_account_id') == 'company_code:'.$code->id)>Code: {{ $code->company->company_name ?? 'Company' }} - {{ $code->code }}</option>@endforeach
                        @foreach($damageCompanies as $company)<option value="damage:{{ $company->id }}" @selected(old('from_account_id') == 'damage:'.$company->id)>Damage: {{ $company->company_name }} (৳{{ number_format($company->remaining_damage_value, 2) }})</option>@endforeach
                        @foreach($freeItemCompanies as $company)<option value="free_item:{{ $company->id }}" @selected(old('from_account_id') == 'free_item:'.$company->id)>Free items: {{ $company->company_name }} (৳{{ number_format($company->remaining_free_item_value, 2) }})</option>@endforeach
                        @foreach($availableAssets as $asset)<option value="fixed_asset:{{ $asset->id }}" @selected(old('from_account_id', request('from_account_id')) == 'fixed_asset:'.$asset->id)>Asset: {{ $asset->name }} (cost ৳{{ number_format($asset->price, 2) }})</option>@endforeach
                        @foreach($customersWithDues as $customer)<option value="customer_due:{{ $customer->id }}" @selected(old('from_account_id', request('from_account_id')) == 'customer_due:'.$customer->id)>Customer: {{ $customer->name }} (due ৳{{ number_format($customer->current_due_balance, 2) }})</option>@endforeach
                        @foreach($loanAccounts->where('role', 'borrower')->where('outstanding_balance', '>', 0) as $loan)<option value="loan_receivable:{{ $loan->id }}" @selected(old('from_account_id', request('from_account_id')) == 'loan_receivable:'.$loan->id)>Borrower: {{ $loan->person_name }} (due ৳{{ number_format($loan->outstanding_balance, 2) }})</option>@endforeach
                        @foreach($loanAccounts->where('role', 'lender') as $loan)<option value="loan_payable:{{ $loan->id }}" @selected(old('from_account_id', request('from_account_id')) == 'loan_payable:'.$loan->id)>Lender: {{ $loan->person_name }} (owed ৳{{ number_format($loan->outstanding_balance, 2) }})</option>@endforeach
                        <option value="loan_payable:new" @selected(old('from_account_id', request('from_account_id')) === 'loan_payable:new')>Add new lender / bank</option>
                    </select></div>
                    <div class="col-md-6 d-none" id="new-loan-contact-fields"><label class="form-label" for="new-loan-contact"><span id="new-loan-contact-label">New contact name</span></label><input id="new-loan-contact" class="form-control" name="new_loan_contact" maxlength="255" value="{{ old('new_loan_contact') }}"><div class="form-text">The contact is saved only if the journal entry succeeds.</div></div>
                    <div class="col-md-6 d-none" id="new-loan-contact-phone-field"><label class="form-label" for="new-loan-contact-phone">Phone (optional)</label><input id="new-loan-contact-phone" class="form-control" name="new_loan_contact_phone" maxlength="50" value="{{ old('new_loan_contact_phone') }}"></div>
                    <div class="col-md-6"><label class="form-label" for="to-type">Destination / category</label><select id="to-type" class="form-select" name="to_account_type" required><option value="">Choose destination</option>@foreach(['hand_cash','bank','company_code','expense','fixed_asset','external','loan_receivable','loan_payable'] as $type)<option value="{{ $type }}" @selected(old('to_account_type', request('to_account_type', request('transaction_type') === 'bad_dept' ? 'expense' : (request('transaction_type') === 'loan' ? 'loan_receivable' : (request('transaction_type') === 'loan_paid' ? 'loan_payable' : null)))) === $type)>{{ $type === 'loan_receivable' ? 'Borrower balance' : ($type === 'loan_payable' ? 'Lender balance' : ucwords(str_replace('_', ' ', $type))) }}</option>@endforeach</select></div>
                    <div class="col-md-6"><label class="form-label" for="to-account">Destination account / expense head</label><select id="to-account" class="form-select" name="to_account_id"><option value="">Select if applicable</option>
                        @foreach($bankAccounts as $account)<option value="bank:{{ $account->id }}" @selected(old('to_account_id') == 'bank:'.$account->id)>Bank: {{ $account->bank_account_name }} ({{ $account->account_no }})</option>@endforeach
                        @foreach($companyCodes as $code)<option value="company_code:{{ $code->id }}" @selected(old('to_account_id') == 'company_code:'.$code->id)>Code: {{ $code->company->company_name ?? 'Company' }} - {{ $code->code }}</option>@endforeach
                        @foreach($expenseHeads as $head)<option value="expense:{{ $head->id }}" @selected(old('to_account_id') == 'expense:'.$head->id)>Expense: {{ $head->name }}</option>@endforeach
                        @foreach($loanAccounts->where('role', 'borrower') as $loan)<option value="loan_receivable:{{ $loan->id }}" @selected(old('to_account_id', request('to_account_id')) == 'loan_receivable:'.$loan->id)>Borrower: {{ $loan->person_name }} (due ৳{{ number_format($loan->outstanding_balance, 2) }})</option>@endforeach
                        <option value="loan_receivable:new" @selected(old('to_account_id', request('to_account_id')) === 'loan_receivable:new')>Add new borrower</option>
                        @foreach($loanAccounts->where('role', 'lender') as $loan)<option value="loan_payable:{{ $loan->id }}" @selected(old('to_account_id', request('to_account_id')) == 'loan_payable:'.$loan->id)>Lender: {{ $loan->person_name }} (owed ৳{{ number_format($loan->outstanding_balance, 2) }})</option>@endforeach
                    </select><div class="form-text">For a Bad debt entry, choose Expense; the Bad Debts head is applied automatically.</div></div>
                    <div class="col-sm-6 col-lg-3"><label class="form-label" for="amount">Amount</label><div class="input-group"><span class="input-group-text">৳</span><input id="amount" class="form-control" type="number" min="0.01" step="0.01" name="amount" value="{{ old('amount') }}" required></div></div>
                    <div class="col-sm-6 col-lg-3"><label class="form-label" for="counterparty">Payee / company / asset</label><input id="counterparty" class="form-control" name="counterparty" maxlength="255" value="{{ old('counterparty', request('counterparty')) }}"></div>
                    <div class="col-sm-6 col-lg-3"><label class="form-label" for="reference">Reference number</label><input id="reference" class="form-control" name="reference_no" maxlength="100" value="{{ old('reference_no') }}"></div>
                    <div class="col-sm-6 col-lg-3"><label class="form-label" for="details">Details</label><input id="details" class="form-control" name="details" maxlength="2000" value="{{ old('details') }}"></div>
                </div>
            </div>
            <div class="card-footer bg-white border-0 px-4 pb-4"><button class="btn btn-primary px-4" type="submit">Save transaction</button></div>
        </form>

        <form class="card border-0 shadow-sm mb-3" method="GET">
            <div class="card-body"><div class="row g-3 align-items-end">
                <div class="col-sm-6 col-lg-3"><label class="form-label text-secondary small" for="filter-from">From date</label><input id="filter-from" class="form-control" type="date" name="from" value="{{ request('from') }}"></div>
                <div class="col-sm-6 col-lg-3"><label class="form-label text-secondary small" for="filter-to">To date</label><input id="filter-to" class="form-control" type="date" name="to" value="{{ request('to') }}"></div>
                <div class="col-sm-6 col-lg-3"><label class="form-label text-secondary small" for="filter-type">Transaction type</label><select id="filter-type" class="form-select" name="type"><option value="">All types</option>@foreach(['transfer','expense','bank_charge','fixed_asset','asset_sale','depreciation','bad_dept','payment','other'] as $type)<option value="{{ $type }}" @selected(request('type') === $type)>{{ ucwords(str_replace('_', ' ', $type)) }}</option>@endforeach</select></div>
                <div class="col-sm-6 col-lg-3 d-flex gap-2"><button class="btn btn-outline-secondary" type="submit">Apply filters</button><a class="btn btn-light border" href="{{ route('journal.index') }}">Clear</a></div>
            </div></div>
        </form>

        <div class="card border-0 shadow-sm overflow-hidden">
            <div class="card-header bg-white border-0 px-4 py-3 d-flex justify-content-between align-items-center">
                <div><h3 class="h6 fw-semibold mb-1">Journal entries</h3><p class="small text-secondary mb-0">A clear view of recent account activity.</p></div>
                <span class="badge rounded-pill bg-light text-secondary border">{{ $journals->total() }} entries</span>
            </div>
            <div class="table-responsive"><table class="table table-hover align-middle mb-0">
                <thead class="table-light"><tr><th class="ps-4">Date</th><th>Type</th><th>From</th><th>To</th><th>Counterparty / details</th><th>Reference</th><th class="text-end">Amount</th><th>Entered by</th></tr></thead>
                <tbody>
                    @forelse($journals as $entry)
                        <tr>
                            <td class="ps-4 text-nowrap text-secondary">{{ $entry->transaction_date->format('d M Y') }}</td>
                            <td><span class="badge rounded-pill bg-primary-subtle text-primary-emphasis fw-medium">{{ ucwords(str_replace('_', ' ', $entry->transaction_type)) }}</span></td>
                            <td class="text-secondary">{{ $entry->from_account_type ? ucwords(str_replace('_', ' ', $entry->from_account_type)) : '—' }}</td>
                            <td class="text-secondary">{{ $entry->to_account_type ? ucwords(str_replace('_', ' ', $entry->to_account_type)) : '—' }}</td>
                            <td><div class="fw-medium">{{ $entry->counterparty ?: '—' }}</div>@if($entry->details)<div class="small text-secondary text-truncate" style="max-width: 240px">{{ $entry->details }}</div>@endif</td>
                            <td class="small text-secondary">{{ $entry->reference_no ?: '—' }}</td>
                            <td class="text-end fw-semibold text-nowrap">৳{{ number_format($entry->amount, 2) }}</td>
                            <td class="small text-secondary">{{ $entry->creator->name ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center py-5"><div class="text-secondary mb-1">No entries found</div><div class="small text-secondary">Try changing the filters or record a new transaction.</div></td></tr>
                    @endforelse
                </tbody>
            </table></div>
            @if ($journals->hasPages())<div class="card-footer bg-white border-0 px-4 py-3">{{ $journals->links() }}</div>@endif
        </div>
    </div>
@endsection --}}

{{-- @section('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const bindAccountFilter = function (typeElement, accountElement) {
                if (!typeElement || !accountElement) return;
                const update = function (clearSelection = false) {
                    const selectedType = typeElement.value;
                    Array.from(accountElement.options).forEach(function (option, index) {
                        if (index === 0) return;
                        const visible = option.value.split(':')[0] === selectedType;
                        option.hidden = !visible;
                        option.disabled = !visible;
                    });
                    const selected = accountElement.selectedOptions[0];
                    if (clearSelection || (selected && selected.value && selected.value.split(':')[0] !== selectedType)) accountElement.value = '';
                };
                typeElement.addEventListener('change', function () { update(true); });
                update();
            };
            bindAccountFilter(document.getElementById('from-type'), document.getElementById('from-account'));
            bindAccountFilter(document.getElementById('to-type'), document.getElementById('to-account'));

            const sourceAccount = document.getElementById('from-account');
            const destinationAccount = document.getElementById('to-account');
            const contactFields = document.getElementById('new-loan-contact-fields');
            const contactPhoneField = document.getElementById('new-loan-contact-phone-field');
            const contactName = document.getElementById('new-loan-contact');
            const contactLabel = document.getElementById('new-loan-contact-label');
            const updateNewContactFields = function () {
                const addBorrower = destinationAccount && destinationAccount.value === 'loan_receivable:new';
                const addLender = sourceAccount && sourceAccount.value === 'loan_payable:new';
                const show = addBorrower || addLender;
                if (contactFields) contactFields.classList.toggle('d-none', !show);
                if (contactPhoneField) contactPhoneField.classList.toggle('d-none', !show);
                if (contactName) contactName.required = !!show;
                if (contactLabel) contactLabel.textContent = addBorrower ? 'New borrower name' : 'New lender name (person or bank)';
            };
            if (sourceAccount) sourceAccount.addEventListener('change', updateNewContactFields);
            if (destinationAccount) destinationAccount.addEventListener('change', updateNewContactFields);
            updateNewContactFields();
        });
    </script>
@endsection --}}


@extends('layouts.app')

@section('content')
    <div class="container-fluid py-4">
        @if (session('success'))
            <div class="alert alert-success border-0 shadow-sm">{{ session('success') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger border-0 shadow-sm">{{ $errors->first() }}</div>
        @endif

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body d-flex flex-wrap justify-content-between align-items-center gap-3 p-4">
                <div>
                    <h2 class="h4 fw-semibold mb-1">Journal</h2>
                    <p class="text-secondary mb-0">Record transfers and review account activity.</p>
                </div>
                <div class="rounded-3 bg-light px-3 py-2">
                    <span class="small text-secondary d-block">Filtered total</span>
                    <strong class="fs-5">৳{{ number_format($total, 2) }}</strong>
                </div>
            </div>
        </div>

        <form class="card border-0 shadow-sm mb-4" method="POST" action="{{ route('journal.store') }}" id="journal-entry-form">
            @csrf
            <div class="card-body p-4">
                <h3 class="h6 fw-semibold mb-3">Record a transaction</h3>
                <div class="row g-3">
                    <div class="col-sm-6 col-lg-4"><label class="form-label" for="transaction-date">Date</label><input id="transaction-date" class="form-control" type="date" name="transaction_date" value="{{ old('transaction_date', today()->toDateString()) }}" required></div>

                    <!-- 1. Added 'dues' to Transaction Type Dropdown -->
                    <div class="col-sm-6 col-lg-4"><label class="form-label" for="transaction-type">Transaction type</label><select id="transaction-type" class="form-select" name="transaction_type" required>@foreach(['transfer','expense','bank_charge','fixed_asset','asset_sale','bad_dept','payment','loan','loan_repayment','loan_received','loan_paid','dues','other'] as $type)<option value="{{ $type }}" @selected(old('transaction_type', request('transaction_type')) === $type)>{{ $type === 'loan' ? 'Loan given' : ($type === 'loan_received' ? 'Loan received' : ($type === 'loan_paid' ? 'Repay lender' : ($type === 'dues' ? 'Customer dues payment' : ucwords(str_replace('_', ' ', $type))))) }}</option>@endforeach</select></div>

                    <div class="col-sm-6 col-lg-4"><label class="form-label" for="from-type">Source type</label><select id="from-type" class="form-select" name="from_account_type" required><option value="hand_cash" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'asset_sale' ? 'fixed_asset' : (in_array(request('transaction_type'), ['bad_dept', 'dues'], true) ? 'customer_due' : (request('transaction_type') === 'loan_repayment' ? 'loan_receivable' : (request('transaction_type') === 'loan_received' ? 'loan_payable' : 'hand_cash'))))) === 'hand_cash')>Hand cash</option><option value="office_cash" @selected(old('from_account_type', request('from_account_type')) === 'office_cash')>Office cash (৳{{ number_format($officeCashBalance, 2) }})</option><option value="bank" @selected(old('from_account_type', request('from_account_type')) === 'bank')>Bank account</option><option value="company_code" @selected(old('from_account_type', request('from_account_type')) === 'company_code')>Company code</option><option value="damage" @selected(old('from_account_type', request('from_account_type')) === 'damage')>Company damage balance</option><option value="free_item" @selected(old('from_account_type', request('from_account_type')) === 'free_item')>Company free-item balance</option><option value="fixed_asset" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'asset_sale' ? 'fixed_asset' : null)) === 'fixed_asset')>Fixed asset sale</option><option value="customer_due" @selected(old('from_account_type', request('from_account_type', in_array(request('transaction_type'), ['bad_dept', 'dues'], true) ? 'customer_due' : null)) === 'customer_due')>Customer due</option><option value="loan_receivable" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'loan_repayment' ? 'loan_receivable' : null)) === 'loan_receivable')>Borrower balance</option><option value="loan_payable" @selected(old('from_account_type', request('from_account_type', request('transaction_type') === 'loan_received' ? 'loan_payable' : null)) === 'loan_payable')>Lender balance</option></select></div>

                    <div class="col-md-6"><label class="form-label" for="from-account">Source account</label><select id="from-account" class="form-select" name="from_account_id"><option value="">Select if required for this source type</option>
                        @foreach($bankAccounts as $account)<option value="bank:{{ $account->id }}" @selected(old('from_account_id') == 'bank:'.$account->id)>Bank: {{ $account->bank_account_name }} ({{ $account->account_no }})</option>@endforeach
                        @foreach($companyCodes as $code)<option value="company_code:{{ $code->id }}" @selected(old('from_account_id') == 'company_code:'.$code->id)>Code: {{ $code->company->company_name ?? 'Company' }} {{ $code->code }}</option>@endforeach
                        @foreach($damageCompanies as $company)<option value="damage:{{ $company->id }}" @selected(old('from_account_id') == 'damage:'.$company->id)>Damage: {{ $company->company_name }} (৳{{ number_format($company->remaining_damage_value, 2) }})</option>@endforeach
                        @foreach($freeItemCompanies as $company)<option value="free_item:{{ $company->id }}" @selected(old('from_account_id') == 'free_item:'.$company->id)>Free items: {{ $company->company_name }} (৳{{ number_format($company->remaining_free_item_value, 2) }})</option>@endforeach
                        @foreach($availableAssets as $asset)<option value="fixed_asset:{{ $asset->id }}" @selected(old('from_account_id', request('from_account_id')) == 'fixed_asset:'.$asset->id)>Asset: {{ $asset->name }} (cost ৳{{ number_format($asset->price, 2) }})</option>@endforeach
                        @foreach($customersWithDues as $customer)<option value="customer_due:{{ $customer->id }}" @selected(old('from_account_id', request('from_account_id')) == 'customer_due:'.$customer->id)>Customer: {{ $customer->name }} (due ৳{{ number_format($customer->current_due_balance, 2) }})</option>@endforeach
                        @foreach($loanAccounts->where('role', 'borrower')->where('outstanding_balance', '>', 0) as $loan)<option value="loan_receivable:{{ $loan->id }}" @selected(old('from_account_id', request('from_account_id')) == 'loan_receivable:'.$loan->id)>Borrower: {{ $loan->person_name }} (due ৳{{ number_format($loan->outstanding_balance, 2) }})</option>@endforeach
                        @foreach($loanAccounts->where('role', 'lender') as $loan)<option value="loan_payable:{{ $loan->id }}" @selected(old('from_account_id', request('from_account_id')) == 'loan_payable:'.$loan->id)>Lender: {{ $loan->person_name }} (owed ৳{{ number_format($loan->outstanding_balance, 2) }})</option>@endforeach
                        <option value="loan_payable:new" @selected(old('from_account_id', request('from_account_id')) === 'loan_payable:new')>Add new lender / bank</option>
                    </select></div>
                    <div class="col-md-6 d-none" id="new-loan-contact-fields"><label class="form-label" for="new-loan-contact"><span id="new-loan-contact-label">New contact name</span></label><input id="new-loan-contact" class="form-control" name="new_loan_contact" maxlength="255" value="{{ old('new_loan_contact') }}"><div class="form-text">The contact is saved only if the journal entry succeeds.</div></div>
                    <div class="col-md-6 d-none" id="new-loan-contact-phone-field"><label class="form-label" for="new-loan-contact-phone">Phone (optional)</label><input id="new-loan-contact-phone" class="form-control" name="new_loan_contact_phone" maxlength="50" value="{{ old('new_loan_contact_phone') }}"></div>

                    <!-- 2. Added 'office_cash' to Destination Type Dropdown -->
                    <div class="col-md-6"><label class="form-label" for="to-type">Destination / category</label><select id="to-type" class="form-select" name="to_account_type" required><option value="">Choose destination</option>@foreach(['hand_cash','office_cash','bank','company_code','expense','fixed_asset','external','loan_receivable','loan_payable'] as $type)<option value="{{ $type }}" @selected(old('to_account_type', request('to_account_type', request('transaction_type') === 'bad_dept' ? 'expense' : (request('transaction_type') === 'loan' ? 'loan_receivable' : (request('transaction_type') === 'loan_paid' ? 'loan_payable' : null)))) === $type)>{{ $type === 'office_cash' ? 'Office Cash' : ($type === 'loan_receivable' ? 'Borrower balance' : ($type === 'loan_payable' ? 'Lender balance' : ucwords(str_replace('_', ' ', $type)))) }}</option>@endforeach</select></div>

                    <div class="col-md-6"><label class="form-label" for="to-account">Destination account / expense head</label><select id="to-account" class="form-select" name="to_account_id"><option value="">Select if applicable</option>
                        @foreach($bankAccounts as $account)<option value="bank:{{ $account->id }}" @selected(old('to_account_id') == 'bank:'.$account->id)>Bank: {{ $account->bank_account_name }} ({{ $account->account_no }})</option>@endforeach
                        @foreach($companyCodes as $code)<option value="company_code:{{ $code->id }}" @selected(old('to_account_id') == 'company_code:'.$code->id)>Code: {{ $code->company->company_name ?? 'Company' }} {{ $code->code }}</option>@endforeach
                        @foreach($expenseHeads as $head)<option value="expense:{{ $head->id }}" @selected(old('to_account_id') == 'expense:'.$head->id)>Expense: {{ $head->name }}</option>@endforeach
                        @foreach($loanAccounts->where('role', 'borrower') as $loan)<option value="loan_receivable:{{ $loan->id }}" @selected(old('to_account_id', request('to_account_id')) == 'loan_receivable:'.$loan->id)>Borrower: {{ $loan->person_name }} (due ৳{{ number_format($loan->outstanding_balance, 2) }})</option>@endforeach
                        <option value="loan_receivable:new" @selected(old('to_account_id', request('to_account_id')) === 'loan_receivable:new')>Add new borrower</option>
                        @foreach($loanAccounts->where('role', 'lender') as $loan)<option value="loan_payable:{{ $loan->id }}" @selected(old('to_account_id', request('to_account_id')) == 'loan_payable:'.$loan->id)>Lender: {{ $loan->person_name }} (owed ৳{{ number_format($loan->outstanding_balance, 2) }})</option>@endforeach
                    </select><div class="form-text">For a Bad debt entry, choose Expense; the Bad Debts head is applied automatically.</div></div>
                    <div class="col-sm-6 col-lg-3"><label class="form-label" for="amount">Amount</label><div class="input-group"><span class="input-group-text">৳</span><input id="amount" class="form-control" type="number" min="0.01" step="0.01" name="amount" value="{{ old('amount') }}" required></div></div>
                    <div class="col-sm-6 col-lg-3"><label class="form-label" for="counterparty">Payee / company / asset</label><input id="counterparty" class="form-control" name="counterparty" maxlength="255" value="{{ old('counterparty', request('counterparty')) }}"></div>
                    <div class="col-sm-6 col-lg-3"><label class="form-label" for="reference">Reference number</label><input id="reference" class="form-control" name="reference_no" maxlength="100" value="{{ old('reference_no') }}"></div>
                    <div class="col-sm-6 col-lg-3"><label class="form-label" for="details">Details</label><input id="details" class="form-control" name="details" maxlength="2000" value="{{ old('details') }}"></div>
                </div>
            </div>
            <div class="card-footer bg-white border-0 px-4 pb-4"><button class="btn btn-primary px-4" type="submit">Save transaction</button></div>
        </form>

        <form class="card border-0 shadow-sm mb-3" method="GET">
            <div class="card-body"><div class="row g-3 align-items-end">
                <div class="col-sm-6 col-lg-3"><label class="form-label text-secondary small" for="filter-from">From date</label><input id="filter-from" class="form-control" type="date" name="from" value="{{ request('from') }}"></div>
                <div class="col-sm-6 col-lg-3"><label class="form-label text-secondary small" for="filter-to">To date</label><input id="filter-to" class="form-control" type="date" name="to" value="{{ request('to') }}"></div>
                <div class="col-sm-6 col-lg-3"><label class="form-label text-secondary small" for="filter-type">Transaction type</label><select id="filter-type" class="form-select" name="type"><option value="">All types</option>@foreach(['transfer','expense','bank_charge','fixed_asset','asset_sale','depreciation','bad_dept','payment','dues','other'] as $type)<option value="{{ $type }}" @selected(request('type') === $type)>{{ ucwords(str_replace('_', ' ', $type)) }}</option>@endforeach</select></div>
                <div class="col-sm-6 col-lg-3 d-flex gap-2"><button class="btn btn-outline-secondary" type="submit">Apply filters</button><a class="btn btn-light border" href="{{ route('journal.index') }}">Clear</a></div>
            </div></div>
        </form>

        <div class="card border-0 shadow-sm overflow-hidden">
            <div class="card-header bg-white border-0 px-4 py-3 d-flex justify-content-between align-items-center">
                <div><h3 class="h6 fw-semibold mb-1">Journal entries</h3><p class="small text-secondary mb-0">A clear view of recent account activity.</p></div>
                <span class="badge rounded-pill bg-light text-secondary border">{{ $journals->total() }} entries</span>
            </div>
            <div class="table-responsive"><table class="table table-hover align-middle mb-0">
                <thead class="table-light"><tr><th class="ps-4">Date</th><th>Type</th><th>From</th><th>To</th><th>Counterparty / details</th><th>Reference</th><th class="text-end">Amount</th><th>Entered by</th></tr></thead>
                <tbody>
                    @forelse($journals as $entry)
                        <tr>
                            <td class="ps-4 text-nowrap text-secondary">{{ $entry->transaction_date->format('d M Y') }}</td>
                            <td><span class="badge rounded-pill bg-primary-subtle text-primary-emphasis fw-medium">{{ ucwords(str_replace('_', ' ', $entry->transaction_type)) }}</span></td>
                            <td class="text-secondary">{{ $entry->from_account_type ? ucwords(str_replace('_', ' ', $entry->from_account_type)) : '—' }}</td>
                            <td class="text-secondary">{{ $entry->to_account_type ? ucwords(str_replace('_', ' ', $entry->to_account_type)) : '—' }}</td>
                            <td><div class="fw-medium">{{ $entry->counterparty ?: '—' }}</div>@if($entry->details)<div class="small text-secondary text-truncate" style="max-width: 240px">{{ $entry->details }}</div>@endif</td>
                            <td class="small text-secondary">{{ $entry->reference_no ?: '—' }}</td>
                            <td class="text-end fw-semibold text-nowrap">৳{{ number_format($entry->amount, 2) }}</td>
                            <td class="small text-secondary">{{ $entry->creator->name ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center py-5"><div class="text-secondary mb-1">No entries found</div><div class="small text-secondary">Try changing the filters or record a new transaction.</div></td></tr>
                    @endforelse
                </tbody>
            </table></div>
            @if ($journals->hasPages())<div class="card-footer bg-white border-0 px-4 py-3">{{ $journals->links() }}</div>@endif
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const bindAccountFilter = function (typeElement, accountElement) {
                if (!typeElement || !accountElement) return;
                const update = function (clearSelection = false) {
                    const selectedType = typeElement.value;
                    Array.from(accountElement.options).forEach(function (option, index) {
                        if (index === 0) return;
                        const visible = option.value.split(':')[0] === selectedType;
                        option.hidden = !visible;
                        option.disabled = !visible;
                    });
                    const selected = accountElement.selectedOptions[0];
                    if (clearSelection || (selected && selected.value && selected.value.split(':')[0] !== selectedType)) accountElement.value = '';
                };
                typeElement.addEventListener('change', function () { update(true); });
                update();
            };
            bindAccountFilter(document.getElementById('from-type'), document.getElementById('from-account'));
            bindAccountFilter(document.getElementById('to-type'), document.getElementById('to-account'));

            const transactionType = document.getElementById('transaction-type');
            const fromType = document.getElementById('from-type');
            const toType = document.getElementById('to-type');

            // Auto-select source/destination types when "dues" is chosen
            if (transactionType) {
                transactionType.addEventListener('change', function () {
                    if (this.value === 'dues') {
                        if (fromType) fromType.value = 'customer_due';
                        fromType.dispatchEvent(new Event('change'));
                        if (toType && toType.value === '') {
                            toType.value = 'office_cash'; // Default recommendation for dues collection
                        }
                    }
                });
            }

            const sourceAccount = document.getElementById('from-account');
            const destinationAccount = document.getElementById('to-account');
            const contactFields = document.getElementById('new-loan-contact-fields');
            const contactPhoneField = document.getElementById('new-loan-contact-phone-field');
            const contactName = document.getElementById('new-loan-contact');
            const contactLabel = document.getElementById('new-loan-contact-label');
            const updateNewContactFields = function () {
                const addBorrower = destinationAccount && destinationAccount.value === 'loan_receivable:new';
                const addLender = sourceAccount && sourceAccount.value === 'loan_payable:new';
                const show = addBorrower || addLender;
                if (contactFields) contactFields.classList.toggle('d-none', !show);
                if (contactPhoneField) contactPhoneField.classList.toggle('d-none', !show);
                if (contactName) contactName.required = !!show;
                if (contactLabel) contactLabel.textContent = addBorrower ? 'New borrower name' : 'New lender name (person or bank)';
            };
            if (sourceAccount) sourceAccount.addEventListener('change', updateNewContactFields);
            if (destinationAccount) destinationAccount.addEventListener('change', updateNewContactFields);
            updateNewContactFields();
        });
    </script>
@endsection