@extends('layouts.syndron.app')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div>
            <h5 class="">
                {{ __('inventories') }}
            </h5>
        </div>
        <div>
        </div>
    </div>
    <div class="card-body">
        <x-syndron.ui.table :columns="['product', 'sku code' , 'quantity on hand' , 'quantity reserved' ]">
            @foreach ($inventories as $inventory)
            <tr>
                <td>{{ $inventory->productInventory->product->title }}</td>
                <td>{{ $inventory->sku }}</td>
                <td>{{ $inventory->qty_on_hand }}</td>
                <td>{{ $inventory->qty_reserved }}</td>

            </tr>
            @endforeach
        </x-syndron.ui.table>
    </div>
</div>
@endsection