{{-- Inventory mockup --}}
<div class="p-5 font-mono text-xs">
    <div class="flex items-center justify-between mb-4">
        <div class="text-graphite-400">Inventory — Current Stock</div>
        <div class="bg-graphite-800 text-graphite-400 px-2 py-0.5 rounded text-2xs">MG Road Outlet</div>
    </div>

    {{-- Stock alerts --}}
    <div class="bg-red-900/20 border border-red-700/40 rounded-lg p-3 mb-3">
        <div class="text-red-400 text-2xs font-bold mb-2">⚠ Low Stock Alerts</div>
        @foreach(['Chicken Breast' => '1.2 kg', 'Cooking Oil' => '0.8 L', 'Paneer' => '500 g'] as $item => $qty)
        <div class="flex justify-between text-2xs py-0.5">
            <span class="text-graphite-300">{{ $item }}</span>
            <span class="text-red-400">{{ $qty }} remaining</span>
        </div>
        @endforeach
    </div>

    {{-- Stock table --}}
    <div class="bg-graphite-800/40 rounded-lg overflow-hidden">
        <div class="flex text-2xs text-graphite-500 px-3 py-2 border-b border-graphite-700">
            <span class="flex-1">Item</span>
            <span class="w-20 text-right">Stock</span>
            <span class="w-16 text-right">Unit</span>
            <span class="w-20 text-right">Value</span>
        </div>
        @foreach([
            ['Tomatoes',     '12.4',  'kg',  '₹620'],
            ['Basmati Rice', '45.0',  'kg',  '₹2,700'],
            ['Milk',         '20.0',  'L',   '₹900'],
            ['Butter',       '5.0',   'kg',  '₹1,250'],
        ] as [$item, $stock, $unit, $val])
        <div class="flex text-2xs px-3 py-2 border-b border-graphite-700/50">
            <span class="flex-1 text-graphite-300">{{ $item }}</span>
            <span class="w-20 text-right text-graphite-200">{{ $stock }}</span>
            <span class="w-16 text-right text-graphite-500">{{ $unit }}</span>
            <span class="w-20 text-right text-emerald-400">{{ $val }}</span>
        </div>
        @endforeach
    </div>
</div>