@extends('layouts.app')

@section('title', $invoice->reference ?? __('billing::messages.invoices.singular'))

@php
    /*
     | The status enums name a Bootstrap contextual colour, because that is what
     | they were written against and the print views still read them. Mapped
     | here rather than renamed underneath everything that already uses them.
     */
    $pill = static fn (string $bootstrapTone): string => match ($bootstrapTone) {
        'success' => 'px-pill--green',
        'warning' => 'px-pill--amber',
        'danger' => 'px-pill--red',
        'info' => 'px-pill--blue',
        'primary' => 'px-pill--violet',
        default => 'px-pill--grey',
    };

    /*
     | The three figures somebody standing at the counter needs before reading a
     | single line: what it comes to, what has been handed over, and what is
     | still owed. The full breakdown stays in the aside — this is the glance.
     */
    $tallies = [
        [
            'label' => __('billing::messages.totals.total'),
            'value' => $invoice->total->toMajor(),
            'icon' => 'bi-receipt',
            'tone' => 'violet',
        ],
        [
            'label' => __('billing::messages.totals.paid'),
            'value' => $invoice->paid_total->toMajor(),
            'icon' => 'bi-cash-coin',
            'tone' => 'green',
        ],
        /*
         | Three states, not two. A negative balance is the clinic owing the
         | patient — money taken or credited beyond what was charged — and it
         | used to read as green with a minus sign in front, which looks like
         | nothing to do on the one figure that needs doing something about.
         */
        $invoice->balance->isNegative()
            ? [
                'label' => __('billing::messages.totals.owed_back'),
                'value' => $invoice->balance->absolute()->toMajor(),
                'icon' => 'bi-arrow-return-left',
                'tone' => 'amber',
            ]
            : [
                'label' => __('billing::messages.totals.balance'),
                'value' => $invoice->balance->toMajor(),
                'icon' => 'bi-hourglass-split',
                'tone' => $invoice->balance->isPositive() ? 'pink' : 'green',
            ],
    ];
@endphp

