@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>Batch</label>
            <select
                name="lines[{{ $index }}][batch_id]"
                data-line-batch-select
                data-selected-batch="{{ $line['batch_id'] ?? '' }}"
                disabled
            >
                <option value="">Select source warehouse first</option>
            </select>
            <p class="line-field-hint line-field-hint-error" data-line-batch-hint>Select source warehouse before choosing a batch.</p>
        </div>
        <div>
            <label>Qty</label>
            <input type="number" name="lines[{{ $index }}][qty]" step="0.0001" min="0.0001" value="{{ $line['qty'] ?? '' }}" data-line-qty>
            <p class="line-field-hint line-field-hint-error" data-line-qty-hint></p>
        </div>
        <div>
            <label>Available</label>
            <input type="text" readonly class="input-readonly" data-line-available-qty value="—" tabindex="-1" aria-label="Available warehouse quantity">
            <p class="line-field-hint line-field-hint-error" data-line-available-hint></p>
        </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>Cost per unit</label>
            <input type="number" name="lines[{{ $index }}][unit_price]" step="0.0001" min="0" value="{{ $line['unit_price'] ?? '' }}" data-line-unit-price>
        </div>
        <div data-line-tax-fields>
            <label>GST / Tax</label>
            @include('admin.inventory.partials.line_tax_select', [
                'index' => $index,
                'line' => $line,
                'taxes' => $taxes ?? [],
                'skus' => $skus ?? [],
                'selected' => $line['sku_id'] ?? null,
            ])
        </div>
        <div data-line-tax-fields>
            <label>Tax amount</label>
            <input type="text" readonly class="input-readonly" data-line-tax-amount value="" tabindex="-1" aria-label="Calculated tax amount">
        </div>
    </div>
</div>