@php $i = $item; $n = $idx; @endphp
<tr class="item-row" id="itemRow{{ $n }}" data-idx="{{ $n }}">
    {{-- Hidden fields --}}
    <input type="hidden" name="items[{{ $n }}][item_db_id]"             value="{{ $i?->id ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][purchase_order_item_id]" value="{{ $i?->purchase_order_item_id ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][barang_id]"              value="{{ $i?->barang_id ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][kode_barang]"            value="{{ $i?->kode_barang ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][nama_barang]"            value="{{ $i?->nama_barang ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][jenis_barang]"           value="{{ $i?->jenis_barang ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][merek_barang]"           value="{{ $i?->merek_barang ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][ukuran]"                 value="{{ $i?->ukuran ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][satuan]"                 value="{{ $i?->satuan ?? '' }}">
    <input type="hidden" name="items[{{ $n }}][qty_pesan]"              value="{{ $i?->qty_pesan ?? 0 }}">
    <input type="hidden" id="qtySisa{{ $n }}"                           value="{{ $i?->qty_pesan ?? 0 }}">

    {{-- No --}}
    <td class="text-center text-muted align-middle item-no" style="width:40px">—</td>

    {{-- Barang --}}
    <td class="align-middle">
        <div class="div-barang-label {{ $i ? '' : 'd-none' }}">
            <div class="fw-semibold label-barang">{{ $i ? $i->kode_barang.' — '.$i->nama_barang : '' }}</div>
            @if($i && ($i->jenis_barang || $i->merek_barang || $i->ukuran))
                <small class="text-muted">{{ implode(', ', array_filter([$i->jenis_barang, $i->merek_barang, $i->ukuran])) }}</small>
            @else
                <small class="text-muted label-barang-detail"></small>
            @endif
        </div>
        <div class="div-barang-select {{ $i ? 'd-none' : '' }} d-flex align-items-center gap-1">
            <div style="flex:1;min-width:0">
                <select class="form-select form-select-sm select2-barang" id="selectBarang{{ $n }}" style="width:100%;" {{ $i ? '' : 'required' }}>
                    <option value="">Cari kode / nama barang...</option>
                </select>
            </div>
            <button type="button" class="btn btn-outline-secondary btn-sm px-2 flex-shrink-0 btn-browse-barang" data-idx="{{ $n }}" title="Cari & lihat detail barang">
                <i class="bx bx-search-alt"></i>
            </button>
        </div>
    </td>

    {{-- Satuan (teks) --}}
    <td class="text-center align-middle" style="width:80px">
        <span class="satuan-display fw-semibold">{{ $i?->satuan ?? '—' }}</span>
    </td>

    {{-- Qty Pesan (teks) --}}
    <td class="text-center align-middle" style="width:130px">
        <span class="qty-pesan-display fw-semibold">{{ $i?->qty_pesan ?? '—' }}</span>
        <div class="text-warning fw-semibold qty-sisa-info fs-11" id="qtyInfoSisa{{ $n }}"></div>
    </td>

    {{-- Qty Diterima (teks) --}}
    <td class="text-center align-middle" style="width:100px">
        <span id="qtyDiterimaText{{ $n }}" class="fw-semibold text-primary">{{ $i?->qty_diterima ?? 0 }}</span>
        <input type="hidden" id="qtyDiterima{{ $n }}" value="{{ $i?->qty_diterima ?? 0 }}">
    </td>

    {{-- Stok / LOT --}}
    <td class="align-middle" style="width:160px">
        <button type="button" class="btn btn-primary btn-sm px-2 py-1 btn-atur-stok" data-idx="{{ $n }}">
            <i class="bx bx-layer me-1"></i> Atur SN / LOT
        </button>
        <div class="mt-1 fs-12" id="lotSummary{{ $n }}">
            @if($i)
                <span class="badge bg-primary-transparent">1 LOT &middot; {{ $i->qty_diterima }} pcs</span>
            @else
                <span class="text-danger">Belum diisi</span>
            @endif
        </div>
    </td>

    {{-- Hapus --}}
    <td class="text-center align-middle" style="width:50px">
        <button type="button" class="btn btn-sm btn-outline-danger btn-hapus-item px-2 py-1">
            <i class="bx bx-trash"></i>
        </button>
    </td>
</tr>