@extends('layouts.master')

@section('content')
<div class="container-fluid">
    <h1 class="h3 mb-3 text-gray-800">Supplier Statements</h1>
    <form class="form-inline mb-3">
        <input class="form-control mr-2" name="search" value="{{ $search }}" placeholder="Supplier name">
        <button class="btn btn-primary">Filter</button>
    </form>
    <div class="card shadow">
        <div class="card-body table-responsive">
            <table class="table table-sm table-bordered">
                <thead><tr><th>Supplier</th><th>Total Invoiced</th><th>Outstanding</th><th>Last Transaction</th></tr></thead>
                <tbody>
                    @foreach($suppliers as $supplier)
                        <tr>
                            <td><a href="{{ route('reports.supplier-statement.show', $supplier->id) }}">{{ $supplier->supplier_name }}</a></td>
                            <td class="text-right">{{ number_format((float) $supplier->total_invoiced, 2) }}</td>
                            <td class="text-right">
                                @foreach(($supplierBalances[$supplier->id] ?? []) as $code => $amount)
                                    <div>{{ $code }} {{ number_format((float) $amount, 2) }}</div>
                                @endforeach
                            </td>
                            <td>{{ $supplier->last_transaction_date }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{ $suppliers->links() }}
        </div>
    </div>
</div>
@endsection