{{--
    Differences a director sent back to the person who counted, instead of
    approving or rejecting them.

    Sending one back is rarely a request for better wording: it is "you recorded
    this as income when it was an expense, go and fix it". So answering re-opens
    that day's count in full — both figures editable, the expected side recomputed
    live, and the same Record expense / invoice payment / other cash-in buttons
    used the first time round. Whatever is left when she sends it back is what the
    director then rules on, and if the correction closed the gap there is nothing
    left to rule on at all.

    Shown across all dates, not just the one on screen, otherwise a question about
    last Tuesday would never be found. Rendered inside the attention dialog on
    the cash-up page, which supplies the heading; this is just the list.
--}}
<div>
    <div class="divide-y divide-slate-100">
        @foreach ($myQueries as $line)
            @php $isOpen = $answeringLineId === $line->id; @endphp

            <div class="p-4 sm:p-5">
                <div class="flex flex-wrap items-center justify-between gap-2">
                    <div class="text-sm">
                        <span class="font-semibold text-slate-800">{{ $line->account?->name ?? __('Cash') }}</span>
                        <span class="text-slate-400">·</span>
                        <span class="text-slate-600">{{ $line->reconciliation?->business_date?->format('D, d M Y') }}</span>
                    </div>
                    <span @class([
                        'rounded-full px-2.5 py-0.5 text-xs font-semibold tabular-nums',
                        'bg-slate-100 text-slate-500' => abs((float) $line->variance) < 0.01,
                        'bg-rose-50 text-rose-700' => (float) $line->variance < -0.01,
                        'bg-emerald-50 text-emerald-700' => (float) $line->variance > 0.01,
                    ])>
                        {{ $line->currency_code }} {{ (float) $line->variance > 0 ? '+' : '' }}{{ number_format((float) $line->variance, 2) }}
                    </span>
                </div>

                <div class="mt-3 rounded-xl bg-slate-50/70 px-3.5 py-3">
                    @include('livewire.treasury.partials.cash-up-thread', ['line' => $line])
                </div>

                @if ($isOpen && $answering)
                    {{-- The day, re-opened. Same card as the original count, so
                         every fix she had then she still has now. --}}
                    <div class="mt-4">
                        @include('livewire.treasury.partials.cash-up-bucket', [
                            'bucket' => $answering['bucket'],
                            'title' => $answering['account']->name,
                            'icon' => $answering['bucket'] === 'mobile' ? 'credit-card' : 'banknotes',
                            'accent' => $answering['bucket'] === 'mobile' ? 'sky' : 'emerald',
                            'account' => $answering['account'],
                            'accounts' => collect([$answering['account']]),
                            'data' => $answering['data'],
                            'accountModel' => $answering['bucket'] === 'mobile' ? 'mobileAccountId' : 'cashAccountId',
                            'declaredModel' => $answering['bucket'] === 'mobile' ? 'declaredMobile' : 'declaredCash',
                            'takingsModel' => $answering['bucket'] === 'mobile' ? 'takingsMobile' : 'takingsCash',
                            'reasonModel' => 'answerReason',
                            'openingOkModel' => $answering['bucket'] === 'mobile' ? 'openingOkMobile' : 'openingOkCash',
                            'openingActualModel' => $answering['bucket'] === 'mobile' ? 'openingActualMobile' : 'openingActualCash',
                            'sweepToModel' => $answering['bucket'] === 'mobile' ? 'sweepMobileTo' : 'sweepCashTo',
                            'sweepAmountModel' => $answering['bucket'] === 'mobile' ? 'sweepMobileAmount' : 'sweepCashAmount',
                            'sweepTargets' => $sweepTargets,
                            'valueLabel' => $answering['account']->name,
                            'correcting' => true,
                            'keySuffix' => '-answer-'.$line->id,
                        ])
                    </div>

                    <p class="mt-3 text-xs text-slate-500">
                        {{ __('Anything you record here is dated to that day, so the expected figures above update as you go.') }}
                    </p>

                    <div class="mt-3 space-y-2">
                        <div>
                            <label class="block text-[11px] font-medium uppercase tracking-wider text-slate-400">
                                {{ __('Reply to the question') }}
                                <span class="normal-case tracking-normal text-slate-300">({{ __('optional') }})</span>
                            </label>
                            <input type="text" wire:model="answerNote"
                                class="mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
                                placeholder="{{ __('What you changed, or anything else they should know') }}" />
                        </div>
                        @error('answerReason') <p class="text-xs text-rose-600">{{ $message }}</p> @enderror

                        <div class="flex flex-wrap items-center gap-2 pt-1">
                            <button type="button" wire:click="answerQuery({{ $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="paper-airplane" class="h-4 w-4" /> {{ __('Send back for approval') }}
                            </button>
                            <button type="button" wire:click="cancelAnswer"
                                class="rounded-xl px-3 py-2 text-sm font-medium text-slate-400 transition hover:text-slate-600">{{ __('Cancel') }}</button>
                        </div>
                    </div>
                @else
                    <div class="mt-3 flex flex-wrap items-center justify-end gap-2">
                        <button type="button" wire:click="startAnswer({{ $line->id }})"
                            class="inline-flex items-center gap-1.5 rounded-xl border border-sky-200 bg-white px-3 py-1.5 text-sm font-semibold text-sky-700 shadow-sm transition hover:bg-sky-50">
                            <x-icon name="pencil-square" class="h-4 w-4" /> {{ __('Correct it') }}
                        </button>
                    </div>
                @endif
            </div>
        @endforeach
    </div>
</div>