@php
  $money = fn (int $cents) => 'AUD '.number_format($cents / 100, 2);
  $taxIncluded = $totals['tax_cents'] > 0 && $totals['total_cents'] === $quote['net_cents'];
  $selectedLocation = old('company_location_id', $cart->company_location_id ?? $locations->first()?->id);
  $canUseAccount = $credit['on_account'] && $totals['total_cents'] <= $credit['available_cents'];
  $selectedPayment = old('payment_method', $cart->payment_method ?? ($canUseAccount ? 'account' : 'proforma'));
@endphp
<x-layouts.wholesale :seo="$seo" title="Review order" subtitle="Confirm delivery, payment and references">
<a href="{{ route('wholesale.order-pad') }}" class="inline-flex items-center gap-1.5 text-sm text-black/55 hover:text-black"><i data-lucide="arrow-left" class="h-4 w-4"></i> Back to quick order</a>

@if($needsApproval)
  <div class="wd-reveal mt-4 flex items-start gap-3 rounded-2xl border border-[var(--color-gold)]/40 bg-[var(--color-gold)]/10 p-4 text-sm">
    <i data-lucide="shield-check" class="mt-0.5 h-5 w-5 shrink-0 text-[var(--color-gold-dark)]"></i>
    <div>
      <p class="font-semibold">This order needs approval</p>
      <p class="mt-0.5 text-black/60">It's above your {{ $money((int) $wsMember->order_limit_cents) }} buying limit. We'll send it to your company's approvers — it's placed the moment they approve.</p>
    </div>
  </div>
@endif

