@php
    use App\Models\CreditNote;
    $money = fn ($value) => 'R '.number_format((float) $value, 2);
    $selectedInvoice = $invoice ?? null;
@endphp

<div class="grid gap-6 xl:grid-cols-[minmax(0,1fr)_360px]">
    <section class="section-card">
        <div class="section-header">
            <div>
                <p class="dashboard-kicker">Credit note setup</p>
                <h3 class="section-title mt-2">Correction details</h3>
                <p class="mt-2 text-sm leading-6 text-slate-500">Choose the invoice, set the credit value, and record why the correction exists. Drafts are safe; issued credit notes affect balances.</p>
            </div>
        </div>

        <div class="mt-6 grid gap-5 md:grid-cols-2">
            @if (! $selectedInvoice)
                <label class="block md:col-span-2">
                    <span class="mb-2 block text-xs font-semibold uppercase tracking-[0.16em] text-slate-500">Invoice</span>
                    <select name="invoice_id" class="builder-select @error('invoice_id') builder-select-invalid @enderror">
                        <option value="">Select invoice</option>
                        @foreach ($invoices as $availableInvoice)
                            <option value="{{ $availableInvoice->id }}" @selected((string) old('invoice_id') === (string) $availableInvoice->id)>
                                {{ $availableInvoice->invoice_number }} - {{ $availableInvoice->client?->name }} - {{ $money($availableInvoice->grand_total) }}
                            </option>
                        @endforeach
                    </select>
                    @error('invoice_id')<span class="mt-2 block text-xs font-semibold text-red-600">{{ $message }}</span>@enderror
                    <span class="mt-2 block text-xs leading-5 text-slate-500">Credit notes must be tied to one invoice so statements, PDFs, and balances stay trustworthy.</span>
                </label>
            @else
                <input type="hidden" name="invoice_id" value="{{ $selectedInvoice->id }}">
            @endif

            <label class="block">
                <span class="mb-2 block text-xs font-semibold uppercase tracking-[0.16em] text-slate-500">Issue date</span>
                <input type="date" name="issue_date" value="{{ old('issue_date', optional($creditNote->issue_date)->toDateString() ?? now()->toDateString()) }}" class="builder-input @error('issue_date') builder-input-invalid @enderror">
                @error('issue_date')<span class="mt-2 block text-xs font-semibold text-red-600">{{ $message }}</span>@enderror
            </label>

            <label class="block">
                <span class="mb-2 block text-xs font-semibold uppercase tracking-[0.16em] text-slate-500">Credit amount</span>
                <input type="number" name="amount" min="0.01" step="0.01" value="{{ old('amount', (float) $creditNote->amount > 0 ? number_format((float) $creditNote->amount, 2, '.', '') : '') }}" class="builder-input @error('amount') builder-input-invalid @enderror">
                @error('amount')<span class="mt-2 block text-xs font-semibold text-red-600">{{ $message }}</span>@enderror
                <span class="mt-2 block text-xs leading-5 text-slate-500">The backend prevents credits from exceeding the invoice amount.</span>
            </label>

            <label class="block">
                <span class="mb-2 block text-xs font-semibold uppercase tracking-[0.16em] text-slate-500">Credit type</span>
                <select name="type" class="builder-select @error('type') builder-select-invalid @enderror">
                    <option value="{{ CreditNote::TYPE_ADJUSTMENT }}" @selected(old('type', $creditNote->type) === CreditNote::TYPE_ADJUSTMENT)>Adjustment - reduce balance</option>
                    <option value="{{ CreditNote::TYPE_REFUND }}" @selected(old('type', $creditNote->type) === CreditNote::TYPE_REFUND)>Refund - money returned</option>
                </select>
                @error('type')<span class="mt-2 block text-xs font-semibold text-red-600">{{ $message }}</span>@enderror
            </label>

            @if (! $creditNote->exists)
                <label class="block">
                    <span class="mb-2 block text-xs font-semibold uppercase tracking-[0.16em] text-slate-500">Initial status</span>
                    <select name="status" class="builder-select @error('status') builder-select-invalid @enderror">
                        <option value="{{ CreditNote::STATUS_DRAFT }}" @selected(old('status', $creditNote->status) === CreditNote::STATUS_DRAFT)>Save as draft</option>
                        <option value="{{ CreditNote::STATUS_ISSUED }}" @selected(old('status', $creditNote->status) === CreditNote::STATUS_ISSUED)>Issue now</option>
                    </select>
                    @error('status')<span class="mt-2 block text-xs font-semibold text-red-600">{{ $message }}</span>@enderror
                </label>
            @endif

            <div class="md:col-span-2 rounded-[1.35rem] border border-slate-200 bg-slate-50/80 p-4 sm:p-5">
                <div class="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
                    <div>
                        <p class="text-xs font-bold uppercase tracking-[0.18em] text-slate-500">Refund tracking</p>
                        <p class="mt-2 text-sm leading-6 text-slate-500">Use these fields only when money is being returned to the client. Adjustments can leave them blank.</p>
                    </div>
                    <span class="status-badge bg-slate-100 text-slate-600">Optional</span>
                </div>
                <div class="mt-4 grid gap-4 md:grid-cols-2">
                    <label class="block">
                        <span class="mb-2 block text-xs font-semibold uppercase tracking-[0.16em] text-slate-500">Refund method</span>
                        <input type="text" name="refund_method" value="{{ old('refund_method', $creditNote->refund_method) }}" placeholder="EFT, cash, card reversal..." class="builder-input @error('refund_method') builder-input-invalid @enderror">
                        @error('refund_method')<span class="mt-2 block text-xs font-semibold text-red-600">{{ $message }}</span>@enderror
                    </label>

                    <label class="block">
                        <span class="mb-2 block text-xs font-semibold uppercase tracking-[0.16em] text-slate-500">Refund reference</span>
                        <input type="text" name="refund_reference" value="{{ old('refund_reference', $creditNote->refund_reference) }}" placeholder="Bank reference or internal note" class="builder-input @error('refund_reference') builder-input-invalid @enderror">
                        @error('refund_reference')<span class="mt-2 block text-xs font-semibold text-red-600">{{ $message }}</span>@enderror
                    </label>
                </div>
            </div>

            <label class="block md:col-span-2">
                <span class="mb-2 block text-xs font-semibold uppercase tracking-[0.16em] text-slate-500">Reason</span>
                <textarea name="reason" rows="5" placeholder="Explain why this credit note is being issued." class="builder-textarea @error('reason') builder-textarea-invalid @enderror">{{ old('reason', $creditNote->reason) }}</textarea>
                @error('reason')<span class="mt-2 block text-xs font-semibold text-red-600">{{ $message }}</span>@enderror
            </label>
        </div>

        <div class="mt-6 flex flex-col gap-4 border-t border-slate-200 pt-5 sm:flex-row sm:items-center sm:justify-between">
            <p class="max-w-2xl text-sm leading-6 text-slate-500">Once issued, a credit note is locked and included in invoice balance, dashboard, statement, and PDF calculations.</p>
            <button type="submit" class="primary-button w-full sm:w-auto">{{ $creditNote->exists ? 'Save changes' : 'Create credit note' }}</button>
        </div>
    </section>

    <aside class="invoice-side-card">
        <p class="dashboard-kicker">Invoice impact</p>
        <h3 class="section-title mt-2">Balance preview</h3>
        @if ($selectedInvoice)
            <div class="mt-6 space-y-4">
                <div class="rounded-[1.35rem] border border-slate-200 bg-slate-50 p-4">
                    <p class="text-xs font-bold uppercase tracking-[0.16em] text-slate-500">Linked invoice</p>
                    <p class="mt-2 text-sm font-black text-slate-950">{{ $selectedInvoice->invoice_number }}</p>
                    <p class="mt-1 text-xs text-slate-500">{{ $selectedInvoice->client?->name }}</p>
                </div>
                <div class="flex justify-between text-sm text-slate-500"><span>Original invoice total</span><strong class="text-slate-900">{{ $money($selectedInvoice->grand_total) }}</strong></div>
                <div class="flex justify-between text-sm text-slate-500"><span>Successful payments</span><strong class="text-green-700">{{ $money($selectedInvoice->totalPaid()) }}</strong></div>
                <div class="flex justify-between text-sm text-slate-500"><span>Active credits</span><strong class="text-amber-700">{{ $money($selectedInvoice->totalCredited()) }}</strong></div>
                <div class="flex justify-between text-sm text-slate-500"><span>Adjusted invoice total</span><strong class="text-slate-900">{{ $money($selectedInvoice->adjustedTotal()) }}</strong></div>
                <div class="border-t border-slate-200 pt-4">
                    <div class="flex justify-between gap-4 text-base font-bold text-slate-900"><span>Collectible balance</span><strong class="text-right">{{ $money($selectedInvoice->remainingBalance()) }}</strong></div>
                    @if ($selectedInvoice->overpaidAmount() > 0)
                        <div class="financial-warning-row"><span>Refund / overpayment</span><strong class="text-right">{{ $money($selectedInvoice->overpaidAmount()) }}</strong></div>
                    @endif
                    <p class="mt-2 text-xs leading-5 text-slate-500">Credits reduce the invoice total before balance due is calculated. If payments exceed the adjusted total, the excess is shown as refund/overpayment, not money to collect.</p>
                </div>
            </div>
        @else
            <p class="mt-6 rounded-[1.25rem] border border-slate-200 bg-slate-50 p-4 text-sm leading-6 text-slate-500">Choose an invoice to preview paid amounts, existing credits, and the current balance before issuing the credit note.</p>
        @endif
    </aside>
</div>