@php
    $tz = config('app.display_timezone');
    $parts = \App\Services\Crm\Health\AccountHealth::PARTS;
    $statusLabel = \App\Services\Crm\Health\AccountHealth::STATUSES;
    $tone = [
        'risk' => ['chip' => 'bg-rose-50 text-rose-600', 'badge' => 'rose'],
        'watch' => ['chip' => 'bg-amber-50 text-amber-600', 'badge' => 'amber'],
        'good' => ['chip' => 'bg-emerald-50 text-emerald-600', 'badge' => 'emerald'],
        'unknown' => ['chip' => 'bg-slate-100 text-slate-400', 'badge' => 'slate'],
    ];
    $confidenceColor = ['high' => 'emerald', 'medium' => 'sky', 'low' => 'slate'];
    $statusColor = ['open' => 'slate', 'prompted' => 'amber', 'snoozed' => 'violet', 'converted' => 'emerald', 'dismissed' => 'slate', 'missed' => 'rose'];
@endphp

<div class="space-y-6">
    {{-- Account health (19.11) --}}
    <div class="space-y-4">
        <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
            <div>
                <h3 class="flex flex-wrap items-center gap-2 text-base font-semibold text-slate-900">
                    {{ __('Account health') }}
                    @if ($assessment && $assessment['label'])
                        <x-crm.signal kind="health" :value="$assessment['label']" :reasons="app(\App\Services\Crm\Health\AccountHealth::class)->signals($assessment['parts'])" />
                    @endif
                </h3>
                <p class="text-xs text-slate-400">
                    @if (! $assessment)
                        {{ __('Health is worked out for clients we trade with. This organisation has not been invoiced yet.') }}
                    @else
                        {{ $assessment['rule'] }}
                        @if ($organisation->health_checked_at)
                            &middot; {{ __('Saved by the check on :when', ['when' => $organisation->health_checked_at->timezone($tz)->format('j M Y H:i')]) }}
                        @endif
                    @endif
                </p>
            </div>
            @if ($canCheck)
                <x-secondary-button type="button" wire:click="checkNow" wire:loading.attr="disabled" wire:target="checkNow">
                    <x-icon name="arrow-path" class="me-1.5 h-4 w-4" />
                    <span wire:loading.remove wire:target="checkNow">{{ __('Check now') }}</span>
                    <span wire:loading wire:target="checkNow">{{ __('Checking…') }}</span>
                </x-secondary-button>
            @endif
        </div>

        @if ($assessment)
            <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
                @foreach ($assessment['parts'] as $key => $part)
                    <div wire:key="health-part-{{ $key }}" class="flex gap-3 rounded-2xl border border-slate-200 bg-white p-4">
                        <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl {{ $tone[$part['status']]['chip'] }}">
                            <x-icon :name="$parts[$key]['icon']" class="h-5 w-5" />
                        </span>
                        <div class="min-w-0">
                            <div class="flex flex-wrap items-center gap-2">
                                <p class="text-[10px] font-semibold uppercase tracking-wider text-slate-400">{{ __($parts[$key]['label']) }}</p>
                                <x-badge :color="$tone[$part['status']]['badge']">{{ __($statusLabel[$part['status']]) }}</x-badge>
                            </div>
                            <p class="mt-1 text-sm text-slate-700">{{ $part['reason'] }}</p>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif
    </div>

    {{-- Reorder predictions (19.4) --}}
    <div class="space-y-4">
        <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
            <div>
                <h3 class="text-base font-semibold text-slate-900">{{ __('Reorder predictions') }}</h3>
                <p class="text-xs text-slate-400">{{ __('Learnt from this client\'s invoices. The owner is prompted :weeks weeks before an expected order.', ['weeks' => $leadWeeks]) }}</p>
            </div>
            @if ($canCheck)
                <x-secondary-button type="button" wire:click="findPatterns" wire:loading.attr="disabled" wire:target="findPatterns">
                    <x-icon name="magnifying-glass" class="me-1.5 h-4 w-4" />
                    <span wire:loading.remove wire:target="findPatterns">{{ __('Read invoices again') }}</span>
                    <span wire:loading wire:target="findPatterns">{{ __('Reading…') }}</span>
                </x-secondary-button>
            @endif
        </div>

        @if ($historyDays !== null && $historyDays < 365)
            <p class="rounded-xl bg-amber-50 px-3 py-2 text-xs text-amber-800">
                {{ __('Their invoices go back :days days, less than a year, so a yearly pattern cannot be seen yet and none is guessed. Importing their past invoices helps.', ['days' => number_format($historyDays)]) }}
            </p>
        @endif

        <div class="overflow-hidden rounded-2xl border border-slate-200 bg-white">
            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-slate-100">
                    <thead>
                        <tr class="bg-slate-50/80 text-left text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                            <th class="px-3 py-3.5 lg:px-4">{{ __('What repeats, and the evidence') }}</th>
                            <th class="px-3 py-3.5 lg:px-4">{{ __('Expected') }}</th>
                            <th class="px-3 py-3.5 text-right lg:px-4">{{ __('Typical value') }}</th>
                            <th class="px-3 py-3.5 lg:px-4">{{ __('Status') }}</th>
                            <th class="px-3 py-3.5 text-right lg:px-4">{{ __('Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-100 bg-white">
                        @forelse ($predictions as $prediction)
                            <tr wire:key="org-reorder-{{ $prediction->id }}" class="align-top transition hover:bg-slate-50/70">
                                <td class="px-3 py-4 text-sm lg:px-4">
                                    <p class="font-medium text-slate-800">{{ $prediction->category_label }}</p>
                                    <p class="mb-1 flex flex-wrap items-center gap-1.5 text-xs text-slate-500">
                                        {{ $prediction->pattern === 'interval' ? __('About every :days days', ['days' => $prediction->interval_days]) : __(\App\Models\Crm\ReorderPrediction::PATTERNS[$prediction->pattern] ?? $prediction->pattern) }}
                                        <x-badge :color="$confidenceColor[$prediction->confidence] ?? 'slate'">{{ __(':level confidence', ['level' => __(\App\Models\Crm\ReorderPrediction::CONFIDENCES[$prediction->confidence] ?? $prediction->confidence)]) }}</x-badge>
                                    </p>
                                    @include('livewire.crm.reorders.partials.evidence', ['prediction' => $prediction, 'reasons' => $reasons($prediction)])
                                </td>
                                <td class="whitespace-nowrap px-3 py-4 text-sm lg:px-4">
                                    <p class="font-medium text-slate-900">{{ $prediction->expected_on->format('M Y') }}</p>
                                    <p class="text-xs text-slate-400">{{ __('around :date', ['date' => $prediction->expected_on->format('j M')]) }}</p>
                                </td>
                                <td class="whitespace-nowrap px-3 py-4 text-right text-sm font-semibold tabular-nums text-slate-900 lg:px-4">
                                    @if ($prediction->typical_value_base !== null)
                                        {{ trim($baseCode.' '.number_format((float) $prediction->typical_value_base, 2)) }}
                                    @else
                                        <span class="font-normal text-slate-400">{{ __('Not estimated') }}</span>
                                    @endif
                                </td>
                                <td class="px-3 py-4 text-sm lg:px-4">
                                    @if ($wasOrdered($prediction))
                                        <x-badge color="emerald" class="whitespace-nowrap">{{ __('Ordered') }}</x-badge>
                                        <p class="mt-1 text-xs text-slate-400">{{ \Illuminate\Support\Str::after($prediction->dismissed_reason, \App\Services\Crm\Reorders\ReorderService::ORDERED_PREFIX) }}</p>
                                    @else
                                        <x-badge :color="$statusColor[$prediction->status] ?? 'slate'" class="whitespace-nowrap">{{ __(\App\Models\Crm\ReorderPrediction::STATUSES[$prediction->status] ?? $prediction->status) }}</x-badge>
                                        @if ($prediction->status === 'snoozed' && $prediction->snoozed_until)
                                            <p class="mt-1 whitespace-nowrap text-xs text-slate-400">{{ __('until :date', ['date' => $prediction->snoozed_until->format('j M')]) }}</p>
                                        @elseif ($prediction->status === 'converted' && $prediction->opportunity)
                                            <a href="{{ route('crm.opportunities.show', $prediction->opportunity) }}" wire:navigate class="mt-1 block text-xs text-indigo-600 hover:text-indigo-800">{{ $prediction->opportunity->title }}</a>
                                        @elseif ($prediction->status === 'dismissed')
                                            <p class="mt-1 text-xs text-slate-400">{{ $prediction->dismissed_reason }}@if ($prediction->actor) &middot; {{ $prediction->actor->name }}@endif</p>
                                        @elseif ($prediction->status === 'open' && $prediction->prompt_on->gt($today))
                                            <p class="mt-1 whitespace-nowrap text-xs text-slate-400">{{ __('Prompt on :date', ['date' => $prediction->prompt_on->format('j M')]) }}</p>
                                        @endif
                                    @endif
                                </td>
                                <td class="whitespace-nowrap px-3 py-4 text-right text-sm font-medium lg:px-4">
                                    @if ($canActOn($prediction))
                                        <div class="flex flex-col items-end gap-2">
                                            @if ($canCreateOpportunity)
                                                <button type="button" wire:click="convertPrediction({{ $prediction->id }})" wire:loading.attr="disabled" wire:target="convertPrediction({{ $prediction->id }})" class="text-indigo-600 transition hover:text-indigo-800">{{ __('Open Repeat opportunity') }}</button>
                                            @endif
                                            <button type="button" wire:click="openSnooze({{ $prediction->id }})" class="text-slate-600 transition hover:text-slate-800">{{ __('Snooze') }}</button>
                                            <button type="button" wire:click="openDismiss({{ $prediction->id }})" class="text-rose-600 transition hover:text-rose-800">{{ __('Dismiss') }}</button>
                                        </div>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="px-6 py-10">
                                    <x-empty-state icon="arrow-path" :title="__('No buying pattern found')" :message="__('A prediction needs the same thing bought in about the same month in two different years, or at a steady interval. Nothing is predicted from a single purchase.')" class="border-0 bg-transparent py-0" />
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if ($predictions->hasPages())
                <div class="border-t border-slate-100 px-4 py-3 sm:px-6">
                    {{ $predictions->onEachSide(1)->links() }}
                </div>
            @endif
        </div>
    </div>

    @include('livewire.crm.reorders.partials.modals')
</div>