@php
    /** @var \App\Domain\Inventory\Models\StockOpname $opname */
    $isDraft = $opname->status->value === 'draft';
    $uncounted = $items->whereNull('counted_quantity')->count();
@endphp

<x-app-layout>
    <x-slot name="header">
        <div class="flex items-center justify-between">
            <div>
                <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
                    {{ __('Stock Opname') }} - {{ $opname->opname_number }}
                </h2>
                <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">
                    {{ $opname->warehouse->name }} · {{ __('Started') }} {{ $opname->started_at->format('Y-m-d H:i') }}
                    @if ($opname->creator)
                        {{ __('by') }} {{ $opname->creator->name }}
                    @endif
                </p>
            </div>
            <a href="{{ route('inventory.opnames.index') }}" class="text-sm text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 underline">
                {{ __('Back to sessions') }}
            </a>
        </div>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
            @if (session('status'))
                <div class="rounded-md bg-emerald-50 dark:bg-emerald-900/40 px-4 py-3 text-sm text-emerald-800 dark:text-emerald-200">
                    {{ session('status') }}
                </div>
            @endif

            @if (session('error'))
                <div class="rounded-md bg-red-50 dark:bg-red-900/40 px-4 py-3 text-sm text-red-800 dark:text-red-200">
                    {{ session('error') }}
                </div>
            @endif

            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-4 border-b border-gray-100 dark:border-gray-700 flex items-center justify-between">
                    <div class="text-sm text-gray-600 dark:text-gray-400">
                        @if ($isDraft)
                            {{ __(':count product(s) still need a counted quantity.', ['count' => $uncounted]) }}
                        @else
                            {{ __('Completed :date by :name.', ['date' => $opname->completed_at?->format('Y-m-d H:i'), 'name' => $opname->completer?->name ?? __('—')]) }}
                        @endif
                    </div>

                    @can(\App\Domain\Inventory\Support\InventoryPermissions::OPNAME_COMPLETE)
                        @if ($isDraft)
                            <form method="POST" action="{{ route('inventory.opnames.complete', $opname) }}" onsubmit="return confirm('{{ __('Complete this stock opname? Every counted variance will be posted to stock and this session will be locked.') }}');">
                                @csrf
                                <x-primary-button type="submit" @disabled($uncounted > 0)>{{ __('Complete Opname') }}</x-primary-button>
                            </form>
                        @endif
                    @endcan
                </div>

                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                        <thead class="bg-gray-50 dark:bg-gray-900/40">
                            <tr>
                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Product') }}</th>
                                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('SKU') }}</th>
                                <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('System Qty') }}</th>
                                <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Counted Qty') }}</th>
                                <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Variance') }}</th>
                                @if ($isDraft)
                                    <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Actions') }}</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                            @forelse ($items as $item)
                                <tr>
                                    <td class="px-4 py-3 text-sm text-gray-900 dark:text-gray-100">{{ $item->product->name }}</td>
                                    <td class="px-4 py-3 text-sm text-gray-500 dark:text-gray-400 font-mono">{{ $item->product->sku }}</td>
                                    <td class="px-4 py-3 text-sm text-right text-gray-500 dark:text-gray-400 tabular-nums">{{ number_format($item->system_quantity) }}</td>
                                    <td class="px-4 py-3 text-sm text-right text-gray-900 dark:text-gray-100 tabular-nums">
                                        {{ $item->isCounted() ? number_format($item->counted_quantity) : __('—') }}
                                    </td>
                                    <td class="px-4 py-3 text-sm text-right tabular-nums">
                                        @if ($item->variance === null)
                                            <span class="text-gray-400 dark:text-gray-500">{{ __('—') }}</span>
                                        @elseif ($item->variance === 0)
                                            <span class="text-gray-500 dark:text-gray-400">0</span>
                                        @elseif ($item->variance > 0)
                                            <span class="text-emerald-600 dark:text-emerald-400">+{{ number_format($item->variance) }}</span>
                                        @else
                                            <span class="text-red-600 dark:text-red-400">{{ number_format($item->variance) }}</span>
                                        @endif
                                    </td>
                                    @if ($isDraft)
                                        <td class="px-4 py-3 text-sm text-right">
                                            <form method="POST" action="{{ route('inventory.opnames.items.record', [$opname, $item]) }}" class="flex items-center justify-end gap-2">
                                                @csrf
                                                @method('PATCH')
                                                <input type="number" name="counted_quantity" min="0" step="1" value="{{ $item->counted_quantity }}" class="w-24 rounded-md border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 shadow-sm text-sm focus:border-indigo-500 focus:ring-indigo-500" required>
                                                <button type="submit" class="text-indigo-600 dark:text-indigo-400 hover:underline text-sm">{{ __('Save') }}</button>
                                            </form>
                                        </td>
                                    @endif
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="px-4 py-6 text-center text-sm text-gray-500 dark:text-gray-400">
                                        {{ __('No active products to count.') }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>