@php
$i   = $i ?? 0;
$row = $row ?? null;
$IS  = "background:rgba(255,255,255,.04);border:1px solid transparent;border-radius:6px;padding:7px 7px;color:#E8EAF0;font-size:13px;width:100%;outline:none;font-family:'DM Sans',sans-serif;";
@endphp
<div class="irow" style="display:grid;grid-template-columns:90px 1fr 75px 55px 110px 75px 60px 100px 32px;gap:5px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.03);align-items:center;">
  <input type="hidden" name="rows[{{ $i }}][type]" value="{{ $row?->type ?? 'row' }}">
  <input type="text" name="rows[{{ $i }}][article_number]" placeholder="Art.nr" value="{{ $row?->article_number }}" style="{{ $IS }}color:#8B9AB8;font-size:12px;" onfocus="this.style.borderColor='#3B7DFF'" onblur="this.style.borderColor='transparent'">
  <input type="text" name="rows[{{ $i }}][description]" placeholder="Beskrivning..." value="{{ $row?->description }}" style="{{ $IS }}" onfocus="this.style.borderColor='#3B7DFF'" onblur="this.style.borderColor='transparent'">
  <input type="number" name="rows[{{ $i }}][quantity]" value="{{ $row?->quantity ?? 1 }}" step="0.001" min="0" style="{{ $IS }}text-align:right;" class="rq" oninput="calcRow(this)" onfocus="this.style.borderColor='#3B7DFF'" onblur="this.style.borderColor='transparent'">
  <input type="text" name="rows[{{ $i }}][unit]" value="{{ $row?->unit ?? 'st' }}" style="{{ $IS }}color:#8B9AB8;font-size:12px;" onfocus="this.style.borderColor='#3B7DFF'" onblur="this.style.borderColor='transparent'">
  <input type="number" name="rows[{{ $i }}][unit_price]" value="{{ $row?->unit_price }}" placeholder="0.00" step="0.01" min="0" style="{{ $IS }}text-align:right;" class="rp" oninput="calcRow(this)" onfocus="this.style.borderColor='#3B7DFF'" onblur="this.style.borderColor='transparent'">
  <input type="number" name="rows[{{ $i }}][discount]" value="{{ $row?->discount ?? '' }}" placeholder="0" step="0.1" min="0" max="100" style="{{ $IS }}text-align:right;" class="rd" oninput="calcRow(this)" onfocus="this.style.borderColor='#3B7DFF'" onblur="this.style.borderColor='transparent'">
  <select name="rows[{{ $i }}][vat_rate]" style="{{ $IS }}appearance:none;cursor:pointer;" class="rv" onchange="calcRow(this)">
    @foreach([25,12,6,0] as $r)
    <option value="{{ $r }}" {{ ($row?->vat_rate ?? 25) == $r ? 'selected' : '' }}>{{ $r }}%</option>
    @endforeach
  </select>
  <div class="rt" style="font-size:13px;font-weight:500;color:#E8EAF0;text-align:right;font-variant-numeric:tabular-nums;padding:0 3px;">{{ $row ? number_format($row->gross_amount,2,',','') : '0,00' }}</div>
  <button type="button" onclick="this.closest('.irow').remove();calcAll()" style="background:rgba(239,68,68,.1);border:none;border-radius:6px;width:26px;height:26px;color:#EF4444;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;">✕</button>
</div>