@extends('layouts.admin')
@section('title', 'Inventory')
@section('content')
<x-page-header title="Inventory"><x-slot:actions><a href="{{ route('admin.inventory.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> Add Product</a></x-slot:actions></x-page-header>
<form class="mb-3" method="GET"><div class="form-check"><input type="checkbox" name="low_stock" value="1" class="form-check-input" id="low" @checked(request('low_stock')) onchange="this.form.submit()"><label for="low" class="form-check-label">Show low stock only</label></div></form>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>SKU</th><th>Name</th><th>Category</th><th>On Hand</th><th>Reorder</th><th>Status</th><th></th></tr></thead>
<tbody>@foreach($products as $p)<tr><td>{{ $p->sku }}</td><td>{{ $p->name }}</td><td>{{ $p->category?->name ?? '—' }}</td>
<td @if($p->quantity_on_hand <= $p->reorder_level) class="text-danger fw-bold" @endif>{{ $p->quantity_on_hand }} {{ $p->unit }}</td>
<td>{{ $p->reorder_level }}</td><td><x-status-badge :status="$p->status"/></td>
<td><button class="btn btn-sm btn-hp-outline" data-bs-toggle="modal" data-bs-target="#mv{{ $p->id }}">Movement</button></td></tr>@endforeach</tbody></table></div><div class="p-3">{{ $products->links() }}</div></div>
@foreach($products as $p)
<div class="modal fade" id="mv{{ $p->id }}" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><form method="POST" action="{{ route('admin.inventory.movement', $p) }}">@csrf
<div class="modal-header"><h5 class="modal-title">Stock Movement — {{ $p->name }}</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
<div class="modal-body"><select name="type" class="form-select mb-2" required><option value="receipt">Receipt</option><option value="issue">Issue</option><option value="adjustment">Adjustment</option></select>
<input type="number" step="0.01" name="quantity" class="form-control mb-2" placeholder="Quantity" required></div>
<div class="modal-footer"><button class="btn btn-hp-primary">Record</button></div></form></div></div></div>
@endforeach
@endsection