@php
    $i = $index;
    $eDesc = old("line_items.$i.description", $item['description'] ?? '');
    $eItemDesc = old("line_items.$i.item_description", $item['item_description'] ?? '');
    $eQty = old("line_items.$i.qty", $item['qty'] ?? 1);
    $eDisc = old("line_items.$i.discount", $item['discount'] ?? 0);
    $eGstRate = old("line_items.$i.gst_rate", $item['gst_rate'] ?? $item['tax_rate'] ?? 0);
    $ePstRate = old("line_items.$i.pst_rate", $item['pst_rate'] ?? 0);
    $eUnit = old("line_items.$i.unit", $item['unit'] ?? '');
    $eRate = old("line_items.$i.rate", $displayRate ?? ($item['rate'] ?? 0));
@endphp
<tr class="li-row" data-row="{{ $i }}">
    <td class="c li-col-num" data-label="#" style="color:#9ca3af;font-size:12px;">{{ $loopIndex ?? ($i + 1) }}</td>
    <td class="li-col-item" data-label="Item">
        <div class="li-mobile-head">
            <div class="li-head-left">
                <span class="li-row-num">#{{ $loopIndex ?? ($i + 1) }}</span>
                <span class="li-head-label">Item</span>
            </div>
            <span class="li-head-unit-label">Unit</span>
        </div>
        <div class="item-dd-wrap">
            <input type="text" class="li-cell item-name-input @error('line_items.'.$i.'.description') is-error @enderror"
                   placeholder="Select or type…" autocomplete="off" value="{{ $eDesc }}">
            <div class="item-dd-panel">
                <input type="text" class="item-dd-search" placeholder="Search product…">
                <div class="item-dd-list"></div>
                <div class="item-dd-item add-new">+ Add new product</div>
            </div>
            <input type="hidden" name="line_items[{{ $i }}][description]" class="desc-hidden" value="{{ $eDesc }}">
            <div class="field-error line-item-error-description"@if(!$errors->has('line_items.'.$i.'.description')) style="display:none;font-size:10px;margin-top:2px;"@else style="font-size:10px;margin-top:2px;"@endif>{{ $errors->first('line_items.'.$i.'.description') }}</div>
        </div>
    </td>
    <td class="li-col-unit" data-label="Unit"><input type="text" name="line_items[{{ $i }}][unit]" class="li-cell unit-input" value="{{ $eUnit }}" placeholder="—"></td>
    <td class="li-col-qty" data-label="Qty"><input type="number" name="line_items[{{ $i }}][qty]" class="li-cell qty-input" value="{{ $eQty }}" min="0" step="1"></td>
    <td class="li-col-price" data-label="Price">
        <input type="number" name="line_items[{{ $i }}][rate]" class="li-cell rate-input @error('line_items.'.$i.'.rate') is-error @enderror"
               value="{{ $eRate }}" min="0" step="0.01">
        <div class="field-error line-item-error-rate"@if(!$errors->has('line_items.'.$i.'.rate')) style="display:none;font-size:10px;margin-top:2px;"@else style="font-size:10px;margin-top:2px;"@endif>{{ $errors->first('line_items.'.$i.'.rate') }}</div>
    </td>
    <td class="li-col-disc" data-label="Disc%"><input type="number" name="line_items[{{ $i }}][discount]" class="li-cell disc-input" value="{{ $eDisc }}" min="0" max="100" step="0.01"></td>
    <td class="li-col-gst" data-label="GST%"><input type="number" name="line_items[{{ $i }}][gst_rate]" class="li-cell gst-input" value="{{ $eGstRate }}" min="0" step="0.01"></td>
    <td class="li-col-pst" data-label="HST/PST"><input type="number" name="line_items[{{ $i }}][pst_rate]" class="li-cell pst-input" value="{{ $ePstRate }}" min="0" step="0.01"></td>
    <td class="li-col-total" data-label="Total"><span class="li-row-summary"><span class="li-sum-item li-sum-disc"></span><span class="li-sum-item li-sum-gst"></span><span class="li-sum-item li-sum-hst"></span></span><input type="text" class="li-cell row-total" value="$0.00" readonly></td>
    <td class="li-col-remove" data-label=""><button type="button" class="btn-remove-row" title="Remove item" aria-label="Remove item"><i class="fas fa-trash-alt" aria-hidden="true"></i></button></td>
    <td class="li-col-desc" data-label="Description">
        <textarea name="line_items[{{ $i }}][item_description]" class="li-cell item-desc-textarea"
                  rows="1" placeholder="Description (optional)" style="resize:vertical;font-size:11px;">{{ $eItemDesc }}</textarea>
    </td>
</tr>