@php
    /**
     * Profit by product across the whole invoice.
     *
     * A three-product sale reports one blended margin, and that average is where
     * a loss-maker hides. This breaks the sale back down: revenue is each
     * product's own share of the invoice, cost is what was tagged to it plus its
     * share of the job's shared spend, and the winner and the loser are named.
     */
    $rows = $productProfit['rows'];
    $totals = $productProfit['totals'];
    $unlinkedJobs = $productProfit['unlinked_jobs'];

    $priced = collect($rows)->filter(fn ($r) => $r['revenue'] > 0 && $r['job'] !== null);
    $best = $priced->sortByDesc('margin')->first();
    $worst = $priced->sortBy('margin')->first();
    $spread = $priced->count() > 1 && $best && $worst
        ? round($best['margin'] - $worst['margin'], 1)
        : null;

    // One invoice is one job, so naming the producing job is normally noise. The
    // column appears only when something needs explaining: a product no job is
    // making, or older data where the sale really was spread over several jobs.
    $showJobColumn = collect($rows)->contains(fn (array $r): bool => $r['job'] === null)
        || collect($rows)->pluck('job.id')->filter()->unique()->count() > 1;

    $toneFor = fn (array $r) => $r['revenue'] <= 0
        ? 'slate'
        : ($r['margin'] >= 30 ? 'emerald' : ($r['margin'] >= 10 ? 'amber' : 'rose'));

    $toneText = ['emerald' => 'text-emerald-600', 'amber' => 'text-amber-600', 'rose' => 'text-rose-600', 'slate' => 'text-slate-400'];
    $toneBar = ['emerald' => 'bg-emerald-500', 'amber' => 'bg-amber-500', 'rose' => 'bg-rose-500', 'slate' => 'bg-slate-300'];
    $tonePill = ['emerald' => 'bg-emerald-50 text-emerald-700 ring-emerald-200', 'amber' => 'bg-amber-50 text-amber-700 ring-amber-200', 'rose' => 'bg-rose-50 text-rose-700 ring-rose-200', 'slate' => 'bg-slate-100 text-slate-500 ring-slate-200'];
@endphp

