@php
  $quoteTone = fn (string $status) => match ($status) {
      'accepted', 'converted' => 'wd-pill-success',
      'declined', 'expired', 'rejected' => 'wd-pill-danger',
      'sent' => 'wd-pill-gold',
      default => '',
  };
@endphp
<x-layouts.wholesale :seo="$seo" title="Quotes & custom work" subtitle="Branded canvas, custom sizes and full ring builds — priced for your account">
<div class="grid gap-6 lg:grid-cols-[minmax(0,1fr)_420px]">
  <div class="space-y-6">
    <section class="wd-card wd-reveal overflow-hidden">
      <div class="px-6 pt-6">
        <p class="wd-eyebrow">From your account manager</p>
        <h2 class="mt-1 text-lg font-semibold">Formal quotes</h2>
      </div>
      @if($quotes->isEmpty())
        <p class="px-6 pb-6 pt-3 text-sm text-black/50">When we send you a quote it appears here, ready to review and accept online.</p>
      @else
        <div class="mt-3 overflow-x-auto">
          <table class="wd-table">
            <thead><tr><th>Quote</th><th>Status</th><th>Valid until</th><th class="text-right">Total</th><th></th></tr></thead>
            <tbody>
              @foreach($quotes as $quote)
                <tr>
                  <td><p class="font-semibold">{{ $quote->number }}@if($quote->revision > 1) <span class="text-xs font-normal text-black/45">rev {{ $quote->revision }}</span>@endif</p><p class="text-xs text-black/45">{{ ($quote->sent_at ?? $quote->created_at)->format('d M Y') }}</p></td>
                  <td><span class="wd-pill {{ $quoteTone((string) $quote->status) }}">{{ str($quote->status)->replace('_', ' ')->title() }}</span></td>
                  <td class="text-black/60">{{ $quote->expires_at?->format('d M Y') ?? '—' }}</td>
                  <td class="text-right font-semibold tabular-nums">{{ $quote->currency }} {{ number_format($quote->total_cents / 100, 2) }}</td>
                  <td class="text-right">
                    @if($quote->accept_token)
                      <a href="{{ route('quotes.show', $quote->accept_token) }}" target="_blank" class="wd-btn py-1.5 text-xs">{{ $quote->status === 'sent' ? 'Review & accept' : 'View' }}</a>
                    @endif
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      @endif
    </section>

    <section class="wd-card wd-reveal overflow-hidden" style="--i:1">
      <div class="px-6 pt-6"><h2 class="text-lg font-semibold">Your requests</h2></div>
      @if($requests->isEmpty())
        <p class="px-6 pb-6 pt-3 text-sm text-black/50">Requests you send are tracked here.</p>
      @else
        <ul class="mt-3 divide-y divide-black/5">
          @foreach($requests as $lead)
            <li class="flex items-start justify-between gap-4 px-6 py-4">
              <div class="min-w-0">
                <p class="font-medium">{{ $lead->payload['subject'] ?? 'Quote request' }}</p>
                <p class="mt-0.5 text-xs text-black/45">
                  {{ number_format((int) ($lead->payload['quantity'] ?? 0)) }} units
                  @if(! empty($lead->payload['needed_by'])) · needed by {{ \Illuminate\Support\Carbon::parse($lead->payload['needed_by'])->format('d M Y') }} @endif
                  @if(! empty($lead->payload['branding'])) · custom branding @endif
                  · sent {{ $lead->created_at->diffForHumans() }}
                </p>
              </div>
              <span class="wd-pill {{ $lead->status === 'new' ? 'wd-pill-warning' : 'wd-pill-success' }}">{{ $lead->status === 'new' ? 'Received' : str($lead->status)->replace('_', ' ')->title() }}</span>
            </li>
          @endforeach
        </ul>
      @endif
    </section>
  </div>

  <aside id="request" class="lg:sticky lg:top-24 lg:self-start">
    @if(! $wsSettings['quotes_enabled'])
      <div class="wd-card p-6 text-sm text-black/60"><p class="font-semibold text-black">Quote requests are paused</p><p class="mt-1">Please contact your account manager for custom work.</p></div>
    @else
    <form method="post" action="{{ route('wholesale.quotes.store') }}" class="wd-card wd-reveal space-y-4 p-6" style="--i:2">@csrf
      <div>
        <p class="wd-eyebrow">New request</p>
        <h2 class="mt-1 text-lg font-semibold">Tell us what you need</h2>
        <p class="mt-1 text-sm text-black/50">Typical turnaround is one business day.</p>
      </div>
      <label class="block">
        <span class="wd-label">What are you after?</span>
        <input name="subject" required maxlength="160" value="{{ old('subject') }}" class="wd-input" placeholder="e.g. 20ft competition ring, branded canvas">
      </label>
      <div class="grid grid-cols-2 gap-3">
        <label class="block">
          <span class="wd-label">Quantity</span>
          <input name="quantity" type="number" min="1" required value="{{ old('quantity', 1) }}" class="wd-input">
        </label>
        <label class="block">
          <span class="wd-label">Needed by</span>
          <input name="needed_by" type="date" min="{{ now()->addDay()->toDateString() }}" value="{{ old('needed_by') }}" class="wd-input">
        </label>
      </div>
      <label class="flex items-center gap-3 rounded-xl border border-black/10 p-3 text-sm">
        <input type="hidden" name="branding" value="0">
        <input type="checkbox" name="branding" value="1" class="h-4 w-4 accent-[var(--color-gold-dark)]" @checked(old('branding'))>
        <span>Includes custom branding or logo printing</span>
      </label>
      <label class="block">
        <span class="wd-label">Specs &amp; details</span>
        <textarea name="details" rows="5" required maxlength="4000" class="wd-input" placeholder="Sizes, colours, materials, delivery location, artwork notes…">{{ old('details') }}</textarea>
      </label>
      <button class="wd-btn wd-btn-gold w-full justify-center py-3"><i data-lucide="send" class="h-4 w-4"></i> Send request</button>
    </form>
    @endif
  </aside>
</div>
</x-layouts.wholesale>