@php($details = $data['details'] ?? null)
<x-modal-layout>
    <x-slot name="header">仕入先別仕入推移表（連携）詳細</x-slot>

    <div class="flex flex-col gap-3">
        <table class="list-table">
            <colgroup>
                <col class="w-28">
                <col class="w-24">
                <col class="w-24">
                <col class="w-50">
                <col class="w-24">
                <col class="w-24">
                <col class="w-28">
            </colgroup>
            <thead>
                <tr>
                    <th>出荷番号</th>
                    <th>入庫日</th>
                    <th>商品コード</th>
                    <th>商品名</th>
                    <th>入庫数</th>
                    <th>単価</th>
                    <th>仕入額</th>
                </tr>
            </thead>
            <tbody>
                @foreach($details as $row)
                <tr>
                    <td>{{ $row['shipping_number'] ?? '' }}</td>
                    <td class="text-center">
                        {{ !empty($row['receipt_date']) ? \Carbon\Carbon::parse($row['receipt_date'])->format('Y/m/d') : '' }}
                    </td>
                    <td>{{ $row['product_code'] ?? '' }}</td>
                    <td>{{ $row['product_name'] ?? '' }}</td>
                    <td class="text-right">{{ num_format($row['receipt_qty'] ?? 0) }}</td>
                    <td class="text-right">{{ num_format($row['unit_price'] ?? 0) }}</td>
                    <td class="text-right">{{ num_format($row['purchase_amount'] ?? 0) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</x-modal-layout>