@extends('layouts.app')
@section('title', __('inventory.movements'))
@section('content')
<h5 class="fw-bold mb-3">{{ __('inventory.movements') }}</h5>
<div class="card"><div class="card-body">
  <div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead><tr><th>{{ __('app.date') }}</th><th>{{ __('inventory.item') }}</th><th>{{ __('app.branch') }}</th><th>{{ __('app.type') }}</th><th>{{ __('app.quantity') }}</th><th>{{ __('app.user') }}</th><th>{{ __('app.notes') }}</th></tr></thead>
    <tbody>
      @forelse($movements as $movement)
      <tr>
        <td class="small">{{ $movement->created_at->format('Y-m-d H:i') }}</td>
        <td class="fw-semibold small">{{ $movement->stockable->display_name ?? '—' }}</td>
        <td class="small">{{ $movement->branch->name ?? '' }}</td>
        <td><span class="badge text-bg-{{ $movement->quantity > 0 ? 'success' : 'danger' }}">{{ __('inventory.' . $movement->type) }}</span></td>
        <td class="fw-bold {{ $movement->quantity > 0 ? 'text-success' : 'text-danger' }}">{{ $movement->quantity > 0 ? '+' : '' }}{{ $movement->quantity }}</td>
        <td class="small">{{ $movement->user->name ?? '' }}</td>
        <td class="small text-secondary">{{ $movement->notes }}</td>
      </tr>
      @empty
      <tr><td colspan="7" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
      @endforelse
    </tbody>
  </table>
  </div>
  {{ $movements->links() }}
</div></div>
@endsection