{{-- Included on component show page to list all invoices for this component --}}
<div class="card shadow mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h6 class="m-0 font-weight-bold">Purchase History</h6>
        <a href="{{ route('procurement.import.invoice') }}" class="btn btn-xs btn-outline-dark">+ Import Invoice</a>
    </div>
    <div class="card-body p-0">
        @php
            $invoiceLines = \Modules\Procurement\Models\InvoiceLineItem::with(['invoice.supplier'])
                ->where('component_id', $component->id)
                ->orderByDesc('created_at')
                ->get();
        @endphp
        @if($invoiceLines->isEmpty())
            <div class="p-3 text-center text-muted small">No purchase history yet. Import an invoice to populate this.</div>
        @else
        <table class="table table-sm mb-0">
            <thead class="thead-light">
                <tr>
                    <th>Invoice #</th>
                    <th>Supplier</th>
                    <th>Date</th>
                    <th>Supplier Part #</th>
                    <th class="text-center">Qty</th>
                    <th class="text-right">Unit Price</th>
                    <th class="text-right">Tariff</th>
                    <th class="text-right">Extended</th>
                    <th>COO</th>
                    <th>HTS</th>
                </tr>
            </thead>
            <tbody>
                @foreach($invoiceLines as $line)
                <tr>
                    <td><a href="{{ route('procurement.invoices.show', $line->invoice) }}">{{ $line->invoice->invoice_number }}</a></td>
                    <td><small>{{ $line->invoice->supplier->name ?? '—' }}</small></td>
                    <td><small>{{ $line->invoice->invoice_date->format('M j, Y') }}</small></td>
                    <td><code class="small">{{ $line->supplier_part_number ?: '—' }}</code></td>
                    <td class="text-center">{{ $line->qty_shipped ?: $line->qty_ordered }}</td>
                    <td class="text-right font-weight-bold">${{ number_format($line->unit_price, 4) }}</td>
                    <td class="text-right">{{ $line->tariff_amount > 0 ? '$'.number_format($line->tariff_amount,2) : '—' }}</td>
                    <td class="text-right">${{ number_format($line->extended_price, 2) }}</td>
                    <td><small>{{ $line->country_of_origin ?: '—' }}</small></td>
                    <td><code class="small">{{ $line->hs_code ?: '—' }}</code></td>
                </tr>
                @endforeach
            </tbody>
            <tfoot class="thead-light">
                <tr>
                    <td colspan="4" class="text-right font-weight-bold">Total Purchased:</td>
                    <td class="text-center font-weight-bold">{{ $invoiceLines->sum('qty_shipped') }}</td>
                    <td class="text-right font-weight-bold">Avg: ${{ $invoiceLines->count() ? number_format($invoiceLines->avg('unit_price'),4) : '0' }}</td>
                    <td class="text-right">${{ number_format($invoiceLines->sum('tariff_amount'),2) }}</td>
                    <td class="text-right font-weight-bold">${{ number_format($invoiceLines->sum('extended_price'),2) }}</td>
                    <td colspan="2"></td>
                </tr>
            </tfoot>
        </table>
        @endif
    </div>
</div>