@extends('layouts.app')
@section('title', 'Stock Movements')

@section('content')
<div class="space-y-6">
    <div>
        <h1 class="text-xl font-bold">Stock Movements</h1>
        <p class="text-sm text-ink-muted">Full audit trail of every inbound and outbound stock change.</p>
    </div>

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead><tr><th>Date</th><th>Product</th><th>Store</th><th>Type</th><th class="text-right">Qty</th><th>By</th></tr></thead>
            <tbody>
                @forelse ($movements as $m)
                    <tr>
                        <td>{{ $m->created_at->format('d M, H:i') }}</td>
                        <td class="font-medium">{{ $m->product->name }}</td>
                        <td>{{ $m->store->name }}</td>
                        <td><x-badge color="{{ $m->quantity >= 0 ? 'emerald' : 'rose' }}">{{ $m->type->label() }}</x-badge></td>
                        <td class="text-right {{ $m->quantity < 0 ? 'text-danger' : 'text-success' }}">{{ $m->quantity > 0 ? '+' : '' }}{{ number_format($m->quantity, 2) }}</td>
                        <td>{{ $m->user->name ?? 'System' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-ink-muted py-8">No movements recorded.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $movements->links() }}
</div>
@endsection