@extends('layouts.app')

@section('content')
<h3>Inventory Ledger (SKU-by-SKU Stock Card)</h3>

@foreach($report as $block)

<div class="card mb-4">
    <div class="card-header bg-secondary text-white">
        <strong>{{ $block['item']->name }}</strong>
        <span class="float-end">SKU: {{ $block['item']->sku }}</span>
    </div>

    <div class="card-body p-0">
        <table class="table table-bordered m-0">
            <thead class="table-light">
            <tr>
                <th>Date</th>
                <th>Ref</th>
                <th>Description</th>
                <th>In (Debit)</th>
                <th>Out (Credit)</th>
                <th>Qty Balance</th>
                <th>Value Balance</th>
            </tr>
            </thead>

            <tbody>
            @forelse($block['rows'] as $r)
            <tr>
                <td>{{ $r['date'] }}</td>
                <td>{{ $r['ref'] }}</td>
                <td>{{ $r['desc'] }}</td>
                <td>{{ number_format($r['in'],2) }}</td>
                <td>{{ number_format($r['out'],2) }}</td>
                <td>{{ $r['qty_balance'] }}</td>
                <td>{{ number_format($r['value_balance'],2) }}</td>
            </tr>
            @empty
            <tr>
                <td colspan="7" class="text-center text-muted">No movements for this item</td>
            </tr>
            @endforelse
            </tbody>

        </table>
    </div>
</div>

@endforeach

@endsection