@extends('layouts.admin')
@section('title', 'Wholesale tiers')
@section('content')
@php
  $money = fn (int $cents) => 'AUD '.number_format($cents / 100);
  $fields = function (?\App\Models\WholesaleTier $tier) {
      $value = fn (string $key, mixed $default) => $tier ? $default : old($key, $default);

      return [
          'name' => $value('name', $tier?->name),
          'color' => $value('color', $tier?->color ?? '#DAAF37'),
          'base_discount' => $value('base_discount', $tier ? $tier->base_discount_bps / 100 : 10),
          'min_order' => $value('min_order', $tier ? $tier->min_order_cents / 100 : 0),
          'annual_spend_threshold' => $value('annual_spend_threshold', $tier ? $tier->annual_spend_threshold_cents / 100 : 0),
          'default_credit_limit' => $value('default_credit_limit', $tier ? $tier->default_credit_limit_cents / 100 : 0),
          'payment_term_id' => $value('payment_term_id', $tier?->payment_term_id),
          'perks' => $value('perks', implode("\n", $tier?->perks ?? [])),
          'position' => $value('position', $tier?->position ?? 0),
          'active' => $tier?->active ?? true,
      ];
  };
@endphp
<x-crm.shell title="Wholesale tiers" subtitle="Base discounts, minimum orders, default terms and credit — tiers are suggested by trailing 12-month spend.">
    <x-slot:actions>
        <a href="{{ route('admin.wholesale.accounts.index') }}" class="admin-btn">Accounts</a>
        <a href="{{ route('admin.wholesale.rules.index') }}" class="admin-btn admin-btn-primary">Volume discounts</a>
    </x-slot:actions>

    <div class="grid gap-6 p-4 sm:p-6 lg:grid-cols-[minmax(0,1fr)_380px] lg:px-8">
        <div class="space-y-4">
            @forelse($tiers as $tier)
                @php $f = $fields($tier); @endphp
                <details class="admin-card overflow-hidden">
                    <summary class="flex cursor-pointer list-none flex-wrap items-center gap-4 p-5">
                        <span class="flex h-11 w-11 items-center justify-center rounded-xl text-white" style="background: {{ $tier->color }}"><i data-lucide="gem" class="h-5 w-5"></i></span>
                        <div class="min-w-0 flex-1">
                            <p class="flex items-center gap-2 font-semibold">{{ $tier->name }} @unless($tier->active)<x-admin.badge tone="muted">inactive</x-admin.badge>@endunless</p>
                            <p class="text-xs text-[#6d7175]">{{ $tier->annual_spend_threshold_cents ? 'From '.$money($tier->annual_spend_threshold_cents).' / yr' : 'Entry tier' }} · min order {{ $tier->min_order_cents ? $money($tier->min_order_cents) : 'none' }} · {{ $tier->paymentTerm?->name ?? 'Proforma' }} · credit {{ $money($tier->default_credit_limit_cents) }}</p>
                        </div>
                        <span class="text-2xl font-semibold" style="color: {{ $tier->color }}">{{ $tier->discountLabel() }}</span>
                        <span class="rounded-full bg-[#f1f2f3] px-2.5 py-1 text-xs">{{ $tier->companies_count }} {{ str('account')->plural($tier->companies_count) }}</span>
                    </summary>
                    <div class="border-t border-[var(--color-admin-border)] p-5">
                        <form method="post" action="{{ route('admin.wholesale.tiers.update', $tier) }}">
                            @csrf @method('PUT')
                            @include('admin.wholesale.partials.tier-fields', ['f' => $f, 'paymentTerms' => $paymentTerms])
                            <div class="mt-4 flex justify-between">
                                <button class="admin-btn admin-btn-primary">Save tier</button>
                            </div>
                        </form>
                        @if($tier->companies_count === 0)
                            <form method="post" action="{{ route('admin.wholesale.tiers.destroy', $tier) }}" class="mt-3" onsubmit="return confirm('Delete the {{ $tier->name }} tier?')">@csrf @method('DELETE')
                                <button class="text-xs font-medium text-[var(--color-danger)] hover:underline">Delete tier</button>
                            </form>
                        @endif
                    </div>
                </details>
            @empty
                <x-admin.empty title="No tiers yet" body="Create your first tier — e.g. Silver 10%, Gold 15%, Platinum 20%." />
            @endforelse
        </div>

        <aside>
            <form method="post" action="{{ route('admin.wholesale.tiers.store') }}" class="admin-card p-5 lg:sticky lg:top-24">
                @csrf
                <h2 class="font-semibold">New tier</h2>
                <div class="mt-4">
                    @include('admin.wholesale.partials.tier-fields', ['f' => $fields(null), 'paymentTerms' => $paymentTerms])
                </div>
                <button class="admin-btn admin-btn-primary mt-4 w-full justify-center">Create tier</button>
            </form>
        </aside>
    </div>
</x-crm.shell>
@endsection