@php
  $editing = isset($quotation) && $quotation;
  $action = $editing ? route('quotations.update', $quotation) : route('quotations.store');
  $method = $editing ? 'PUT' : 'POST';
  if ($editing && $quotation->items->isNotEmpty()) {
      $rows = $quotation->items;
  } else {
      $rows = collect([(object) ['description' => '', 'quantity' => 1, 'unit_rate' => '', 'total' => 0]]);
  }
@endphp
<form id="qtn-form-{{ $editing ? 'edit-'.$quotation->id : 'create' }}" data-action="{{ $action }}" data-method="{{ $method }}" class="qtn-quotation-form">
  @csrf
  <div style="margin-bottom:12px">
    <label class="fl" for="qtn_client_id">Client</label>
    <select id="qtn_client_id" name="client_id" class="fi" required>
      <option value="">Select client</option>
      @foreach($clients as $c)
        <option value="{{ $c->id }}" @selected($editing && (int)$quotation->client_id === (int)$c->id)>{{ $c->company_name }}</option>
      @endforeach
    </select>
  </div>
  <div style="margin-bottom:12px">
    <label class="fl" for="qtn_description">Description</label>
    <textarea id="qtn_description" name="description" class="fi" rows="3" maxlength="2000" required placeholder="Scope summary">{{ $editing ? $quotation->description : '' }}</textarea>
  </div>
  <div class="grid grid-cols-2 gap-2 mb-3">
    <div>
      <label class="fl" for="qtn_issue_date">Issue date</label>
      <input id="qtn_issue_date" name="issue_date" type="date" class="fi" value="{{ $editing ? $quotation->issue_date->format('Y-m-d') : now()->format('Y-m-d') }}">
    </div>
    <div>
      <label class="fl" for="qtn_valid_until">Valid until</label>
      <input id="qtn_valid_until" name="valid_until" type="date" class="fi" value="{{ $editing ? $quotation->valid_until->format('Y-m-d') : now()->addDays(30)->format('Y-m-d') }}">
    </div>
  </div>

  <p class="text-[11px] font-bold text-slate-500 uppercase tracking-wider mb-2">Line items</p>
  <div class="qtn-lines space-y-2 mb-2">
    @foreach($rows as $idx => $line)
      <div class="qtn-line flex flex-wrap gap-2 items-end border border-slate-100 rounded-lg p-2 bg-slate-50/80">
        <div class="flex-1 min-w-[140px]">
          <label class="fl text-[9px]">Description</label>
          <input type="text" name="items[{{ $idx }}][description]" class="fi qtn-line-desc" required maxlength="500" value="{{ $editing ? $line->description : '' }}">
        </div>
        <div class="w-[72px]">
          <label class="fl text-[9px]">Qty</label>
          <input type="number" step="0.01" min="0.01" name="items[{{ $idx }}][quantity]" class="fi qtn-line-qty" required value="{{ $editing ? $line->quantity : 1 }}">
        </div>
        <div class="w-[100px]">
          <label class="fl text-[9px]">Unit rate</label>
          <input type="number" step="0.01" min="0" name="items[{{ $idx }}][unit_rate]" class="fi qtn-line-rate" required value="{{ $editing ? $line->unit_rate : '' }}">
        </div>
        <div class="w-[90px]">
          <label class="fl text-[9px]">Line total</label>
          <input type="text" class="fi qtn-line-total bg-slate-100" readonly value="{{ $editing ? number_format((float)$line->total, 2, '.', '') : '0.00' }}">
        </div>
        <button type="button" class="bs qtn-remove-line text-[11px] py-1 px-2" style="display:{{ $rows->count() > 1 ? 'inline-block' : 'none' }}">Remove</button>
      </div>
    @endforeach
  </div>
  <button type="button" class="qtn-add-line bs text-[11px] py-1 px-2 mb-3">+ Add item</button>

  <div class="rounded-lg border border-slate-200 p-3 mb-3 bg-slate-50">
    <p class="text-[11px] text-slate-500">Preview total (server recalculates on save)</p>
    <p class="text-[13px] font-bold text-slate-800">Total: <span class="text-blue-600"><span class="qtn-prev-total">0.00</span> MWK</span></p>
  </div>

  <div class="qtn-form-err text-red-600 text-[12px] mb-2" style="display:none"></div>
  <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:12px">
    <button type="button" class="bs qtn-form-cancel">Cancel</button>
    <button type="submit" class="bp qtn-form-submit">{{ $editing ? 'Save changes' : 'Create quotation' }}</button>
  </div>
</form>