@extends('layouts.app')
@section('title', __('Global stock'))

@section('content')
    {{-- Summary cards --}}
    <div class="mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4">
        <div class="card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">{{ __('Total quantity') }}</p>
            <p class="mt-2 text-2xl font-bold text-slate-800 dark:text-slate-100">{{ number_format($totalQuantity) }}</p>
            <p class="mt-1 text-xs text-slate-400">{{ __('units in all stores') }}</p>
        </div>
        <div class="card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">{{ __('Stock value') }}</p>
            <p class="mt-2 text-2xl font-bold text-brand-700">{{ money($totalValue) }}</p>
            <p class="mt-1 text-xs text-slate-400">{{ __('at purchase cost') }}</p>
        </div>
        <div class="card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">{{ __('Low stock') }}</p>
            <p class="mt-2 text-2xl font-bold text-amber-600">{{ $lowStock }}</p>
            <a href="{{ route('products.low-stock') }}" class="mt-1 text-xs text-brand-600 hover:underline">{{ __('Review items') }}</a>
        </div>
        <div class="card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">{{ __('Expiring soon') }}</p>
            <p class="mt-2 text-2xl font-bold text-red-600">{{ $expiringSoon }}</p>
            <a href="{{ route('products.expiring-soon') }}" class="mt-1 text-xs text-brand-600 hover:underline">{{ __('View batches') }}</a>
        </div>
    </div>

    {{-- Per-store breakdown --}}
    <h2 class="mb-3 font-semibold text-slate-800 dark:text-slate-100">{{ __('Stock by store') }}</h2>
    <div class="mb-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
        @forelse ($stores as $store)
            <div class="card">
                <div class="flex items-center justify-between">
                    <div>
                        <p class="font-semibold text-slate-800 dark:text-slate-100">{{ $store['name'] }}</p>
                        <span class="badge {{ $store['type'] === 'warehouse' ? 'bg-sky-100 text-sky-700' : 'bg-brand-100 text-brand-700' }}">
                            {{ $store['type'] === 'warehouse' ? __('Warehouse') : __('POS') }}
                        </span>
                    </div>
                    <div class="text-right">
                        <p class="text-xl font-bold text-slate-800 dark:text-slate-100">{{ number_format($store['quantity']) }}</p>
                        <p class="text-xs text-slate-400">{{ __('units') }}</p>
                    </div>
                </div>
                <div class="mt-3 flex items-center justify-between border-t border-slate-100 pt-3 text-sm dark:border-slate-700">
                    <span class="text-slate-400">{{ $store['products'] }} {{ __('products') }}</span>
                    <span class="font-semibold text-brand-700">{{ money($store['value']) }}</span>
                </div>
            </div>
        @empty
            <div class="card text-center text-slate-400">{{ __('No stores configured.') }}</div>
        @endforelse
    </div>

    {{-- Per-product global table --}}
    <div class="mb-3 flex flex-wrap items-end justify-between gap-3">
        <h2 class="font-semibold text-slate-800 dark:text-slate-100">{{ __('Stock by product') }}</h2>
        <form method="GET" class="flex items-center gap-2">
            <input type="text" name="q" value="{{ $term }}" class="input max-w-xs" placeholder="{{ __('Search name or barcode') }}">
            <button class="btn-secondary"><x-icon name="search" class="h-4 w-4"/>{{ __('Search') }}</button>
        </form>
    </div>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50"><tr>
                <th class="th">{{ __('Product') }}</th>
                <th class="th">{{ __('Category') }}</th>
                @foreach ($stores as $store)
                    <th class="th text-right" title="{{ $store['name'] }}">{{ $store['name'] }}</th>
                @endforeach
                <th class="th text-right">{{ __('Total stock') }}</th>
                <th class="th text-right">{{ __('Minimum') }}</th>
                <th class="th">{{ __('Status') }}</th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($products as $product)
                    @php
                        $perStore = $stockByProduct[$product->id] ?? collect();
                    @endphp
                    <tr class="hover:bg-slate-50">
                        <td class="td font-medium">{{ $product->name }}
                            @if ($product->barcode)<span class="block font-mono text-xs text-slate-400">{{ $product->barcode }}</span>@endif
                        </td>
                        <td class="td">{{ $product->category?->name ?? '—' }}</td>
                        @foreach ($stores as $store)
                            @php
                                $row = $perStore->firstWhere('store_id', $store['id']);
                                $quantity = (int) ($row->total ?? 0);
                            @endphp
                            <td class="td text-right {{ $quantity > 0 ? 'font-medium' : 'text-slate-300' }}">{{ number_format($quantity) }}</td>
                        @endforeach
                        <td class="td text-right font-semibold">{{ (int) $product->total_quantity }}</td>
                        <td class="td text-right">{{ $product->min_stock }}</td>
                        <td class="td">
                            @if ((int) $product->total_quantity <= $product->min_stock)
                                <span class="badge bg-red-100 text-red-700">{{ __('Low') }}</span>
                            @else
                                <span class="badge bg-brand-100 text-brand-700">{{ __('OK') }}</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="{{ 5 + $stores->count() }}" class="td py-10 text-center text-slate-400">{{ __('No products found.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <p class="mt-2 text-xs text-slate-400">
        {{ __('The total is the sum of every store: a transfer between two stores does not change it, only the per-store columns.') }}
    </p>
    <div class="mt-4">{{ $products->links() }}</div>
@endsection