@section('content')
    {{-- ============================ IDENTITY ============================ --}}
    <header class="px-hero px-hero--split mb-3">
        <div class="px-hero__identity">
            <div class="min-w-0">
                <h1 class="px-hero__name">{{ $patient?->name ?? '—' }}</h1>

                <div class="px-hero__facts">
                    <span class="font-monospace fw-semibold text-body">
                        {{ $invoice->reference ?? __('billing::messages.invoice_status.draft') }}
                    </span>

                    @if ($patient)
                        <a href="{{ route('patients.show', $patient->ulid) }}" class="font-monospace">{{ $patient->mrn }}</a>
                    @endif

                    @if ($invoice->issued_on)
                        <span>{{ __('billing::messages.invoices.issued_on') }}: {{ $invoice->issued_on->format('Y-m-d') }}</span>
                    @endif

                    @if ($invoice->print_count > 0)
                        <span>
                            {{ trans_choice('billing::messages.invoices.copies_printed', $invoice->print_count, ['count' => $invoice->print_count]) }}
                        </span>
                    @endif
                </div>

                <div class="d-flex flex-wrap gap-2 mt-2">
                    <span class="px-pill {{ $pill($invoice->status->tone()) }}">
                        <span class="px-dot" aria-hidden="true"></span>{{ $invoice->status->label() }}
                    </span>

                    @if (! $invoice->status->isVoid())
                        <span class="px-pill {{ $pill($invoice->payment_status->tone()) }}">
                            {{ $invoice->payment_status->label() }}
                        </span>
                    @endif
                </div>
            </div>
        </div>

        <div class="px-hero__tallies">
            @foreach ($tallies as $tally)
                <span class="px-tally px-tally--{{ $tally['tone'] }}">
                    <span class="px-tally__icon"><i class="bi {{ $tally['icon'] }}" aria-hidden="true"></i></span>

                    <span class="min-w-0">
                        <span class="px-tally__value font-monospace">{{ $tally['value'] }}</span>
                        <span class="px-tally__label">{{ $tally['label'] }}</span>
                    </span>
                </span>
            @endforeach
        </div>

        <div class="px-hero__actions">
            {{-- This screen's own way back. Breadcrumbs are deliberately absent
                 across the product, so a detail page reached from a listing
                 carries a single explicit return instead. --}}
            <a href="{{ route('invoices.index') }}" class="btn btn-sm px-btn-ghost">
                <i class="bi bi-arrow-left rtl-flip" aria-hidden="true"></i>
                {{ __('billing::messages.invoices.title') }}
            </a>

            @can('print', $invoice)
                <a href="{{ route('invoices.print', $invoice) }}" class="btn btn-sm px-btn-primary">
                    <i class="bi bi-printer" aria-hidden="true"></i>
                    {{ __('billing::messages.invoices.print') }}
                </a>
            @endcan
        </div>
    </header>

    {{-- Standing notices, not flash messages: px-advice rather than <x-alert>,
         which is the dismissible banner the layout uses for session feedback. --}}
    @if ($invoice->isEditable())
        <div class="px-advice d-flex align-items-start gap-2 mb-3">
            <i class="bi bi-pencil-square px-advice__icon" aria-hidden="true"></i>
            <span class="min-w-0">{{ __('billing::messages.invoices.draft_notice') }}</span>
        </div>
    @elseif ($invoice->status->isVoid())
        <div class="px-advice px-advice--critical d-flex align-items-start gap-2 mb-3">
            <i class="bi bi-x-octagon px-advice__icon" aria-hidden="true"></i>
            <span class="min-w-0">
                {{ __('billing::messages.invoices.void_notice', ['reason' => $invoice->void_reason]) }}
            </span>
        </div>
    @else
        <div class="px-advice px-advice--info d-flex align-items-start gap-2 mb-3">
            <i class="bi bi-lock px-advice__icon" aria-hidden="true"></i>
            <span class="min-w-0">{{ __('billing::messages.invoices.issued_notice') }}</span>
        </div>

        @if ($invoice->isOverdue())
            <div class="px-advice px-advice--caution d-flex align-items-start gap-2 mb-3">
                <i class="bi bi-exclamation-triangle px-advice__icon" aria-hidden="true"></i>
                <span class="min-w-0">
                    {{ __('billing::messages.invoices.overdue_notice', ['date' => $invoice->due_on->format('Y-m-d')]) }}
                </span>
            </div>
        @endif
    @endif

    <div class="row g-3">
        <div class="col-12 col-xl-8">
            {{-- Charges ------------------------------------------------------ --}}
            <x-px.panel :title="__('billing::messages.items.title')" icon="bi-list-ul" heading="title" class="mb-3 overflow-hidden">
                <div class="table-responsive">
                    <table class="table px-table align-middle mb-0">
                        <thead>
                            <tr>
                                <th scope="col">{{ __('billing::messages.items.description') }}</th>
                                <th scope="col" class="text-end">{{ __('billing::messages.items.quantity') }}</th>
                                <th scope="col" class="text-end">{{ __('billing::messages.items.unit_price') }}</th>
                                <th scope="col" class="text-end">{{ __('billing::messages.items.discount') }}</th>
                                <th scope="col" class="text-end">{{ __('billing::messages.items.tax') }}</th>
                                <th scope="col" class="text-end">{{ __('billing::messages.items.line_total') }}</th>
                                @can('update', $invoice)<th scope="col"></th>@endcan
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($invoice->items as $item)
                                <tr>
                                    <td>
                                        {{ $item->description }}
                                        @if ($item->code)
                                            <span class="px-hint font-monospace">{{ $item->code }}</span>
                                        @endif
                                        @if (! $item->is_discountable)
                                            <span class="px-pill px-pill--grey">{{ __('billing::messages.items.not_discountable') }}</span>
                                        @endif
                                        @foreach ($item->taxes as $tax)
                                            <div class="px-hint">{{ $tax->label() }}</div>
                                        @endforeach
                                    </td>
                                    <td class="text-end font-monospace">{{ $item->quantityLabel() }}</td>
                                    <td class="text-end px-money">{{ $item->unit_price->toMajor() }}</td>
                                    <td class="text-end font-monospace">
                                        {{ $item->discount_amount->isZero() ? '—' : '−'.$item->discount_amount->toMajor() }}
                                    </td>
                                    <td class="text-end font-monospace">
                                        {{ $item->tax_amount->isZero() ? '—' : $item->tax_amount->toMajor() }}
                                    </td>
                                    <td class="text-end px-money fw-medium">{{ $item->line_total->toMajor() }}</td>
                                    @can('update', $invoice)
                                        <td class="text-end">
                                            <x-confirm-delete :action="route('invoices.items.destroy', [$invoice, $item->ulid])" label="" />
                                        </td>
                                    @endcan
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7">
                                        <div class="px-empty py-4">
                                            <div class="px-empty__art" aria-hidden="true">
                                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
                                                     stroke-linecap="round" stroke-linejoin="round">
                                                    <path d="M5 3v18l2-1.5L9 21l2-1.5L13 21l2-1.5L17 21l2-1.5V3l-2 1.5L15 3l-2 1.5L11 3 9 4.5 7 3z" />
                                                    <path d="M9 8h6M9 12h6" />
                                                </svg>
                                            </div>

                                            <p class="px-empty__title">{{ __('billing::messages.items.empty') }}</p>
                                            <p class="px-empty__text mb-0">{{ __('billing::messages.items.empty_text') }}</p>
                                        </div>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </x-px.panel>

            @can('update', $invoice)
                <x-px.panel :title="__('billing::messages.items.add')" icon="bi-plus-lg" heading="title" class="mb-3">
                    <form method="POST" action="{{ route('invoices.items.store', $invoice) }}"
                          class="row g-2" data-clinic-charge
                          data-source="{{ route('catalogue.search') }}">
                        @csrf

                        <div class="col-12 col-md-6">
                            <label for="charge-search" class="px-field-label">{{ __('billing::messages.items.service') }}</label>
                            <input type="search" class="form-control px-input" id="charge-search" autocomplete="off"
                                   data-clinic-charge-picker
                                   placeholder="{{ __('billing::messages.items.service_search') }}">
                            <input type="hidden" name="service" data-clinic-charge-value>
                            <ul class="list-group mt-1 d-none" data-clinic-charge-results></ul>
                        </div>

                        <div class="col-12 col-md-6">
                            <x-form.input name="description" :label="__('billing::messages.items.description')" required />
                        </div>
                        <div class="col-6 col-md-3">
                            <x-form.input name="unit_price" :label="__('billing::messages.items.unit_price')" required
                                          inputmode="decimal" />
                        </div>
                        <div class="col-6 col-md-3">
                            <x-form.input name="quantity" :label="__('billing::messages.items.quantity')"
                                          value="1" inputmode="decimal" />
                        </div>
                        <div class="col-6 col-md-3">
                            <label for="discount_type" class="px-field-label">{{ __('billing::messages.items.discount') }}</label>
                            <select class="form-select px-select" id="discount_type" name="discount_type">
                                <option value="">—</option>
                                @foreach ($discountTypes as $type)
                                    <option value="{{ $type->value }}">{{ $type->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-6 col-md-3">
                            <x-form.input name="discount_value" :label="__('billing::messages.discount.value')"
                                          inputmode="decimal" />
                        </div>
                        <div class="col-12">
                            <button type="submit" class="btn btn-sm px-btn-primary">
                                {{ __('billing::messages.items.add') }}
                            </button>
                        </div>
                    </form>
                </x-px.panel>

                {{-- Bill-level discount ---------------------------------------- --}}
                <x-px.panel :title="__('billing::messages.discount.title')" icon="bi-percent" heading="title" class="mb-3">
                    <form method="POST" action="{{ route('invoices.discount', $invoice) }}" class="row g-2 align-items-end">
                        @csrf
                        <div class="col-6 col-md-3">
                            <label for="bill_discount_type" class="px-field-label">{{ __('billing::messages.discount.type') }}</label>
                            <select class="form-select px-select" id="bill_discount_type" name="discount_type">
                                <option value="">{{ __('billing::messages.discount.clear') }}</option>
                                @foreach ($discountTypes as $type)
                                    <option value="{{ $type->value }}" @selected($invoice->discount_type === $type)>
                                        {{ $type->label() }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-6 col-md-3">
                            <x-form.input name="discount_value" :label="__('billing::messages.discount.value')"
                                          inputmode="decimal" />
                        </div>
                        <div class="col-12 col-md-4">
                            <x-form.input name="reason" :label="__('billing::messages.discount.reason')"
                                          :value="$invoice->discount_reason" />
                        </div>
                        <div class="col-12 col-md-2">
                            <button type="submit" class="btn px-btn-ghost w-100">{{ __('common.save') }}</button>
                        </div>
                        <div class="col-12">
                            <p class="px-hint mb-0">{{ __('billing::messages.discount.hint') }}</p>
                        </div>
                    </form>
                </x-px.panel>
            @endcan

            {{-- Payments ------------------------------------------------------ --}}
            <x-px.panel :title="__('billing::messages.payments.title')" icon="bi-cash-coin" heading="title" class="overflow-hidden">
                <div class="table-responsive">
                    <table class="table px-table align-middle mb-0">
                        <thead>
                            <tr>
                                <th scope="col">{{ __('billing::messages.payments.reference') }}</th>
                                <th scope="col">{{ __('billing::messages.payments.method') }}</th>
                                <th scope="col">{{ __('billing::messages.payments.received_at') }}</th>
                                <th scope="col" class="text-end">{{ __('billing::messages.payments.amount') }}</th>
                                <th scope="col"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($invoice->payments as $payment)
                                <tr>
                                    <td class="font-monospace small">
                                        {{ $payment->reference }}
                                        @if ($payment->kind->isNegative())
                                            <span class="px-pill px-pill--amber">{{ $payment->kind->label() }}</span>
                                        @endif
                                        @if ($payment->reversal_reason)
                                            <div class="px-hint">{{ $payment->reversal_reason }}</div>
                                        @endif
                                    </td>
                                    <td class="small">
                                        {{ $payment->method->name }}
                                        @if ($payment->external_reference)
                                            <div class="px-hint font-monospace">{{ $payment->external_reference }}</div>
                                        @endif
                                    </td>
                                    <td class="small">{{ $payment->received_at->format('Y-m-d H:i') }}</td>
                                    <td class="text-end px-money">{{ $payment->amount->toMajor() }}</td>
                                    <td class="text-end">
                                        <a href="{{ route('payments.receipt', $payment) }}" class="btn btn-sm px-btn-ghost">
                                            {{ __('billing::messages.payments.receipt') }}
                                        </a>
                                        @can('reverse', $payment)
                                            @if (! $payment->kind->isNegative())
                                                <form method="POST" action="{{ route('payments.reverse', $payment) }}"
                                                      class="d-inline-flex gap-1 align-items-center">
                                                    @csrf
                                                    <input type="text" class="form-control form-control-sm px-input" name="reason"
                                                           placeholder="{{ __('billing::messages.payments.reverse_reason') }}" required>
                                                    <button type="submit" class="btn btn-sm px-btn-danger-ghost">
                                                        {{ __('billing::messages.payments.reverse') }}
                                                    </button>
                                                </form>
                                            @endif
                                        @endcan
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5">
                                        <div class="px-empty py-4">
                                            <div class="px-empty__art" aria-hidden="true">
                                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
                                                     stroke-linecap="round" stroke-linejoin="round">
                                                    <rect x="2" y="6" width="20" height="12" rx="2" />
                                                    <circle cx="12" cy="12" r="2.5" /><path d="M6 12h.01M18 12h.01" />
                                                </svg>
                                            </div>

                                            <p class="px-empty__title">{{ __('billing::messages.payments.empty') }}</p>
                                            <p class="px-empty__text mb-0">{{ __('billing::messages.payments.empty_text') }}</p>
                                        </div>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </x-px.panel>
        </div>

        {{-- Totals and actions ------------------------------------------------ --}}
        <div class="col-12 col-xl-4">
            {{--
                The arithmetic, in the order it happens.

                Two rules run through it: a line that is zero is not drawn — an
                invoice with no discount should not carry a row of dashes — and
                the two figures that get argued about at the counter, the total
                and the balance, are set apart from the working above them.
            --}}
            <x-px.panel :title="__('billing::messages.totals.title')" icon="bi-calculator" class="mb-3">
                <dl class="px-totals mb-0">
                    <div class="px-totals__row">
                        <dt>{{ __('billing::messages.totals.subtotal') }}</dt>
                        <dd class="px-money">{{ $invoice->subtotal->toMajor() }}</dd>
                    </div>

                    @if (! $invoice->discount_total->isZero())
                        <div class="px-totals__row">
                            <dt>{{ __('billing::messages.totals.discount') }}</dt>
                            <dd class="px-money">−{{ $invoice->discount_total->toMajor() }}</dd>
                        </div>
                    @endif

                    @if (! $invoice->tax_total->isZero())
                        <div class="px-totals__row">
                            <dt>{{ __('billing::messages.totals.tax') }}</dt>
                            <dd class="px-money">{{ $invoice->tax_total->toMajor() }}</dd>
                        </div>
                    @endif

                    <div class="px-totals__row px-totals__row--sum">
                        <dt>{{ __('billing::messages.totals.total') }}</dt>
                        <dd class="px-money">{{ $invoice->total->toMajor() }}</dd>
                    </div>

                    @if (! $invoice->paid_total->isZero())
                        <div class="px-totals__row">
                            <dt>{{ __('billing::messages.totals.paid') }}</dt>
                            <dd class="px-money">{{ $invoice->paid_total->toMajor() }}</dd>
                        </div>
                    @endif

                    @if (! $invoice->credited_total->isZero())
                        <div class="px-totals__row">
                            <dt>{{ __('billing::messages.totals.credited') }}</dt>
                            <dd class="px-money">{{ $invoice->credited_total->toMajor() }}</dd>
                        </div>
                    @endif

                    <div @class(['px-totals__row', 'px-totals__row--sum', 'px-totals__row--owing' => $invoice->balance->isPositive()])>
                        <dt>{{ __('billing::messages.totals.balance') }}</dt>
                        <dd class="px-money">{{ $invoice->balance->toMajor() }}</dd>
                    </div>
                </dl>
            </x-px.panel>

            @can('issue', $invoice)
                <x-px.panel :title="__('billing::messages.invoices.issue')" icon="bi-send-check" class="mb-3">
                    <form method="POST" action="{{ route('invoices.issue', $invoice) }}">
                        @csrf
                        <x-form.input name="due_on" type="date" :label="__('billing::messages.invoices.due_on')" />
                        <button type="submit" class="btn px-btn-primary w-100">
                            {{ __('billing::messages.invoices.issue') }}
                        </button>
                    </form>
                </x-px.panel>
            @endcan

            @if ($invoice->status->acceptsPayment() && $invoice->balance->isPositive())
                @can('create', \App\Modules\Billing\Models\Payment::class)
                    <x-px.panel :title="__('billing::messages.payments.take')" icon="bi-cash-stack" class="mb-3">
                        <form method="POST" action="{{ route('payments.store', $invoice) }}">
                            @csrf

                            {{--
                                Minted server-side per page load. A second submission
                                of the same form carries the same token and finds the
                                first payment instead of taking a second one.
                            --}}
                            <input type="hidden" name="idempotency_key" value="{{ $paymentToken }}">

                            <x-form.input name="amount" :label="__('billing::messages.payments.amount')"
                                          :value="$invoice->balance->toMajor()" inputmode="decimal" required />

                            <label for="payment_method_id" class="px-field-label">{{ __('billing::messages.payments.method') }}</label>
                            <select class="form-select px-select mb-3" id="payment_method_id" name="payment_method_id" required>
                                @foreach ($methods as $method)
                                    <option value="{{ $method->id }}">{{ $method->name }}</option>
                                @endforeach
                            </select>

                            <x-form.input name="external_reference"
                                          :label="__('billing::messages.payments.external_reference')" />

                            <button type="submit" class="btn px-btn-primary w-100">
                                {{ __('billing::messages.payments.take') }}
                            </button>
                        </form>
                    </x-px.panel>
                @endcan
            @endif

            @can('void', $invoice)
                <x-px.panel :title="__('billing::messages.invoices.void')" icon="bi-x-octagon" class="mb-3">
                    <form method="POST" action="{{ route('invoices.void', $invoice) }}">
                        @csrf
                        <x-form.input name="reason" :label="__('billing::messages.invoices.void_reason')" required />
                        <button type="submit" class="btn btn-sm px-btn-danger-ghost w-100">
                            {{ __('billing::messages.invoices.void') }}
                        </button>
                    </form>
                </x-px.panel>
            @endcan

            {{-- Credit notes -------------------------------------------------- --}}
            @if ($invoice->status->acceptsPayment())
                <x-px.panel :title="__('billing::messages.credit_notes.title')" icon="bi-arrow-counterclockwise">
                    @foreach ($invoice->creditNotes as $note)
                        <div class="px-entry small py-1">
                            <a href="{{ route('credit-notes.print', $note) }}" class="font-monospace">{{ $note->reference }}</a>
                            <span class="px-money">−{{ $note->total->toMajor() }}</span>
                        </div>
                    @endforeach

                    @can('create', \App\Modules\Billing\Models\CreditNote::class)
                        <form method="POST" action="{{ route('credit-notes.store', $invoice) }}" class="mt-2">
                            @csrf
                            <input type="hidden" name="mode" value="amount">
                            <x-form.input name="amount" :label="__('billing::messages.credit_notes.amount')"
                                          inputmode="decimal" required />
                            <x-form.input name="reason" :label="__('billing::messages.credit_notes.reason')" required />
                            <button type="submit" class="btn btn-sm px-btn-ghost w-100">
                                {{ __('billing::messages.credit_notes.issue') }}
                            </button>
                            <p class="px-hint mt-2 mb-0">{{ __('billing::messages.credit_notes.hint') }}</p>
                        </form>
                    @endcan
                </x-px.panel>
            @endif
        </div>
    </div>
@endsection