<form method="post" action="{{ route('wholesale.checkout.store') }}" class="mt-5 grid gap-6 lg:grid-cols-[minmax(0,1fr)_380px]">
  @csrf
  <div class="space-y-5">
    {{-- Delivery --}}
    <section class="wd-card wd-reveal p-6" style="--i:1">
      <div class="flex items-center justify-between gap-3">
        <div>
          <p class="wd-eyebrow">Step 1</p>
          <h2 class="mt-1 text-lg font-semibold">Deliver to</h2>
        </div>
        <a href="{{ route('wholesale.account') }}#locations" class="text-sm font-medium text-[var(--color-gold-dark)] hover:underline">Manage locations</a>
      </div>
      @if($locations->isEmpty())
        <div class="mt-4 rounded-xl bg-amber-50 p-4 text-sm text-amber-900">
          No delivery locations yet. <a href="{{ route('wholesale.account') }}#locations" class="font-semibold underline">Add one</a> to continue.
        </div>
      @else
        <div class="mt-4 grid gap-3 sm:grid-cols-2">
          @foreach($locations as $location)
            <label class="group relative flex cursor-pointer gap-3 rounded-2xl border border-black/10 p-4 transition has-[:checked]:border-[var(--color-gold)] has-[:checked]:bg-[var(--color-gold)]/[0.06] has-[:checked]:shadow-[0_0_0_4px_rgba(218,175,55,.12)]">
              <input type="radio" name="company_location_id" value="{{ $location->id }}" class="mt-1 accent-[var(--color-gold-dark)]" @checked((int) $selectedLocation === $location->id)>
              <span class="min-w-0">
                <span class="flex items-center gap-2 text-sm font-semibold">{{ $location->label }} @if($location->is_default)<span class="wd-pill">Default</span>@endif</span>
                <span class="mt-1 block text-xs text-black/55">{{ $location->oneLine() }}</span>
              </span>
            </label>
          @endforeach
        </div>
      @endif
    </section>

    {{-- Payment --}}
    <section class="wd-card wd-reveal p-6" style="--i:2">
      <p class="wd-eyebrow">Step 2</p>
      <h2 class="mt-1 text-lg font-semibold">Payment</h2>
      <div class="mt-4 grid gap-3 sm:grid-cols-2">
        <label class="relative flex gap-3 rounded-2xl border border-black/10 p-4 transition {{ $credit['on_account'] ? 'cursor-pointer has-[:checked]:border-[var(--color-gold)] has-[:checked]:bg-[var(--color-gold)]/[0.06]' : 'cursor-not-allowed opacity-50' }}">
          <input type="radio" name="payment_method" value="account" class="mt-1 accent-[var(--color-gold-dark)]" @checked($selectedPayment === 'account') @disabled(! $credit['on_account'])>
          <span>
            <span class="flex items-center gap-2 text-sm font-semibold"><i data-lucide="landmark" class="h-4 w-4"></i> On account</span>
            @if($credit['on_account'])
              <span class="mt-1 block text-xs text-black/55">Net {{ $credit['net_days'] }} days · {{ $money($credit['available_cents']) }} available</span>
              @unless($canUseAccount)
                <span class="mt-1.5 block text-xs font-semibold text-red-700">This order exceeds your available credit.</span>
              @endunless
            @else
              <span class="mt-1 block text-xs text-black/55">Not enabled for your account yet.</span>
            @endif
          </span>
        </label>
        <label class="relative flex cursor-pointer gap-3 rounded-2xl border border-black/10 p-4 transition has-[:checked]:border-[var(--color-gold)] has-[:checked]:bg-[var(--color-gold)]/[0.06]">
          <input type="radio" name="payment_method" value="proforma" class="mt-1 accent-[var(--color-gold-dark)]" @checked($selectedPayment === 'proforma')>
          <span>
            <span class="flex items-center gap-2 text-sm font-semibold"><i data-lucide="file-text" class="h-4 w-4"></i> Proforma invoice</span>
            <span class="mt-1 block text-xs text-black/55">We invoice now; production starts once paid by bank transfer.</span>
          </span>
        </label>
      </div>
    </section>

    {{-- References --}}
    <section class="wd-card wd-reveal p-6" style="--i:3">
      <p class="wd-eyebrow">Step 3</p>
      <h2 class="mt-1 text-lg font-semibold">References</h2>
      <div class="mt-4 grid gap-4 sm:grid-cols-2">
        <label class="block">
          <span class="wd-label">Your PO number</span>
          <input name="po_number" value="{{ old('po_number', $cart->po_number) }}" maxlength="64" class="wd-input" placeholder="e.g. PO-2026-118">
        </label>
        <div class="flex items-end text-xs text-black/45">Shown on your invoice and packing slip so your accounts team can match it.</div>
        <label class="block sm:col-span-2">
          <span class="wd-label">Notes for our team</span>
          <textarea name="notes" rows="3" maxlength="2000" class="wd-input" placeholder="Delivery window, dock access, branding notes…">{{ old('notes', $cart->notes) }}</textarea>
        </label>
      </div>
    </section>

    {{-- Lines --}}
    <section class="wd-card wd-reveal overflow-hidden" style="--i:4">
      <div class="flex items-center justify-between px-6 pt-6">
        <h2 class="text-lg font-semibold">{{ count($quote['lines']) }} {{ str('line')->plural(count($quote['lines'])) }} · {{ number_format($quote['units']) }} units</h2>
        <a href="{{ route('wholesale.order-pad') }}" class="text-sm font-medium text-[var(--color-gold-dark)] hover:underline">Edit</a>
      </div>
      <div class="mt-3 overflow-x-auto">
        <table class="wd-table">
          <thead><tr><th>Item</th><th class="text-right">Qty</th><th class="text-right">Unit</th><th class="text-right">Discount</th><th class="text-right">Line total</th></tr></thead>
          <tbody>
            @foreach($quote['lines'] as $line)
              <tr>
                <td><p class="font-medium">{{ $line['title'] }}</p><p class="text-xs text-black/45">{{ $line['variant_title'] ?: '—' }} · <span class="font-mono">{{ $line['sku'] }}</span></p></td>
                <td class="text-right tabular-nums">{{ number_format($line['quantity']) }}</td>
                <td class="text-right tabular-nums">{{ $money($line['unit_price_cents']) }}</td>
                <td class="text-right tabular-nums text-[var(--color-gold-dark)]">{{ $line['discount_bps'] ? '−'.rtrim(rtrim(number_format($line['discount_bps'] / 100, 2), '0'), '.').'%' : '—' }}</td>
                <td class="text-right font-semibold tabular-nums">{{ $money($line['total_cents']) }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </section>
  </div>

  {{-- Totals --}}
  <aside class="lg:sticky lg:top-24 lg:self-start">
    <div class="wd-card wd-reveal overflow-hidden" style="--i:2">
      <div class="wd-card-ink rounded-none p-6">
        <p class="wd-eyebrow">Order total</p>
        <p class="mt-3 text-4xl wd-kpi">{{ $money($totals['total_cents']) }}</p>
        <p class="mt-1 text-sm text-emerald-300">You save {{ $money($quote['savings_cents']) }} vs retail</p>
      </div>
      <div class="space-y-2 p-6 text-sm">
        <div class="wd-summary-line"><span class="text-black/55">Contract subtotal</span><span class="tabular-nums">{{ $money($quote['subtotal_cents']) }}</span></div>
        <div class="wd-summary-line"><span class="text-black/55">Trade discount</span><span class="tabular-nums text-[var(--color-gold-dark)]">−{{ $money($quote['discount_cents']) }}</span></div>
        <div class="wd-summary-line"><span class="text-black/55">Freight</span><span class="text-black/55">Quoted at dispatch</span></div>
        <div class="wd-summary-line"><span class="text-black/55">GST{{ $taxIncluded ? ' (included)' : '' }}</span><span class="tabular-nums">{{ $money($totals['tax_cents']) }}</span></div>
        <div class="wd-summary-line border-t border-black/5 pt-3 text-base font-semibold"><span>Total</span><span class="tabular-nums">{{ $money($totals['total_cents']) }}</span></div>

        <button class="wd-btn wd-btn-gold mt-4 w-full justify-center py-3 text-base" @disabled($locations->isEmpty())>
          @if($needsApproval)
            <i data-lucide="send" class="h-4 w-4"></i> Send for approval
          @else
            <i data-lucide="lock" class="h-4 w-4"></i> Place order
          @endif
        </button>
        <p class="pt-1 text-center text-[11px] text-black/40">Placing an order accepts the TRA trade terms. You'll receive an emailed confirmation and invoice.</p>
      </div>
    </div>
  </aside>
</form>
</x-layouts.wholesale>