{{-- Line-item builder panel + totals card. Vars: $rows (array), $courses, optional $withDiscount. Must sit inside the <form>. --}}
<section class="panel" aria-labelledby="ac-lines-h">
  <div class="panel-head"><h2 id="ac-lines-h">Line items</h2><span class="ac-hint">Amounts are recalculated on the server when you save.</span></div>
  <div class="panel-body">
    @error('items')<div class="field-error" style="margin:0 0 10px">{{ $message }}</div>@enderror
    <table class="ac-lines" data-lines>
      <thead><tr><th>Description</th><th>Qty</th><th>Unit price ({{ config('infotics.currency', 'PKR') }})</th><th class="ac-r">Amount</th><th><span class="sr-only">Remove</span></th></tr></thead>
      <tbody>
        @foreach($rows as $i => $row)
          @include('admin.billing._line-row', ['i' => $i, 'row' => $row])
        @endforeach
      </tbody>
      <template>@include('admin.billing._line-row', ['i' => '__i__', 'row' => ['description' => '', 'quantity' => 1, 'unit_price' => '']])</template>
    </table>
    <div class="ac-lines-foot">
      <button type="button" class="btn btn-secondary btn-sm" data-add-line><x-icon name="plus" :size="15"/> Add line</button>
      <label class="sr-only" for="ac-course-line">Add a course as a line item</label>
      <select class="select" id="ac-course-line" data-course-line>
        <option value="">Add a course at list price…</option>
        @foreach($courses as $c)<option value="{{ $c->id }}" data-title="{{ $c->title }}" data-fee="{{ (float) $c->fee }}">{{ $c->title }} — {{ money($c->fee) }}</option>@endforeach
      </select>
    </div>
  </div>
</section>