@extends('layouts.app')

@section('title', $session->reference)

@section('content')
    @php
        $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

    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div class="min-w-0">
            <h1 class="px-title font-monospace">{{ $session->reference }}</h1>
            <p class="px-subtitle">{{ $session->cashier->name }}</p>
        </div>

        {{-- 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('cash-sessions.index') }}" class="btn btn-sm px-btn-ghost">
            <i class="bi bi-arrow-left rtl-flip" aria-hidden="true"></i>
            {{ __('billing::messages.sessions.title') }}
        </a>
    </div>

    <div class="d-flex flex-wrap gap-2 align-items-center mb-3">
        <span class="px-pill {{ $pill($session->status->tone()) }}">
            <span class="px-dot" aria-hidden="true"></span>{{ $session->status->label() }}
        </span>

        <span class="px-pill px-pill--grey">
            {{ __('billing::messages.sessions.opened_at') }}: {{ $session->opened_at->format('Y-m-d H:i') }}
        </span>

        @if ($session->closed_at)
            <span class="px-pill px-pill--grey">
                {{ __('billing::messages.sessions.closed_at') }}: {{ $session->closed_at->format('Y-m-d H:i') }}
            </span>
        @endif
    </div>

    <div class="row g-3">
        <div class="col-12 col-xl-7">
            <x-px.panel :title="__('billing::messages.sessions.breakdown')" icon="bi-pie-chart" heading="title" class="mb-3">
                <dl class="px-totals mb-0">
                    @foreach ($breakdown as $row)
                        <div class="px-totals__row">
                            <dt>{{ $row['method'] }} <span class="px-hint">({{ $row['count'] }})</span></dt>
                            <dd class="px-money">{{ $row['amount']->toMajor() }}</dd>
                        </div>
                    @endforeach

                    @if ($breakdown === [])
                        <dd class="px-hint mb-0">{{ __('billing::messages.payments.empty') }}</dd>
                    @endif
                </dl>

                <p class="px-hint mt-2 mb-0">{{ __('billing::messages.sessions.cash_only_note') }}</p>
            </x-px.panel>

            <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.invoices.singular') }}</th>
                                <th scope="col">{{ __('billing::messages.payments.method') }}</th>
                                <th scope="col" class="text-end">{{ __('billing::messages.payments.amount') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($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
                                    </td>
                                    <td class="font-monospace small">
                                        <a href="{{ route('invoices.show', $payment->invoice) }}">
                                            {{ $payment->invoice->reference }}
                                        </a>
                                    </td>
                                    <td class="small">{{ $payment->method->name }}</td>
                                    <td class="text-end px-money">{{ $payment->amount->toMajor() }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4">
                                        <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.sessions.no_payments_text') }}</p>
                                        </div>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </x-px.panel>
        </div>

        <div class="col-12 col-xl-5">
            <x-px.panel :title="__('billing::messages.sessions.drawer')" icon="bi-calculator" class="mb-3">
                <dl class="px-totals mb-0">
                    <div class="px-totals__row">
                        <dt>{{ __('billing::messages.sessions.opening_float') }}</dt>
                        <dd class="px-money">{{ $session->opening_float->toMajor() }}</dd>
                    </div>

                    <div class="px-totals__row">
                        <dt>{{ __('billing::messages.sessions.expected') }}</dt>
                        <dd class="px-money">{{ $expected?->toMajor() ?? '—' }}</dd>
                    </div>

                    @if (! $session->isOpen())
                        <div class="px-totals__row">
                            <dt>{{ __('billing::messages.sessions.counted') }}</dt>
                            <dd class="px-money">{{ $session->counted_cash?->toMajor() ?? '—' }}</dd>
                        </div>

                        {{-- The one line anybody looks at on a closed session.
                             Green when the drawer agreed with the system, red
                             when it did not — and the amount is named either
                             way, because "short by 200" is the fact, not
                             "does not reconcile". --}}
                        <div @class(['px-totals__row', 'px-totals__row--sum', 'px-totals__row--owing' => ! $session->reconciled()])>
                            <dt>{{ __('billing::messages.sessions.variance') }}</dt>
                            <dd>
                                @if ($session->reconciled())
                                    <span class="px-pill px-pill--green">
                                        <span class="px-dot" aria-hidden="true"></span>
                                        {{ __('billing::messages.sessions.reconciled') }}
                                    </span>
                                @else
                                    <span class="font-monospace">
                                        {{ $session->variance->isNegative()
                                            ? __('billing::messages.sessions.short', ['amount' => $session->variance->absolute()->toMajor()])
                                            : __('billing::messages.sessions.over', ['amount' => $session->variance->toMajor()]) }}
                                    </span>
                                @endif
                            </dd>
                        </div>
                    @endif
                </dl>
            </x-px.panel>

            @can('close', $session)
                <x-px.panel :title="__('billing::messages.sessions.close')" icon="bi-lock">
                    <form method="POST" action="{{ route('cash-sessions.close', $session) }}">
                        @csrf

                        <x-form.input name="counted_cash" :label="__('billing::messages.sessions.counted')"
                                      inputmode="decimal" required />

                        <x-form.textarea name="notes" :label="__('billing::messages.sessions.notes')" rows="2" />

                        <button type="submit" class="btn px-btn-primary w-100">
                            {{ __('billing::messages.sessions.close') }}
                        </button>

                        {{--
                            Said plainly, on the screen where it matters: the
                            figure entered here is recorded against the expected
                            one exactly as it falls.
                        --}}
                        <p class="px-hint mt-2 mb-0">{{ __('billing::messages.sessions.variance_note') }}</p>
                    </form>
                </x-px.panel>
            @endcan
        </div>
    </div>
@endsection