@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between mb-2">
  <h3>Inventory</h3>
  <a href="{{ route('inventory.create') }}" class="btn btn-primary">New Item</a>
</div>

<table class="table table-striped">
  <thead><tr><th>SKU</th><th>Name</th><th>Category</th><th>Qty</th><th>Unit Cost</th><th></th></tr></thead>
  <tbody>
    @foreach($items as $item)
    <tr>
      <td>{{ $item->sku }}</td>
      <td><a href="{{ route('inventory.show',$item) }}">{{ $item->name }}</a></td>
      <td>{{ $item->category }}</td>
      <td>{{ $item->qty }}</td>
      <td>{{ number_format($item->unit_cost,2) }}</td>
      <td>
        <a class="btn btn-sm btn-outline-secondary" href="{{ route('inventory.edit',$item) }}">Edit</a>
        <form action="{{ route('inventory.destroy',$item) }}" method="POST" style="display:inline-block" onsubmit="return confirm('Delete this item?')">
          @csrf @method('DELETE')
          <button class="btn btn-sm btn-danger">Delete</button>
        </form>
      </td>
    </tr>
    @endforeach
  </tbody>
</table>

{{ $items->links() }}
@endsection