<x-card class="overflow-hidden">
    <div class="flex flex-wrap items-start justify-between gap-3 border-b border-slate-100 p-5">
        <div>
            <h2 class="flex items-center gap-2 text-base font-semibold text-slate-900">
                <span class="flex h-7 w-7 items-center justify-center rounded-lg bg-violet-50 text-violet-600"><i class="fa-solid fa-chart-pie text-xs"></i></span>
                {{ __('Profit by product') }}
            </h2>
            <p class="mt-1 text-xs text-slate-500">
                {{ __('Every product on :invoice, whichever job is producing it.', ['invoice' => $job->invoice?->invoice_number ?: __('this invoice')]) }}
            </p>
        </div>

        @if ($canUpdate && $job->lineItems->count() > 1)
            <button type="button" @click="tab = 'products'"
                    class="inline-flex items-center gap-1.5 rounded-xl border border-slate-200 bg-white px-3 py-2 text-xs font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50">
                <i class="fa-solid fa-cubes"></i>{{ __('Manage products separately') }}
            </button>
        @endif
    </div>

    {{-- Headline: how far apart the products actually are --}}
    @if ($spread !== null && $spread >= 5)
        <div class="flex flex-wrap items-center gap-x-6 gap-y-2 border-b border-slate-100 bg-slate-50/60 px-5 py-3 text-xs">
            <span class="inline-flex items-center gap-1.5 text-slate-500">
                <i class="fa-solid fa-arrow-trend-up text-emerald-500"></i>
                {{ __('Best') }}
                <span class="font-semibold text-slate-800">{{ $best['name'] }}</span>
                <span class="font-semibold text-emerald-600 tabular-nums">{{ number_format($best['margin'], 1) }}%</span>
            </span>
            <span class="inline-flex items-center gap-1.5 text-slate-500">
                <i class="fa-solid fa-arrow-trend-down text-rose-500"></i>
                {{ __('Weakest') }}
                <span class="font-semibold text-slate-800">{{ $worst['name'] }}</span>
                <span class="font-semibold {{ $worst['margin'] < 0 ? 'text-rose-600' : 'text-amber-600' }} tabular-nums">{{ number_format($worst['margin'], 1) }}%</span>
            </span>
            <span class="text-slate-400">{{ __(':n points apart on the same sale', ['n' => number_format($spread, 1)]) }}</span>
        </div>
    @endif

    <div class="overflow-x-auto">
        <table class="min-w-full divide-y divide-slate-100 text-sm">
            <thead class="bg-slate-50">
                <tr class="text-left text-xs font-semibold uppercase tracking-wider text-slate-400">
                    <th class="py-2.5 pl-4 pr-3 lg:pl-5">{{ __('Product') }}</th>
                    @if ($showJobColumn)
                        <th class="px-3 py-2.5">{{ __('Produced by') }}</th>
                    @endif
                    <th class="px-3 py-2.5 text-right whitespace-nowrap">{{ __('Revenue') }}</th>
                    <th class="px-3 py-2.5 text-right whitespace-nowrap">{{ __('Cost') }}</th>
                    <th class="px-3 py-2.5 text-right whitespace-nowrap">{{ __('Gross Profit') }}</th>
                    <th class="py-2.5 pl-3 pr-4 lg:pr-5">{{ __('Margin') }}</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100 bg-white">
                @foreach ($rows as $row)
                    @php
                        $tone = $toneFor($row);
                        $isMine = $row['job'] && $row['job']->id === $job->id;
                        $bar = max(0, min(100, (float) $row['margin']));
                    @endphp
                    <tr wire:key="pp-{{ $row['line_id'] }}" class="{{ $isMine ? '' : 'bg-slate-50/40' }} transition hover:bg-slate-50">
                        <td class="py-3 pl-4 pr-3 lg:pl-5">
                            <p class="font-medium text-slate-900">{{ $row['name'] }}</p>
                            <p class="mt-0.5 text-xs text-slate-400">
                                {{ rtrim(rtrim(number_format($row['qty'], 2), '0'), '.') }} {{ __('units') }}
                                @if ($row['shared_cost'] > 0)
                                    · <span title="{{ __('Includes :amt of costs logged against the whole job, shared out by revenue.', ['amt' => $baseCurrency.' '.number_format($row['shared_cost'], 2)]) }}">{{ __('incl. shared costs') }}</span>
                                @endif
                            </p>
                        </td>
                        @if ($showJobColumn)
                            <td class="px-3 py-3">
                                @if ($isMine)
                                    <span class="inline-flex items-center gap-1 rounded-full bg-indigo-50 px-2 py-0.5 text-[11px] font-semibold text-indigo-700">{{ __('This job') }}</span>
                                @elseif ($row['job'])
                                    <a href="{{ route('jobs.show', $row['job']) }}" wire:navigate class="inline-flex items-center gap-1 text-xs font-medium text-indigo-600 hover:text-indigo-700">
                                        {{ $row['job']->job_number }}<i class="fa-solid fa-arrow-up-right-from-square text-[9px] opacity-60"></i>
                                    </a>
                                @else
                                    <span class="inline-flex items-center gap-1 rounded-full bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700 ring-1 ring-amber-200">
                                        <i class="fa-solid fa-circle-exclamation text-[10px]"></i>{{ __('Not on this job') }}
                                    </span>
                                @endif
                            </td>
                        @endif
                        <td class="px-3 py-3 text-right tabular-nums text-slate-700 whitespace-nowrap">{{ number_format($row['revenue'], 2) }}</td>
                        <td class="px-3 py-3 text-right tabular-nums whitespace-nowrap {{ $row['has_cost_data'] ? 'text-slate-700' : 'text-amber-600' }}">
                            {{ $row['has_cost_data'] ? number_format($row['cost'], 2) : __('none logged') }}
                        </td>
                        <td class="px-3 py-3 text-right font-semibold tabular-nums whitespace-nowrap {{ $toneText[$tone] }}">{{ number_format($row['profit'], 2) }}</td>
                        <td class="py-3 pl-3 pr-4 lg:pr-5">
                            <div class="flex items-center gap-2">
                                <div class="h-1.5 w-16 shrink-0 overflow-hidden rounded-full bg-slate-100">
                                    <div class="h-full rounded-full {{ $toneBar[$tone] }}" style="width: {{ $bar }}%"></div>
                                </div>
                                <span class="whitespace-nowrap rounded-full px-2 py-0.5 text-[11px] font-semibold ring-1 {{ $tonePill[$tone] }} tabular-nums">
                                    {{ $row['revenue'] > 0 ? number_format($row['margin'], 1).'%' : '—' }}
                                </span>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot class="border-t-2 border-slate-200 bg-slate-50">
                <tr class="text-xs font-semibold uppercase tracking-wide text-slate-500">
                    <td class="py-3 pl-4 pr-3 lg:pl-5" colspan="{{ $showJobColumn ? 2 : 1 }}">{{ __('Whole sale') }} <span class="font-normal normal-case text-slate-400">({{ $baseCurrency }})</span></td>
                    <td class="px-3 py-3 text-right text-sm tabular-nums text-slate-900">{{ number_format($totals['revenue'], 2) }}</td>
                    <td class="px-3 py-3 text-right text-sm tabular-nums text-slate-900">{{ number_format($totals['cost'], 2) }}</td>
                    <td class="px-3 py-3 text-right text-sm font-bold tabular-nums {{ $totals['profit'] >= 0 ? 'text-slate-900' : 'text-rose-600' }}">{{ number_format($totals['profit'], 2) }}</td>
                    <td class="py-3 pl-3 pr-4 text-sm tabular-nums text-slate-600 lg:pr-5">{{ number_format($totals['margin'], 1) }}%</td>
                </tr>
            </tfoot>
        </table>
    </div>

    @if ($unlinkedJobs->isNotEmpty())
        <p class="border-t border-slate-100 bg-amber-50/60 px-5 py-3 text-xs text-amber-700">
            <i class="fa-solid fa-triangle-exclamation"></i>
            {{ trans_choice(
                '{1} :jobs is on this invoice but is not linked to any product, so its costs sit outside the split above. Edit it and tick the products it produces.|[2,*] :jobs are on this invoice but are not linked to any product, so their costs sit outside the split above.',
                $unlinkedJobs->count(),
                ['jobs' => $unlinkedJobs->pluck('job_number')->implode(', ')]
            ) }}
        </p>
    @endif

    <p class="border-t border-slate-100 px-5 py-3 text-xs text-slate-400">
        {{ __('Tag a cost to a product when you record it and it lands here exactly. Untagged costs and logged time are shared across the job’s products by revenue.') }}
    </p>
</x-card>