{{--
    The cash-up as recorded, shown when one already exists for the selected date.

    One block per account rather than a six-column table: a difference is two
    counts, each with its own expected figure, plus the split between them and
    the reason given. That does not fit a row, and squeezing it into one is what
    made the page read as scattered numbers instead of an answer.

    A director's decision lives here too, on the difference itself. It used to sit
    in a second panel further down that repeated the same figures under different
    headings, so the same money was on screen twice, described two ways.
--}}
@php
    // Accounts that need an answer first, balanced ones are a footnote.
    $flagged = $existing->lines->filter(fn ($l) => $l->reason_status !== null || abs((float) $l->variance) >= 0.01);
    $settled = $existing->lines->reject(fn ($l) => $flagged->contains('id', $l->id));
    $pendingCount = $existing->lines->where('reason_status', 'pending')->count();
@endphp

<x-card class="mt-6 overflow-hidden">
    {{-- Header: whose count, when, and where it stands --}}
    <div class="flex flex-wrap items-start justify-between gap-3 border-b border-slate-100 px-5 py-4">
        <div>
            <p class="text-sm font-semibold text-slate-900">
                {{ __('Cash-up for') }} {{ $existing->business_date->format('D, d M Y') }}
            </p>
            <p class="mt-0.5 text-xs text-slate-500">
                {{ __('Counted by') }} {{ $existing->performer?->name ?? '—' }}
                @if ($existing->submitted_at)
                    · {{ $existing->submitted_at->timezone(config('app.display_timezone'))->format('H:i') }}
                @endif
            </p>
        </div>

        @if (! $existing->has_variance)
            <x-badge color="emerald" class="px-3 py-1">
                <x-icon name="shield-check" class="h-3.5 w-3.5" /> {{ __('Everything balanced') }}
            </x-badge>
        @elseif (abs((float) $existing->total_variance_base) >= 0.01)
            <x-badge color="amber" class="px-3 py-1">
                <x-icon name="exclamation-triangle" class="h-3.5 w-3.5" />
                {{ __('Out by') }} {{ $baseCode }} {{ number_format((float) $existing->total_variance_base, 2) }}
            </x-badge>
        @else
            {{-- Flagged with no money out of place: the accounts total correctly
                 but the day's takings did not. --}}
            <x-badge color="amber" class="px-3 py-1">
                <x-icon name="exclamation-triangle" class="h-3.5 w-3.5" /> {{ __('The day did not balance') }}
            </x-badge>
        @endif
    </div>

    {{-- The differences, one block each --}}
    <div class="divide-y divide-slate-100">
        @foreach ($flagged as $line)
            @php
                $cur = $line->currency_code;
                $variance = (float) $line->variance;
                $takingsVariance = $line->takings_variance;
                $carried = $line->brought_forward_variance;
                $status = $line->reason_status;
                $badge = match ($status) {
                    'approved' => ['emerald', __('Approved')],
                    'rejected' => ['rose', __('Rejected')],
                    'queried' => ['sky', __('Sent back for correction')],
                    'pending' => ['amber', __('Waiting on a director')],
                    default => null,
                };
            @endphp

            <div class="p-5">
                <div class="flex flex-wrap items-center justify-between gap-2">
                    <p class="text-sm font-semibold text-slate-900">{{ $line->account?->name ?? __('Account') }}</p>
                    @if ($badge)
                        <x-badge :color="$badge[0]">{{ $badge[1] }}</x-badge>
                    @endif
                </div>

                {{-- The two counts, side by side, each against its own expected
                     figure. Neither is a check on the other: one is the shift,
                     the other is the box. --}}
                <div class="mt-3.5 grid gap-3 sm:grid-cols-2">
                    @foreach ([
                        ['label' => __('Came in today'), 'expected' => $line->expected_takings, 'counted' => $line->counted_takings, 'diff' => $takingsVariance, 'legacy' => $line->takings_is_legacy_basis],
                        ['label' => __('In the account, in total'), 'expected' => (float) $line->system_balance, 'counted' => (float) $line->counted_amount, 'diff' => $variance, 'legacy' => false],
                    ] as $side)
                        @php
                            $d = $side['diff'];
                            $out = $d !== null && abs((float) $d) >= 0.01;
                        @endphp
                        <div @class([
                            'rounded-xl px-4 py-3 ring-1',
                            'bg-slate-50/70 ring-slate-200/70' => ! $out,
                            'bg-rose-50/50 ring-rose-200/70' => $out && (float) $d < 0,
                            'bg-amber-50/50 ring-amber-200/70' => $out && (float) $d > 0,
                        ])>
                            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ $side['label'] }}</p>
                            @if ($side['legacy'])
                                {{-- Counted when this figure meant the day's net.
                                     Said plainly, because the heading above it no
                                     longer describes what the number underneath is. --}}
                                <p class="mt-1 text-[11px] leading-snug text-slate-400">
                                    {{ __('Counted as the day\'s net, after what was paid out or moved on.') }}
                                </p>
                            @endif

                            @if ($side['counted'] === null)
                                <p class="mt-2 text-sm text-slate-400">{{ __('Not counted separately on this cash-up') }}</p>
                            @else
                                <dl class="mt-2 space-y-1 text-sm">
                                    <div class="flex items-baseline justify-between gap-3">
                                        <dt class="text-slate-500">{{ __('Expected') }}</dt>
                                        <dd class="tabular-nums text-slate-600">{{ $cur }} {{ number_format((float) $side['expected'], 2) }}</dd>
                                    </div>
                                    <div class="flex items-baseline justify-between gap-3">
                                        <dt class="text-slate-500">{{ __('Counted') }}</dt>
                                        <dd class="tabular-nums font-medium text-slate-800">{{ $cur }} {{ number_format((float) $side['counted'], 2) }}</dd>
                                    </div>
                                    <div class="flex items-baseline justify-between gap-3 border-t border-slate-200/70 pt-1.5">
                                        <dt class="font-semibold text-slate-600">{{ __('Difference') }}</dt>
                                        <dd @class([
                                            'text-base font-bold tabular-nums',
                                            'text-slate-400' => ! $out,
                                            'text-rose-600' => $out && (float) $d < 0,
                                            'text-amber-600' => $out && (float) $d > 0,
                                        ])>
                                            {{ (float) $d > 0 ? '+' : '' }}{{ number_format((float) $d, 2) }}
                                        </dd>
                                    </div>
                                </dl>
                            @endif
                        </div>
                    @endforeach
                </div>

                @if ($carried !== null && abs((float) $carried) >= 0.01)
                    <p class="mt-2.5 text-xs text-slate-500">
                        <x-icon name="arrow-uturn-left" class="mr-1 inline h-3.5 w-3.5 text-slate-400" />
                        {{ __('Of that, :amount was carried in from before today, so the balance brought forward is what is wrong.', [
                            'amount' => $cur.' '.number_format(abs((float) $carried), 2),
                        ]) }}
                    </p>
                @endif

                {{-- The conversation about it, as a conversation. --}}
                <div class="mt-3.5 rounded-xl bg-slate-50/70 px-4 py-3.5">
                    @include('livewire.treasury.partials.cash-up-thread', ['line' => $line])
                </div>

                {{-- The decision, on the difference itself rather than in a second
                     table of the same numbers further down the page. --}}
                @if ($canReview && in_array($status, ['pending', 'queried'], true))
                    @if ($reviewingLineId === $line->id)
                        <div class="mt-3.5 rounded-xl border border-slate-200 bg-white p-3.5 shadow-sm">
                            <label class="block text-[11px] font-semibold uppercase tracking-wider text-slate-400">
                                {{ __('Note, or your question') }}
                            </label>
                            <input type="text" wire:model="reviewNote"
                                class="mt-1.5 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
                                placeholder="{{ __('Optional for a decision, required to send it back') }}" />
                            @error('reviewNote') <p class="mt-1 text-xs text-rose-600">{{ $message }}</p> @enderror

                            <div class="mt-3 flex flex-wrap items-center gap-2">
                                <button type="button" wire:click="approveVariance({{ $line->id }})"
                                    class="inline-flex items-center gap-1.5 rounded-xl bg-emerald-600 px-3 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-emerald-700">
                                    <x-icon name="check" class="h-4 w-4" /> {{ __('Approve') }}
                                </button>
                                <button type="button" wire:click="rejectVariance({{ $line->id }})"
                                    class="inline-flex items-center gap-1.5 rounded-xl bg-rose-600 px-3 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-rose-700">
                                    <x-icon name="x-mark" class="h-4 w-4" /> {{ __('Reject') }}
                                </button>
                                <button type="button" wire:click="queryVariance({{ $line->id }})"
                                    class="inline-flex items-center gap-1.5 rounded-xl bg-sky-600 px-3 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-sky-700">
                                    <x-icon name="arrow-uturn-left" class="h-4 w-4" /> {{ __('Send back') }}
                                </button>
                                <button type="button" wire:click="cancelReview"
                                    class="rounded-xl px-3 py-2 text-sm font-medium text-slate-400 transition hover:text-slate-600">{{ __('Cancel') }}</button>
                            </div>
                            <p class="mt-2 text-xs text-slate-400">
                                {{ __('Approving books it to the profit and loss. Rejecting a shortage makes it recoverable from the cashier. Sending it back books nothing.') }}
                            </p>
                        </div>
                    @else
                        <button type="button" wire:click="startReview({{ $line->id }})"
                            class="mt-3.5 inline-flex items-center gap-1.5 rounded-xl border border-indigo-200 bg-white px-3 py-2 text-sm font-semibold text-indigo-700 shadow-sm transition hover:bg-indigo-50">
                            <x-icon name="pencil-square" class="h-4 w-4" />
                            {{ $status === 'queried' ? __('Decide it anyway') : __('Review this difference') }}
                        </button>
                    @endif
                @endif
            </div>
        @endforeach

        {{-- Accounts that agreed on both counts: worth confirming, not worth a
             block each. --}}
        @if ($settled->isNotEmpty())
            <div class="px-5 py-4">
                <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Balanced') }}</p>
                <div class="mt-2 space-y-1.5">
                    @foreach ($settled as $line)
                        <div class="flex flex-wrap items-baseline justify-between gap-2 text-sm">
                            <span class="flex items-center gap-1.5 font-medium text-slate-700">
                                <x-icon name="check-circle" class="h-4 w-4 text-emerald-500" />
                                {{ $line->account?->name ?? __('Account') }}
                            </span>
                            <span class="tabular-nums text-slate-500">
                                @if ($line->counted_takings !== null)
                                    {{ __('day') }} {{ $line->currency_code }} {{ number_format((float) $line->counted_takings, 2) }} ·
                                @endif
                                {{ __('total') }} {{ $line->currency_code }} {{ number_format((float) $line->counted_amount, 2) }}
                            </span>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
    </div>

    @if ($existing->notes)
        <div class="border-t border-slate-100 bg-slate-50/60 px-5 py-3 text-sm text-slate-600">
            <span class="font-medium text-slate-700">{{ __('Notes:') }}</span> {{ $existing->notes }}
        </div>
    @endif

    @if ($pendingCount > 0 && ! $canReview)
        <div class="border-t border-slate-100 px-5 py-3 text-xs text-slate-500">
            {{ trans_choice(
                '{1} :count difference is with the directors for approval.|[2,*] :count differences are with the directors for approval.',
                $pendingCount, ['count' => $pendingCount],
            ) }}
        </div>
    @endif
</x-card>