{{--
    "What does this patient owe, and to whom?"

    Rendered into the `patient.administrative` slot, behind `invoices.view`.
    Patients knows nothing about invoices; remove this module and the panel goes
    with it. Its data comes from PatientFinancialsComposer.

    Split by department because that is how the clinic collects: reception takes
    the consultation fee, the laboratory takes its own, and "you owe 40" with no
    breakdown is a figure nobody at either counter can act on.
--}}
<x-px.panel :title="__('billing::messages.ledger.title')">
    @if (Route::has('invoices.index'))
        <x-slot:actions>
            <a class="btn btn-sm px-btn-ghost text-nowrap"
               href="{{ route('invoices.index', ['patient' => $patientUlid]) }}">
                {{ __('billing::messages.ledger.all_invoices') }}
            </a>
        </x-slot:actions>
    @endif

    @forelse ($ledgers as $ledger)
        {{-- One block per currency. A clinic billing in one — nearly all of
             them — never sees that this is a loop. --}}
        @if (! $loop->first)
            <hr class="my-3">
        @endif

        {{--
            The currency is named once, in the headings, and the cells carry
            bare numbers.

            Repeating it on every figure put "PKR" six times in a panel three
            columns wide, and in a narrow column the code wrapped onto its own
            line above the amount — which is how a column of money stops
            lining up and stops being readable at a glance.
        --}}
        <div class="table-responsive">
            <table class="table px-table align-middle mb-0">
                <thead>
                    <tr>
                        <th scope="col">{{ __('billing::messages.ledger.department') }}</th>
                        <th scope="col" class="text-end">
                            {{ __('billing::messages.ledger.billed') }}
                            <span class="fw-normal">({{ $ledger->currency }})</span>
                        </th>
                        <th scope="col" class="text-end">{{ __('billing::messages.ledger.paid') }}</th>
                        <th scope="col" class="text-end">{{ __('billing::messages.ledger.outstanding') }}</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($ledger->lines as $line)
                        <tr>
                            <td>
                                <span class="px-pill {{ $line->serviceLine->tone() }}">
                                    {{ $line->serviceLine->label() }}
                                </span>

                                {{-- Charges raised but not yet invoiced. The
                                     desk's own unfinished business, not the
                                     patient's — worth separating from a bill
                                     that has actually been handed over. --}}
                                @if ($line->pending->isPositive())
                                    <span class="px-hint">
                                        {{ __('billing::messages.ledger.pending', ['amount' => $line->pending->format()]) }}
                                    </span>
                                @endif
                            </td>
                            <td class="text-end px-money text-nowrap">{{ $line->billed->toMajor() }}</td>
                            <td class="text-end px-money text-nowrap">{{ $line->paid->toMajor() }}</td>
                            {{-- Owed back is not the same as settled, and reads
                                 as its own figure rather than a bare minus. --}}
                            <td class="text-end font-monospace text-nowrap @class([
                                'px-hint' => $line->isSettled(),
                                'fw-semibold' => ! $line->isSettled(),
                                'px-owing' => $line->owesPatient(),
                            ])">
                                {{ $line->owesPatient()
                                    ? '−'.$line->refundDue()->toMajor()
                                    : $line->outstanding->toMajor() }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>

                <tfoot>
                    <tr class="border-top">
                        <th scope="row" class="fw-semibold">{{ __('billing::messages.ledger.total') }}</th>
                        <td class="text-end px-money text-nowrap">{{ $ledger->billed->toMajor() }}</td>
                        <td class="text-end px-money text-nowrap">{{ $ledger->paid->toMajor() }}</td>
                        <td class="text-end px-money text-nowrap fw-semibold">{{ $ledger->outstanding->toMajor() }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>

        {{-- The one state that needs acting on rather than noting. Money taken
             beyond what was charged is a refund waiting to be made, and it used
             to be reported as "settled". --}}
        @if ($ledger->owesPatient())
            <div class="px-advice px-advice--caution d-flex align-items-start gap-2 mt-3">
                <i class="bi bi-arrow-return-left rtl-flip px-advice__icon" aria-hidden="true"></i>
                <span class="min-w-0">
                    {{ __('billing::messages.ledger.owed_back', ['amount' => $ledger->refundDue()->format()]) }}
                </span>
            </div>
        @elseif ($ledger->isSettled())
            <p class="px-hint mb-0 mt-2">{{ __('billing::messages.ledger.settled') }}</p>
        @endif
    @empty
        <p class="px-hint mb-0">{{ __('billing::messages.ledger.none') }}</p>
    @endforelse
</x-px.panel>