@extends('admin.layouts.app')
@section('title', 'Stock History')
@section('content')
<form method="GET" style="margin-bottom:16px;">
    <select name="product_id" onchange="this.form.submit()">
        <option value="">All Products</option>
        @foreach($products as $p)<option value="{{ $p->id }}" {{ request('product_id')==$p->id?'selected':'' }}>{{ $p->name }}</option>@endforeach
    </select>
</form>
<div class="card table-wrap">
    <table>
        <thead><tr><th>Product</th><th>Previous</th><th>New</th><th>Change</th><th>Action</th><th>Admin</th><th>Note</th><th>Date</th></tr></thead>
        <tbody>
        @foreach($history as $h)
            <tr>
                <td>{{ $h->product->name ?? '—' }}</td>
                <td>{{ $h->previous_stock }}</td>
                <td>{{ $h->new_stock }}</td>
                <td><span class="badge {{ $h->quantity_changed>=0?'badge-green':'badge-red' }}">{{ $h->quantity_changed>=0?'+':'' }}{{ $h->quantity_changed }}</span></td>
                <td>{{ ucfirst($h->action_type) }}</td>
                <td>{{ $h->admin->name ?? 'System' }}</td>
                <td>{{ $h->note }}</td>
                <td>{{ $h->created_at->format('M d, Y H:i') }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div style="margin-top:16px;">{{ $history->links() }}</div>
@endsection