@extends('layouts.admin')

@section('title', 'Inventory & Stock Management - Orange Groceries Admin')
@section('header_title', 'Inventory & Stock Log')

@section('content')
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
    
    <!-- Quick Stock Adjustment Form -->
    <div class="bg-white rounded-3xl p-6 border border-slate-200/80 shadow-sm h-fit space-y-4">
        <div class="flex items-center justify-between border-b border-slate-100 pb-3">
            <h3 class="font-extrabold text-slate-900 text-base">Add Stock / Adjust Inventory</h3>
            <a href="{{ route('admin.inventory.history') }}" class="text-xs font-bold text-brand-600 hover:underline">
                <i class="fa-solid fa-history"></i> Audit Log
            </a>
        </div>
        
        <form action="{{ route('admin.inventory.add-stock') }}" method="POST" class="space-y-4">
            @csrf
            <div>
                <label class="block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1">Select Product *</label>
                <select name="product_id" required class="w-full px-4 py-2.5 rounded-xl border border-slate-200 text-xs font-bold text-slate-900">
                    <option value="">-- Choose Product --</option>
                    @foreach($products as $prod)
                        <option value="{{ $prod->id }}">{{ $prod->name }} (Curr: {{ $prod->stock_quantity }} {{ $prod->unit }})</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1">Entry Type *</label>
                <select name="type" required class="w-full px-4 py-2.5 rounded-xl border border-slate-200 text-xs font-bold">
                    <option value="purchase">Restock / New Purchase (+)</option>
                    <option value="manual_adjustment">Manual Adjustment (+)</option>
                    <option value="damage">Damaged / Expired / Wastage (-)</option>
                </select>
            </div>

            <div>
                <label class="block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1">Quantity *</label>
                <input type="number" name="quantity" required min="1" value="10" class="w-full px-4 py-2.5 rounded-xl border border-slate-200 text-xs font-bold">
            </div>

            <div>
                <label class="block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1">Notes / Invoice No.</label>
                <input type="text" name="notes" placeholder="e.g. Supplier PO #1042" class="w-full px-4 py-2.5 rounded-xl border border-slate-200 text-xs">
            </div>

            <button type="submit" class="w-full bg-brand-600 hover:bg-brand-700 text-white font-extrabold text-xs py-3 rounded-xl shadow transition flex items-center justify-center gap-2">
                <i class="fa-solid fa-plus-circle"></i> Save Stock Entry
            </button>
        </form>
    </div>

    <!-- Inventory Stock Table & Low Stock Section -->
    <div class="lg:col-span-2 space-y-6">
        
        @if(count($lowStockProducts) > 0)
        <!-- Low Stock Warning Box -->
        <div class="bg-rose-50 border border-rose-200 rounded-3xl p-5 shadow-xs space-y-3">
            <div class="flex items-center gap-2 text-rose-800 font-extrabold text-sm">
                <i class="fa-solid fa-triangle-exclamation text-rose-600"></i>
                <span>Low Stock Warning ({{ count($lowStockProducts) }} Items Need Restock)</span>
            </div>
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-2 text-xs">
                @foreach($lowStockProducts as $low)
                    <div class="bg-white p-2.5 rounded-xl border border-rose-100 flex items-center justify-between">
                        <div class="truncate font-bold text-slate-800">{{ $low->name }}</div>
                        <span class="bg-rose-100 text-rose-800 font-mono font-extrabold px-2 py-0.5 rounded text-[10px] shrink-0">
                            {{ $low->stock_quantity }} Left
                        </span>
                    </div>
                @endforeach
            </div>
        </div>
        @endif

        <!-- Current Inventory Stock Table -->
        <div class="bg-white rounded-3xl p-6 border border-slate-200/80 shadow-sm space-y-4">
            <div class="flex items-center justify-between">
                <h3 class="font-extrabold text-slate-900 text-base">Current Stock Inventory</h3>
                <a href="{{ route('admin.inventory.history') }}" class="text-xs font-bold text-slate-500 hover:underline">View History Log &rarr;</a>
            </div>

            <div class="overflow-x-auto">
                <table class="w-full text-left text-xs">
                    <thead>
                        <tr class="text-slate-400 uppercase font-extrabold border-b border-slate-100">
                            <th class="pb-3">Product Name</th>
                            <th class="pb-3">Category</th>
                            <th class="pb-3">Stock Level</th>
                            <th class="pb-3">Alert Limit</th>
                            <th class="pb-3">Status</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-100 font-medium text-slate-800">
                        @foreach($products as $prod)
                            <tr class="hover:bg-slate-50 transition">
                                <td class="py-3">
                                    <div class="font-bold text-slate-900">{{ $prod->name }}</div>
                                    <div class="text-[10px] text-slate-400 font-mono">SKU: {{ $prod->sku ?? 'N/A' }}</div>
                                </td>
                                <td class="py-3 text-slate-600 font-bold text-[11px]">{{ $prod->category->name ?? 'Grocery' }}</td>
                                <td class="py-3 font-mono font-black text-sm text-slate-900">
                                    {{ $prod->stock_quantity }} <span class="text-xs text-slate-400 font-normal">{{ $prod->unit }}</span>
                                </td>
                                <td class="py-3 font-mono text-slate-500">{{ $prod->min_stock_alert }}</td>
                                <td class="py-3">
                                    @if($prod->stock_quantity <= 0)
                                        <span class="px-2.5 py-0.5 rounded-full font-extrabold text-[10px] bg-rose-100 text-rose-800">Out of Stock</span>
                                    @elseif($prod->stock_quantity <= $prod->min_stock_alert)
                                        <span class="px-2.5 py-0.5 rounded-full font-extrabold text-[10px] bg-amber-100 text-amber-800">Low Stock</span>
                                    @else
                                        <span class="px-2.5 py-0.5 rounded-full font-extrabold text-[10px] bg-emerald-100 text-emerald-800">In Stock</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="pt-2">
                {{ $products->links() }}
            </div>
        </div>
    </div>
</div>
@endsection