@php
    $isEdit = $transaction->exists;
@endphp

<x-app-layout>
    <form method="POST" action="{{ $isEdit ? route($routePrefix.'.update', $transaction) : route($routePrefix.'.store') }}" enctype="multipart/form-data" class="card app-card">
        @csrf
        @if ($isEdit)
            @method('PUT')
        @endif

        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label" for="transaction_date">Date</label>
                    <input class="form-control @error('transaction_date') is-invalid @enderror" type="date" id="transaction_date" name="transaction_date" value="{{ old('transaction_date', $transaction->transaction_date?->format('Y-m-d')) }}" required>
                    @error('transaction_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="category_id">Category</label>
                    <select class="form-select @error('category_id') is-invalid @enderror" id="category_id" name="category_id" required>
                        <option value="">Select category</option>
                        @foreach ($categories as $category)
                            <option value="{{ $category->id }}" @selected((string) old('category_id', $transaction->category_id) === (string) $category->id)>
                                {{ $category->name }}{{ $category->is_active ? '' : ' (inactive)' }}
                            </option>
                        @endforeach
                    </select>
                    @error('category_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                @if ($type->value === 'income')
                    <div class="col-md-4">
                        <label class="form-label" for="invoice_id">Invoice</label>
                        <select class="form-select @error('invoice_id') is-invalid @enderror" id="invoice_id" name="invoice_id">
                            <option value="">No invoice (other income)</option>
                            @foreach ($invoices ?? [] as $invoice)
                                @php
                                    $outstanding = $invoice->id === $transaction->invoice_id
                                        ? round($invoice->outstandingInr() + (float) $transaction->amount, 2)
                                        : $invoice->outstandingInr();
                                    $categoryId = $categories->firstWhere('name', $invoice->kind?->incomeCategoryName())?->id;
                                @endphp
                                <option
                                    value="{{ $invoice->id }}"
                                    data-outstanding="{{ number_format($outstanding, 2, '.', '') }}"
                                    data-number="{{ $invoice->invoice_number }}"
                                    data-client="{{ $invoice->client?->company_name }}"
                                    data-total="{{ $invoice->formattedTotal() }}"
                                    data-inr="{{ $invoice->formattedInrTotal() }}"
                                    data-category="{{ $categoryId }}"
                                    @selected((string) old('invoice_id', $transaction->invoice_id) === (string) $invoice->id)
                                >
                                    {{ $invoice->invoice_number }} — {{ $invoice->client?->company_name }} ({{ $invoice->formattedTotal() }}, due {{ money($outstanding) }})
                                </option>
                            @endforeach
                        </select>
                        <div class="form-text" id="invoice-balance-hint">Link a sent invoice to record a full or partial payment. Amount is in INR.</div>
                        @error('invoice_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                @endif
                <div class="col-md-4">
                    <label class="form-label" for="amount">Amount</label>
                    <div class="input-group">
                        <span class="input-group-text">{{ setting('default_currency_symbol', '₹') }}</span>
                        <input class="form-control @error('amount') is-invalid @enderror" type="number" step="0.01" min="0.01" id="amount" name="amount" value="{{ old('amount', $transaction->amount) }}" required>
                        @error('amount') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="tax_amount">GST amount</label>
                    <div class="input-group">
                        <span class="input-group-text">{{ setting('default_currency_symbol', '₹') }}</span>
                        <input class="form-control @error('tax_amount') is-invalid @enderror" type="number" step="0.01" min="0" id="tax_amount" name="tax_amount" value="{{ old('tax_amount', $transaction->tax_amount) }}">
                        @error('tax_amount') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-text">{{ $type->value === 'expense' ? 'Input GST on this bill (optional). Taxable value is amount minus GST.' : 'Leave blank for income posted from invoices.' }}</div>
                </div>
                @if ($type->value === 'expense')
                    <div class="col-12">
                        @include('partials.gst-split', [
                            'igstRate' => $transaction->tax_rate_igst,
                            'cgstRate' => $transaction->tax_rate_cgst,
                            'sgstRate' => $transaction->tax_rate_sgst,
                            'igstAmount' => $transaction->tax_amount_igst,
                            'cgstAmount' => $transaction->tax_amount_cgst,
                            'sgstAmount' => $transaction->tax_amount_sgst,
                            'help' => 'Input GST split from the vendor bill. Amounts are calculated from taxable value (bill amount − GST) using company defaults. The three components cannot exceed total GST.',
                        ])
                    </div>
                @endif
                <div class="col-md-4">
                    <label class="form-label" for="payment_mode">Payment mode</label>
                    <select class="form-select @error('payment_mode') is-invalid @enderror" id="payment_mode" name="payment_mode" required>
                        <option value="">Select mode</option>
                        @foreach ($paymentModes as $mode)
                            <option value="{{ $mode->value }}" @selected(old('payment_mode', $transaction->payment_mode?->value) === $mode->value)>{{ $mode->label() }}</option>
                        @endforeach
                    </select>
                    @error('payment_mode') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="reference_no">Reference no.</label>
                    <input class="form-control @error('reference_no') is-invalid @enderror" type="text" id="reference_no" name="reference_no" value="{{ old('reference_no', $transaction->reference_no) }}" maxlength="100">
                    @error('reference_no') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                @if ($allowsReceipts)
                    <div class="col-md-4">
                        <label class="form-label" for="receipt">Receipt / bill</label>
                        <input class="form-control @error('receipt') is-invalid @enderror" type="file" id="receipt" name="receipt" accept=".jpg,.jpeg,.png,.webp,.pdf">
                        @error('receipt') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        @if ($transaction->hasReceipt())
                            <div class="form-check mt-2">
                                <input class="form-check-input" type="checkbox" id="remove_receipt" name="remove_receipt" value="1">
                                <label class="form-check-label" for="remove_receipt">
                                    Remove current file
                                    (<a href="{{ route($routePrefix.'.receipt', $transaction) }}" target="_blank" rel="noopener">view</a>)
                                </label>
                            </div>
                        @endif
                        <div class="form-text">JPG, PNG, WebP, or PDF up to 4 MB.</div>
                    </div>
                @endif
                @if ($type->value === 'expense')
                    <div class="col-md-4">
                        <label class="form-label" for="vendor_name">Vendor name</label>
                        <input class="form-control @error('vendor_name') is-invalid @enderror" type="text" id="vendor_name" name="vendor_name" value="{{ old('vendor_name', $transaction->vendor_name) }}" maxlength="255">
                        @error('vendor_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label" for="vendor_gst_number">Vendor GST number</label>
                        <input class="form-control @error('vendor_gst_number') is-invalid @enderror" type="text" id="vendor_gst_number" name="vendor_gst_number" value="{{ old('vendor_gst_number', $transaction->vendor_gst_number) }}" maxlength="20">
                        @error('vendor_gst_number') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-12">
                        <label class="form-label" for="vendor_address">Vendor address</label>
                        <textarea class="form-control @error('vendor_address') is-invalid @enderror" id="vendor_address" name="vendor_address" rows="2" maxlength="2000">{{ old('vendor_address', $transaction->vendor_address) }}</textarea>
                        <div class="form-text">Optional. Used on GST input reports for filing.</div>
                        @error('vendor_address') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                @endif
                <div class="col-12">
                    <label class="form-label" for="description">Description</label>
                    <textarea class="form-control @error('description') is-invalid @enderror" id="description" name="description" rows="3" maxlength="2000">{{ old('description', $transaction->description) }}</textarea>
                    @error('description') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>
        <div class="card-footer bg-white d-flex justify-content-end gap-2">
            <a href="{{ route($routePrefix.'.index') }}" class="btn btn-light">Cancel</a>
            <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Save changes' : 'Save '.$type->label() }}</button>
        </div>
    </form>

    @if ($type->value === 'expense')
        @push('scripts')
            <script src="{{ asset('js/gst-split.js') }}?v={{ filemtime(public_path('js/gst-split.js')) }}"></script>
            <script>
                (function () {
                    const form = document.querySelector('form.app-card, form.card');
                    const amount = document.getElementById('amount');
                    const tax = document.getElementById('tax_amount');
                    const splitRoot = document.getElementById('gst-split');
                    if (!form || !amount || !tax || !splitRoot || !window.GstSplit) {
                        return;
                    }

                    const gstSplit = window.GstSplit.bind(form);

                    function taxableAndGst() {
                        const gross = parseFloat(amount.value) || 0;
                        const gst = parseFloat(tax.value) || 0;
                        return {
                            taxable: Math.max(0, Math.round((gross - gst) * 100) / 100),
                            gst: Math.round(gst * 100) / 100,
                        };
                    }

                    function refresh(fill) {
                        const values = taxableAndGst();
                        if (fill) {
                            gstSplit.fill(values.taxable, values.gst);
                        } else {
                            gstSplit.fillIfEmpty(values.taxable, values.gst);
                        }
                    }

                    form.addEventListener('input', function (event) {
                        if (event.target.matches('.gst-split-amount')) {
                            gstSplit.updateHint(taxableAndGst().gst);
                            return;
                        }
                        if (event.target.matches('#amount, #tax_amount, .gst-split-rate')) {
                            refresh(true);
                        }
                    });

                    refresh(false);
                })();
            </script>
        @endpush
    @endif

    @if ($type->value === 'income')
        @push('scripts')
            <script>
                (function () {
                    const select = document.getElementById('invoice_id');
                    const amount = document.getElementById('amount');
                    const reference = document.getElementById('reference_no');
                    const description = document.getElementById('description');
                    const category = document.getElementById('category_id');
                    const hint = document.getElementById('invoice-balance-hint');
                    if (!select) return;

                    function applyInvoice(fillAmount) {
                        const option = select.selectedOptions[0];
                        if (!option || !option.value) {
                            if (hint) hint.textContent = 'Link a sent invoice to record a full or partial payment. Amount is in INR.';
                            return;
                        }
                        if (hint) {
                            hint.textContent = option.dataset.total + ' invoice (' + option.dataset.inr + '). Outstanding INR: ' + option.dataset.outstanding + '. Enter the amount received now.';
                        }
                        if (fillAmount && amount && !amount.value) {
                            amount.value = option.dataset.outstanding;
                        }
                        if (reference && !reference.value) {
                            reference.value = option.dataset.number || '';
                        }
                        if (description && !description.value) {
                            description.value = 'Payment for ' + (option.dataset.number || '') + ' — ' + (option.dataset.client || '');
                        }
                        if (category && option.dataset.category) {
                            category.value = option.dataset.category;
                        }
                    }

                    select.addEventListener('change', function () {
                        if (amount) amount.value = '';
                        applyInvoice(true);
                    });

                    applyInvoice(false);
                })();
            </script>
        @endpush
    @endif
</x-app-layout>