@extends('layouts.app')
@section('title', 'Inventory Reports')

@section('content')
<div class="space-y-6">
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
        <div>
            <h1 class="text-xl font-bold">Inventory Reports</h1>
            <p class="text-sm text-ink-muted">Valuation, low stock, wastage and variance in one place.</p>
        </div>
        <x-export-menu route="reports.inventory.export" />
    </div>

    <div class="grid grid-cols-2 lg:grid-cols-4 gap-4">
        @can('data.costs')
        <x-stat-card label="Stock valuation" value="{{ number_format($valuation, 0) }}" icon="banknote" tone="primary" />
        @endcan
        <x-stat-card label="Low stock items" value="{{ $lowStock->count() }}" icon="triangle-alert" tone="danger" />
        <x-stat-card label="Wastage events (month)" value="{{ $wastage->count() }}" icon="trash-2" tone="accent" />
        <x-stat-card label="Items with variance" value="{{ $variance->count() }}" icon="git-compare" tone="info" />
    </div>

    <div class="grid lg:grid-cols-2 gap-6">
        <div class="card card-pad">
            <p class="text-sm font-semibold mb-3">Low stock</p>
            <div class="space-y-2">
                @forelse ($lowStock as $stock)
                    <div class="flex items-center justify-between p-2.5 rounded-lg border border-border">
                        <span class="text-sm font-medium">{{ $stock->product->name }}</span>
                        <span class="text-sm text-danger font-semibold">{{ number_format($stock->quantity_on_hand, 1) }} left</span>
                    </div>
                @empty
                    <p class="text-sm text-ink-muted">Nothing below reorder level.</p>
                @endforelse
            </div>
        </div>
        <div class="card card-pad">
            <p class="text-sm font-semibold mb-3">Stock variance</p>
            <div class="space-y-2">
                @forelse ($variance as $stock)
                    <div class="flex items-center justify-between p-2.5 rounded-lg border border-border">
                        <span class="text-sm font-medium">{{ $stock->product->name }}</span>
                        <span class="text-sm font-semibold {{ $stock->variance() < 0 ? 'text-danger' : 'text-success' }}">{{ number_format($stock->variance(), 2) }}</span>
                    </div>
                @empty
                    <p class="text-sm text-ink-muted">No variance detected.</p>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection