@php
    $index = $index ?? 0;
    $line = $line ?? [];
@endphp

<div class="line-row" data-line-row>
    <div class="line-row-header">
        <span class="line-row-title">Line <span data-line-number>{{ $index + 1 }}</span></span>
        @include('admin.inventory.partials.line_remove_button')
    </div>
    <div class="row">
        <div>
            <label>SKU</label>
            @include('admin.inventory.partials.sku-picker', [
                'name' => "lines[{$index}][sku_id]",
                'id' => "lines_{$index}_sku_id",
                'selected' => $line['sku_id'] ?? null,
                'skus' => $skus ?? [],
            ])
        </div>
        <div>
            <label>Qty</label>
            <input type="number" name="lines[{{ $index }}][qty]" step="0.0001" min="0" value="{{ $line['qty'] ?? '' }}">
        </div>
        <div>
            <label>Unit</label>
            @include('admin.inventory.partials.line_unit_select', [
                'index' => $index,
                'line' => $line,
                'units' => $units ?? [],
                'skus' => $skus ?? [],
                'selected' => $line['sku_id'] ?? null,
            ])
        </div>
        <div>
            <label>Unit price</label>
            <input type="number" name="lines[{{ $index }}][unit_price]" step="0.0001" min="0" value="{{ $line['unit_price'] ?? '' }}">
        </div>
    </div>
</div>