@extends('layouts.app')

@section('content')

<x-page-hero
    label="Feature — Inventory & Purchasing"
    title="Know what is in stock before it becomes a problem."
    subtitle="Real-time stock tracking, purchase orders, GRN processing, supplier management, recipe costing, and wastage control — all connected to your billing workflow."
    cta1="Book a Demo"
    cta2="View All Features"
    :cta2url="route('features.index')"
/>

<section class="section bg-surface">
    <div class="container-site">
        <div class="grid lg:grid-cols-2 gap-16 items-start">
            <div class="lg:sticky lg:top-24">
                @include('components.screen-mockup', ['label' => 'Inventory — Live Stock', 'type' => 'inventory'])

                <div class="card mt-6 p-6 bg-amber-50 border-amber-100">
                    <h4 class="font-bold text-amber-800 mb-4 text-sm">Why this matters operationally</h4>
                    <div class="space-y-2 text-sm text-amber-700">
                        @foreach([
                            'Stock deducted automatically on every sale — no manual count',
                            'Wastage tracking closes the gap between theoretical and actual consumption',
                            'PO-to-GRN matching catches supplier discrepancies before payment',
                            'Recipe costing shows your true gross margin per dish',
                        ] as $point)
                        <div class="flex items-start gap-2">
                            <span class="text-amber-500 font-bold mt-0.5">→</span>
                            {{ $point }}
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>

            <div>
                <p class="section-label">Inventory capabilities</p>
                <h2 class="heading-md max-w-lg text-balance mb-8">
                    From supplier invoice to sold dish — every stock movement tracked.
                </h2>
                <x-feature-grid cols="2" :features="[
                    ['icon' => 'package',    'title' => 'Real-Time Stock Levels',    'description' => 'See current stock for every item across every outlet. Updated on every sale, GRN, and transfer.'],
                    ['icon' => 'document',   'title' => 'Purchase Orders',           'description' => 'Create POs to suppliers. Track status — raised, acknowledged, partially received, or closed.'],
                    ['icon' => 'archive',    'title' => 'GRN Processing',            'description' => 'Receive goods against a PO. Flag discrepancies. Auto-update stock on confirmation.'],
                    ['icon' => 'users',      'title' => 'Supplier Management',       'description' => 'Maintain supplier catalogue with product mapping, pricing, and purchase history.'],
                    ['icon' => 'chef-hat',   'title' => 'Recipe & Costing',          'description' => 'Link ingredients to menu items. Auto-deduct on sale. See theoretical vs. actual consumption.'],
                    ['icon' => 'trending-up','title' => 'Wastage Tracking',          'description' => 'Log wastage by item and reason. Set wastage limits. Get alerts when thresholds are exceeded.'],
                    ['icon' => 'lightning',  'title' => 'Reorder Alerts',            'description' => 'Set reorder points per item. Get notified before you run out — not after.'],
                    ['icon' => 'globe',      'title' => 'Stock Transfer',            'description' => 'Transfer stock between outlets or from central kitchen. Tracked and auditable.'],
                    ['icon' => 'chart-bar',  'title' => 'Consumption Reports',       'description' => 'Daily, weekly, or monthly consumption by item, category, or outlet. Exportable.'],
                    ['icon' => 'scan',       'title' => 'Stock Audit',               'description' => 'Run physical counts and reconcile against system stock. Variance report generated automatically.'],
                ]" />
            </div>
        </div>
    </div>
</section>

<x-cta-band title="Want to see how inventory connects to billing?" sub="We will show you the full flow — from supplier PO to stock auto-deduction on sale — in a live demo." />

@endsection