@extends('layouts.app')

@section('title', 'Inventory')

@section('content')
<x-breadcrumb :items="[['label' => 'Inventory']]" />

<x-page-header title="Inventory" subtitle="On-hand stock by item. Open Stock Batches for FEFO batch details.">
    <x-slot name="actions">
        <a href="{{ route('stock-batches.index') }}" class="procure-btn">
            <i class="fas fa-layer-group"></i> Stock Batches
        </a>
    </x-slot>
</x-page-header>

<div class="row mb-3">
    <div class="col-md-3 mb-2">
        <x-kpi-card label="Active Items" :value="number_format($summary['items_tracked'])" icon="fas fa-cube" color="blue" />
    </div>
    <div class="col-md-3 mb-2">
        <x-kpi-card label="Active Batches" :value="number_format($summary['active_batches'])" icon="fas fa-layer-group" color="purple" />
    </div>
    <div class="col-md-3 mb-2">
        <x-kpi-card label="Total On Hand" :value="number_format($summary['total_on_hand'], 2)" icon="fas fa-boxes" color="green" />
    </div>
    <div class="col-md-3 mb-2">
        <x-kpi-card label="Near Expiry (30d)" :value="number_format($summary['near_expiry'])" icon="fas fa-exclamation-triangle" color="orange" />
    </div>
</div>

<div class="procure-filters">
    <form method="GET" action="{{ route('inventory.index') }}" class="row align-items-end">
        <div class="col-md-6 mb-2">
            <label class="small text-muted">Search</label>
            <div class="procure-search" style="width:100%;">
                <i class="fas fa-search"></i>
                <input type="text" name="search" value="{{ request('search') }}" placeholder="Item code or name..." style="width:100%;">
            </div>
        </div>
        <div class="col-md-3 mb-2">
            <div class="custom-control custom-checkbox mt-4">
                <input type="checkbox" class="custom-control-input" id="low_stock" name="low_stock" value="1" @checked(request('low_stock'))>
                <label class="custom-control-label" for="low_stock">Low stock only</label>
            </div>
        </div>
        <div class="col-md-3 mb-2">
            <button type="submit" class="procure-btn w-100"><i class="fas fa-filter"></i> Filter</button>
        </div>
    </form>
</div>

<div class="chart-card">
    <div class="chart-card-body" style="overflow-x:auto;">
        @if($inventory->isEmpty())
            <x-empty-state icon="fas fa-boxes" title="No inventory records" message="Stock appears after goods receipt into stock batches." />
        @else
            <table class="procure-table">
                <thead>
                    <tr>
                        <th>Item Code</th>
                        <th>Item</th>
                        <th>UOM</th>
                        <th>On Hand</th>
                        <th>Min Stock</th>
                        <th>Active Batches</th>
                        <th>Nearest Expiry</th>
                        <th class="text-right">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($inventory as $item)
                        @php
                            $onHand = (float) ($item->on_hand_qty ?? 0);
                            $min = (float) ($item->minimum_stock_qty ?? 0);
                            $isLow = $min > 0 && $onHand <= $min;
                        @endphp
                        <tr>
                            <td><strong>{{ $item->item_code }}</strong></td>
                            <td>{{ $item->name_en }}</td>
                            <td>{{ $item->unit_of_measure }}</td>
                            <td>
                                {{ number_format($onHand, 2) }}
                                @if($isLow)
                                    <span class="expiry-badge red ml-1">Low</span>
                                @endif
                            </td>
                            <td>{{ $item->minimum_stock_qty !== null ? number_format((float) $item->minimum_stock_qty, 2) : '—' }}</td>
                            <td>{{ (int) ($item->active_batches ?? 0) }}</td>
                            <td>{{ $item->nearest_expiry ? \Illuminate\Support\Carbon::parse($item->nearest_expiry)->format('Y-m-d') : '—' }}</td>
                            <td class="text-right">
                                <a href="{{ route('stock-batches.index', ['item_id' => $item->id]) }}" class="procure-btn">
                                    Batches
                                </a>
                                <a href="{{ route('items.show', $item) }}" class="procure-btn">
                                    Item
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div class="mt-3">{{ $inventory->links() }}</div>
        @endif
    </div>
</div>
@endsection