@php
  [$icon, $eyebrow, $title, $body] = match (true) {
      $suspendedCompany !== null => ['pause-circle', 'Account on hold', 'Your trade account is paused', 'Access to the trade desk for '.$suspendedCompany->name.' is temporarily suspended. Please contact your account manager or our trade team to restore it.'],
      $application?->status === 'pending' => ['hourglass', 'Under review', 'Your application is being reviewed', 'Application '.$application->reference().' was received '.$application->created_at->diffForHumans().'. We will email you as soon as a decision is made.'],
      $application?->status === 'rejected' => ['circle-x', 'Not approved', 'We could not approve this application', ($application->review_note ? '“'.$application->review_note.'” ' : '').'You are welcome to reapply with more detail about your business.'],
      default => ['briefcase-business', 'Trade program', 'No trade account on this login', 'Apply for a wholesale account to unlock partner pricing, account terms and the trade desk.'],
  };
  $canReapply = $suspendedCompany === null && $application?->status !== 'pending';
@endphp
<x-layouts.website :seo="$seo" theme="ink">
<section class="home-shell mx-auto max-w-xl py-24 text-center">
  <span class="mx-auto flex h-16 w-16 items-center justify-center rounded-2xl border border-white/10 bg-white/[0.04] text-[var(--color-gold)]"><i data-lucide="{{ $icon }}" class="h-8 w-8"></i></span>
  <p class="home-eyebrow mt-8">{{ $eyebrow }}</p>
  <h1 class="mt-3 text-3xl font-semibold tracking-tight sm:text-4xl">{{ $title }}</h1>
  <p class="mt-4 text-white/60">{{ $body }}</p>
  @if($application?->status === 'pending')
    <div class="mx-auto mt-8 h-1.5 max-w-xs overflow-hidden rounded-full bg-white/10"><span class="block h-full w-2/3 animate-pulse rounded-full bg-[var(--color-gold)]"></span></div>
  @endif
  <div class="mt-10 flex flex-wrap justify-center gap-3">
    @if($canReapply)
      <a href="{{ route('wholesale.apply') }}" class="home-btn home-btn-gold">{{ $application ? 'Apply again' : 'Apply now' }}</a>
    @endif
    <a href="{{ route('account.dashboard') }}" class="home-btn home-btn-outline">My account</a>
  </div>
</section>
</x-layouts.website>