@php
    // Variance flag presentation (literal classes so Tailwind scans them).
    $flagMeta = [
        'size_changed'  => ['label' => __('Size changed'),   'color' => 'bg-amber-50 text-amber-700 ring-amber-200',   'icon' => 'adjustments-horizontal'],
        'qty_changed'   => ['label' => __('Qty changed'),    'color' => 'bg-sky-50 text-sky-700 ring-sky-200',         'icon' => 'queue-list'],
        'over_consumed' => ['label' => __('Over-consumed'),  'color' => 'bg-rose-50 text-rose-700 ring-rose-200',      'icon' => 'exclamation-triangle'],
    ];

    $statusChip = [
        'draft'     => 'bg-slate-100 text-slate-600',
        'confirmed' => 'bg-emerald-50 text-emerald-700',
        'reversed'  => 'bg-rose-50 text-rose-700',
    ];

    // Trim trailing zeros for tidy numbers.
    $n = fn ($v, int $dp = 2): string => rtrim(rtrim(number_format((float) $v, $dp), '0'), '.');
@endphp

<x-card class="p-6">
    <!-- Header -->
    <div class="flex items-start gap-3">
        <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-indigo-500 to-violet-600 text-white shadow-sm">
            <x-icon name="cube" class="h-5 w-5" />
        </span>
        <div>
            <h2 class="text-lg font-semibold text-slate-900">{{ __('Production History') }}</h2>
            <p class="mt-0.5 text-sm text-slate-500">{{ __('Every confirmed production run, actual sizes, consumption, offcut and variances. Reverse a run to return its stock.') }}</p>
        </div>
    </div>

    {{-- ============ EMPTY STATE ============ --}}
    @if ($history->isEmpty())
        <div class="mt-6 rounded-2xl border border-dashed border-slate-200 bg-slate-50/50 px-6 py-10 text-center">
            <span class="mx-auto flex h-12 w-12 items-center justify-center rounded-2xl bg-white text-slate-300 ring-1 ring-slate-200">
                <x-icon name="cube" class="h-6 w-6" />
            </span>
            <p class="mt-3 text-sm font-medium text-slate-600">{{ __('No production recorded yet') }}</p>
            <p class="mt-1 text-xs text-slate-400">{{ __('Use “Record production” on the Production Costs tab to consume stock against this job and log what was actually produced.') }}</p>
        </div>
    @else
        <div class="mt-6 space-y-4">
            @foreach ($history as $production)
                @php
                    $lineTotal = $production->lines->sum(fn ($l) => (float) $l->total_cost);
                @endphp
                <div wire:key="prod-{{ $production->id }}" class="rounded-2xl border border-slate-200 bg-white p-4 shadow-sm">
                    <div class="flex flex-wrap items-center justify-between gap-2">
                        <div class="flex items-center gap-2">
                            <span class="inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium {{ $statusChip[$production->status] ?? 'bg-slate-100 text-slate-600' }}">
                                {{ $production->status_label }}
                            </span>
                            @if ($production->has_variance && $production->status === 'confirmed')
                                <span class="inline-flex items-center gap-1 rounded-full bg-amber-50 px-2.5 py-1 text-xs font-medium text-amber-700 ring-1 ring-amber-200">
                                    <x-icon name="exclamation-triangle" class="h-3.5 w-3.5" />{{ __('Variance') }}
                                </span>
                            @endif
                            <span class="text-xs text-slate-500">{{ optional($production->produced_at)->format('Y-m-d H:i') }}</span>
                            @if ($production->producer)
                                <span class="text-xs text-slate-400">{{ __('by :name', ['name' => $production->producer->name]) }}</span>
                            @endif
                        </div>
                        <div class="flex items-center gap-3">
                            @if ($canSeeCosts)
                                <span class="text-sm font-semibold text-slate-700">{{ $baseCurrency }} {{ number_format($lineTotal, 2) }}</span>
                            @endif
                            @if ($canManage && $production->status === 'confirmed')
                                <button type="button" wire:click="reverseProduction({{ $production->id }})"
                                        wire:confirm="{{ __('Reverse this production? Consumed stock will be returned to inventory.') }}"
                                        class="inline-flex items-center gap-1 rounded-lg px-2 py-1 text-xs font-medium text-rose-600 transition hover:bg-rose-50">
                                    <x-icon name="arrow-path" class="h-3.5 w-3.5" />{{ __('Reverse') }}
                                </button>
                            @endif
                        </div>
                    </div>

                    <!-- Lines -->
                    <div class="mt-3 overflow-x-auto">
                        <table class="min-w-full text-sm">
                            <thead>
                                <tr class="border-b border-slate-100 text-left text-[11px] uppercase tracking-wide text-slate-400">
                                    <th class="py-1.5 pr-3 font-medium">{{ __('Item') }}</th>
                                    <th class="py-1.5 px-3 font-medium">{{ __('Material') }}</th>
                                    <th class="py-1.5 px-3 text-right font-medium">{{ __('Actual') }}</th>
                                    <th class="py-1.5 px-3 text-right font-medium">{{ __('Consumed') }}</th>
                                    <th class="py-1.5 px-3 text-right font-medium">{{ __('Offcut') }}</th>
                                    @if ($canSeeCosts)
                                        <th class="py-1.5 px-3 text-right font-medium">{{ __('Cost') }}</th>
                                    @endif
                                    <th class="py-1.5 pl-3 font-medium">{{ __('Variance') }}</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-slate-50">
                                @foreach ($production->lines as $line)
                                    @php $flags = $line->variance_flags ?? []; @endphp
                                    <tr wire:key="hist-line-{{ $line->id }}">
                                        <td class="py-2 pr-3 font-medium text-slate-700">{{ $line->product?->name ?? __('Line') }}</td>
                                        <td class="py-2 px-3 text-slate-500">{{ $line->materialVariant?->material?->name ?? '—' }}</td>
                                        <td class="py-2 px-3 text-right tabular-nums text-slate-600">
                                            @if ($line->actual_width || $line->actual_height)
                                                {{ $n($line->actual_width, 4) }}&times;{{ $n($line->actual_height, 4) }} ·
                                            @endif
                                            {{ $n($line->actual_qty, 2) }}
                                        </td>
                                        <td class="py-2 px-3 text-right tabular-nums text-slate-600">{{ $n($line->consumed_base_qty, 3) }}</td>
                                        <td class="py-2 px-3 text-right tabular-nums {{ (float) $line->offcut_qty > 0 ? 'text-amber-600' : 'text-slate-400' }}">{{ $n($line->offcut_qty, 3) }}</td>
                                        @if ($canSeeCosts)
                                            <td class="py-2 px-3 text-right tabular-nums font-medium text-slate-700">{{ number_format((float) $line->total_cost, 2) }}</td>
                                        @endif
                                        <td class="py-2 pl-3">
                                            @if ($flags === [])
                                                <span class="text-xs text-slate-300">—</span>
                                            @else
                                                <div class="flex flex-wrap gap-1">
                                                    @foreach ($flags as $flag)
                                                        @php $fm = $flagMeta[$flag] ?? ['label' => ucfirst(str_replace('_', ' ', $flag)), 'color' => 'bg-slate-100 text-slate-600 ring-slate-200', 'icon' => 'exclamation-triangle']; @endphp
                                                        <span class="inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 {{ $fm['color'] }}">
                                                            <x-icon :name="$fm['icon']" class="h-3 w-3" />{{ $fm['label'] }}
                                                        </span>
                                                    @endforeach
                                                </div>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endforeach
        </div>
    @endif
</x-card>