@extends('layouts.app')

@section('title', __('billing::messages.invoices.title'))

@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 $tone): string => match ($tone) {
        'success' => 'px-pill--green',
        'warning' => 'px-pill--amber',
        'danger' => 'px-pill--red',
        'info' => 'px-pill--blue',
        'primary' => 'px-pill--violet',
        default => 'px-pill--grey',
    };
@endphp

@section('content')
    {{-- ── Page head ──────────────────────────────────────────────────────── --}}
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div>
            <h1 class="px-title">{{ __('billing::messages.invoices.title') }}</h1>
            <p class="px-subtitle">{{ __('billing::messages.invoices.subtitle') }}</p>
        </div>

        <div class="d-flex flex-wrap gap-2">
            {{-- The list a clinic opens every morning, as a button rather than a
                 checkbox somebody has to find at the bottom of the filter panel. --}}
            <a href="{{ route('invoices.index', ['outstanding' => 1]) }}"
               class="btn px-btn-ghost d-inline-flex align-items-center gap-2">
                <i class="bi bi-exclamation-circle" aria-hidden="true"></i>
                {{ __('billing::messages.invoices.outstanding_only') }}
            </a>

            {{-- The other direction. A bill paid and then credited leaves the
                 clinic owing the difference back; its status reads "paid" and
                 it appears on no other list, so without this the money is
                 owed and nobody can find it. --}}
            <a href="{{ route('invoices.index', ['refunds_due' => 1]) }}"
               class="btn px-btn-ghost d-inline-flex align-items-center gap-2">
                <i class="bi bi-arrow-return-left rtl-flip" aria-hidden="true"></i>
                {{ __('billing::messages.invoices.refunds_due') }}
            </a>
        </div>
    </div>

    {{-- ── Filter panel ───────────────────────────────────────────────────── --}}
    {{-- Outside the swapped region: that region is replaced wholesale on every
         filter change, which would destroy the field being typed into. --}}
    <div class="px-panel p-3 p-md-4 mb-4">
        <form method="GET" action="{{ route('invoices.index') }}" data-clinic-filter
              class="row g-3 align-items-end">
            <div class="col-12 col-md-6 col-xl-3">
                <label for="search" class="px-field-label">{{ __('billing::messages.invoices.reference') }}</label>
                <div class="px-search">
                    <i class="bi bi-search" aria-hidden="true"></i>
                    <input type="search" class="form-control px-input" id="search" name="search"
                           value="{{ request('search') }}"
                           placeholder="{{ __('billing::messages.invoices.search_placeholder') }}">
                </div>
            </div>

            <div class="col-6 col-md-3 col-xl-2">
                <label for="status" class="px-field-label">{{ __('common.status') }}</label>
                <select class="form-select px-select" id="status" name="status">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($statuses as $status)
                        <option value="{{ $status->value }}" @selected(request('status') === $status->value)>
                            {{ $status->label() }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-6 col-md-3 col-xl-2">
                <label for="payment_status" class="px-field-label">{{ __('billing::messages.totals.paid') }}</label>
                <select class="form-select px-select" id="payment_status" name="payment_status">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($paymentStatuses as $status)
                        <option value="{{ $status->value }}" @selected(request('payment_status') === $status->value)>
                            {{ $status->label() }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-6 col-md-3 col-xl-2">
                <label for="from" class="px-field-label">{{ __('common.from') }}</label>
                <input type="date" class="form-control px-input" id="from" name="from" value="{{ request('from') }}">
            </div>

            <div class="col-6 col-md-3 col-xl-2">
                <label for="to" class="px-field-label">{{ __('common.to') }}</label>
                <input type="date" class="form-control px-input" id="to" name="to" value="{{ request('to') }}">
            </div>

            <div class="col-12 col-xl-1 d-flex gap-2">
                {{-- Kept even though the list filters live: without a script
                     this button is the only way to apply them. --}}
                <button type="submit"
                        class="btn px-btn-primary w-100 d-inline-flex align-items-center justify-content-center gap-2">
                    <i class="bi bi-funnel" aria-hidden="true"></i>
                    <span class="d-xl-none">{{ __('common.filter') }}</span>
                </button>
            </div>

            <div class="col-12">
                <div class="d-flex flex-wrap align-items-center gap-3">
                    <div class="form-check mb-0">
                        <input class="form-check-input" type="checkbox" name="outstanding" id="outstanding" value="1"
                               @checked(request()->boolean('outstanding'))>
                        <label class="form-check-label small" for="outstanding">
                            {{ __('billing::messages.invoices.outstanding_only') }}
                        </label>
                    </div>

                    <a href="{{ route('invoices.index') }}"
                       class="btn btn-sm px-btn-ghost d-inline-flex align-items-center gap-2">
                        <i class="bi bi-arrow-counterclockwise" aria-hidden="true"></i>
                        {{ __('common.reset') }}
                    </a>
                </div>
            </div>
        </form>
    </div>

    <x-results>
        <div class="px-panel overflow-hidden">
            <div class="table-responsive">
                <table class="table px-table px-table--sticky align-middle mb-0">
                    <thead>
                        <tr>
                            <th scope="col">{{ __('billing::messages.invoices.reference') }}</th>
                            <th scope="col">{{ __('billing::messages.invoices.patient') }}</th>
                            <th scope="col">{{ __('billing::messages.invoices.issued_on') }}</th>
                            <th scope="col" class="text-end">{{ __('billing::messages.invoices.total') }}</th>
                            <th scope="col" class="text-end">{{ __('billing::messages.invoices.balance') }}</th>
                            <th scope="col">{{ __('common.status') }}</th>
                            <th scope="col"><span class="visually-hidden">{{ __('common.actions') }}</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($invoices as $invoice)
                            @php($patient = $participants['patients'][$invoice->patient_id] ?? null)
                            <tr>
                                <td>
                                    <a href="{{ route('invoices.show', $invoice) }}"
                                       class="font-monospace fw-semibold text-body text-decoration-none">
                                        {{ $invoice->reference ?? '—' }}
                                    </a>
                                    <span class="d-block px-hint">
                                        {{ trans_choice('billing::messages.invoices.lines_count', $invoice->items_count, ['count' => $invoice->items_count]) }}
                                    </span>
                                </td>

                                <td>
                                    <div class="d-flex align-items-center gap-2 min-w-0">
                                        <span class="min-w-0">
                                            <span class="d-block text-truncate fw-medium">{{ $patient?->name ?? '—' }}</span>
                                            <span class="d-block px-hint font-monospace">{{ $patient?->mrn }}</span>
                                        </span>
                                    </div>
                                </td>

                                <td>
                                    <span class="small">{{ $invoice->issued_on?->format('Y-m-d') ?? '—' }}</span>

                                    {{-- Overdue is the one date fact worth colouring: it is
                                         the difference between a bill and a debt. --}}
                                    @if ($invoice->isOverdue())
                                        <span class="d-block px-pill px-pill--red mt-1">
                                            {{ __('billing::messages.invoices.due_on') }}:
                                            {{ $invoice->due_on->format('Y-m-d') }}
                                        </span>
                                    @endif
                                </td>

                                <td class="text-end px-money">{{ $invoice->total->toMajor() }}</td>

                                <td class="text-end font-monospace">
                                    {{-- Two different facts, and only one of them
                                         used to be visible. Positive is money
                                         owed to the clinic; negative is money
                                         the clinic owes back, which rendered as
                                         a plain figure that read like nothing. --}}
                                    @if ($invoice->balance->isNegative())
                                        <span class="px-pill px-pill--amber">
                                            <i class="bi bi-arrow-return-left rtl-flip" aria-hidden="true"></i>
                                            {{ $invoice->balance->absolute()->toMajor() }}
                                        </span>
                                        <span class="d-block px-hint">
                                            {{ __('billing::messages.invoices.owed_back') }}
                                        </span>
                                    @else
                                        <span @class(['fw-semibold', 'px-owing' => $invoice->balance->isPositive()])>
                                            {{ $invoice->balance->toMajor() }}
                                        </span>
                                    @endif
                                </td>

                                <td>
                                    <div class="d-flex flex-wrap gap-1">
                                        <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>
                                </td>

                                <td class="text-end">
                                    {{--
                                        Settle the whole bill in one press.

                                        The counter's common case: the patient
                                        is at the window with the full amount.
                                        A part payment, a card reference or a
                                        different method is the Take payment
                                        panel on the invoice itself, which asks
                                        for all of it — this only does the
                                        thing that happens forty times a day.

                                        The key is minted per row and per page
                                        load, so a double press finds the first
                                        payment instead of taking a second.
                                    --}}
                                    @if ($invoice->status->acceptsPayment()
                                        && $invoice->balance->isPositive()
                                        && $quickMethod !== null)
                                        @can('create', \App\Modules\Billing\Models\Payment::class)
                                            {{--
                                                The question is asked where the
                                                button is, not at the top of the
                                                browser window.

                                                A native confirm() opens against
                                                the top of the screen, far from
                                                the row that raised it — on a
                                                listing of thirty invoices it is
                                                genuinely unclear which one is
                                                about to be settled. The button
                                                becomes the question instead.
                                            --}}
                                            <form method="POST" action="{{ route('payments.store', $invoice) }}"
                                                  class="px-confirm" data-clinic-confirm-inline>
                                                @csrf
                                                <input type="hidden" name="amount" value="{{ $invoice->balance->toMajor() }}">
                                                <input type="hidden" name="payment_method_id" value="{{ $quickMethod->id }}">
                                                <input type="hidden" name="idempotency_key" value="{{ (string) \Illuminate\Support\Str::uuid() }}">

                                                <button type="button" class="btn btn-sm px-btn-primary text-nowrap"
                                                        data-confirm-trigger>
                                                    <i class="bi bi-cash-coin" aria-hidden="true"></i>
                                                    {{ __('billing::messages.payments.mark_paid') }}
                                                </button>

                                                <span class="px-confirm__ask" data-confirm-ask hidden>
                                                    <span class="px-confirm__text">
                                                        {{ __('billing::messages.payments.confirm_quick', [
                                                            'amount' => $invoice->balance->format(),
                                                            'method' => $quickMethod->name,
                                                        ]) }}
                                                    </span>

                                                    <button type="submit" class="btn btn-sm px-btn-primary" data-confirm-yes>
                                                        {{ __('common.yes') }}
                                                    </button>

                                                    <button type="button" class="btn btn-sm px-btn-ghost" data-confirm-no>
                                                        {{ __('common.no') }}
                                                    </button>
                                                </span>
                                            </form>
                                        @endcan
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="p-4">
                                    <div class="px-empty">
                                        <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.invoices.empty') }}</p>
                                        <p class="px-empty__text mb-0">{{ __('billing::messages.invoices.empty_text') }}</p>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @if ($invoices->hasPages())
                <div class="px-pagination d-flex justify-content-center justify-content-md-end px-3 px-md-4 py-3 border-top"
                     style="border-color: var(--px-border) !important;">
                    {{ $invoices->links() }}
                </div>
            @endif
        </div>
    </x-results>
@endsection