@extends('layouts.admin')
@section('title', 'Wholesale volume discounts')
@section('content')
@php
  $pct = fn (int $bps) => rtrim(rtrim(number_format($bps / 100, 2), '0'), '.').'%';
  $grouped = $rules->groupBy(fn ($rule) => $rule->product_id ? 'product' : $rule->basis);
  $sections = [
      'quantity' => ['Order quantity breaks', 'boxes', 'Total units across the whole order.'],
      'value' => ['Order value breaks', 'banknote', 'Contract subtotal of the order, before trade discounts and freight.'],
      'product' => ['Product breaks', 'package', 'Units or value of one product. Competes with the order rate — the better one wins per line.'],
  ];
@endphp
@php $wholesaleSettings = app(\App\Domain\Wholesale\Services\WholesaleSettingsService::class); @endphp
<x-crm.shell title="Volume discounts" subtitle="Quantity and order-value breaks {{ $wholesaleSettings->stacksVolumeOnBase() ? 'stack on top of' : 'compete with' }} the account base discount (best order-wide break wins), capped at {{ $wholesaleSettings->maxDiscountBps() / 100 }}%.">
    <x-slot:actions>
        <a href="{{ route('admin.wholesale.accounts.index') }}" class="admin-btn">Accounts</a>
        <a href="{{ route('admin.wholesale.tiers.index') }}" class="admin-btn">Tiers</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-6">
            {{-- Simulator --}}
            <form method="get" class="admin-card p-5">
                <div class="flex items-center gap-2"><i data-lucide="calculator" class="h-4 w-4 text-[#6d7175]"></i><h2 class="font-semibold">Pricing simulator</h2></div>
                <div class="mt-3 grid gap-3 sm:grid-cols-4">
                    <label class="block"><span class="admin-label">Tier</span>
                        <select name="sim_tier" class="admin-input w-full">
                            <option value="">No tier</option>
                            @foreach($tiers as $tier)<option value="{{ $tier->id }}" @selected((int) request('sim_tier') === $tier->id)>{{ $tier->name }}</option>@endforeach
                        </select>
                    </label>
                    <label class="block"><span class="admin-label">Units</span><input name="sim_units" type="number" min="0" value="{{ request('sim_units', 50) }}" class="admin-input w-full"></label>
                    <label class="block"><span class="admin-label">Order value (AUD)</span><input name="sim_value" type="number" min="0" step="100" value="{{ request('sim_value', 5000) }}" class="admin-input w-full"></label>
                    <div class="flex items-end"><button class="admin-btn admin-btn-primary w-full justify-center">Simulate</button></div>
                </div>
                @if($simulation)
                    <div class="mt-4 grid gap-3 rounded-xl bg-[#f6f6f7] p-4 text-sm sm:grid-cols-4">
                        <div><p class="text-xs text-[#6d7175]">Tier</p><p class="font-semibold">{{ $pct($simulation['tier_bps']) }}</p></div>
                        <div><p class="text-xs text-[#6d7175]">Best volume break</p><p class="font-semibold">{{ $simulation['rule'] ? '+'.$simulation['rule']->discountLabel().' · '.$simulation['rule']->name : 'None reached' }}</p></div>
                        <div><p class="text-xs text-[#6d7175]">Order rate</p><p class="text-lg font-semibold text-[var(--color-success)]">{{ $pct($simulation['order_bps']) }}</p></div>
                        <div><p class="text-xs text-[#6d7175]">Discount on AUD {{ number_format($simulation['value_cents'] / 100) }}</p><p class="font-semibold">AUD {{ number_format($simulation['savings_cents'] / 100, 2) }}</p></div>
                    </div>
                @endif
            </form>

            @foreach($sections as $key => [$title, $icon, $help])
                <section class="admin-card overflow-hidden">
                    <div class="flex items-start gap-3 border-b border-[var(--color-admin-border)] px-5 py-4">
                        <i data-lucide="{{ $icon }}" class="mt-0.5 h-4 w-4 text-[#6d7175]"></i>
                        <div><h2 class="font-semibold">{{ $title }}</h2><p class="text-xs text-[#6d7175]">{{ $help }}</p></div>
                    </div>
                    <ul class="divide-y divide-[var(--color-admin-border)]">
                        @forelse($grouped[$key] ?? [] as $rule)
                            @php $expired = $rule->ends_at && $rule->ends_at->isPast(); @endphp
                            <li class="px-5 py-3">
                                <div class="flex flex-wrap items-center gap-3">
                                    <span class="w-24 text-lg font-semibold {{ $rule->active && ! $expired ? 'text-[var(--color-success)]' : 'text-[#8c9196]' }}">+{{ $rule->discountLabel() }}</span>
                                    <div class="min-w-0 flex-1">
                                        <p class="font-medium">{{ $rule->name }} <span class="text-sm font-normal text-[#6d7175]">· {{ $rule->thresholdLabel() }}</span></p>
                                        <p class="text-xs text-[#6d7175]">
                                            {{ $rule->scopeLabel() }}@if($rule->product) · {{ $rule->product->title }}@endif
                                            @if($rule->starts_at || $rule->ends_at) · {{ $rule->starts_at?->format('d M Y') ?? 'now' }} → {{ $rule->ends_at?->format('d M Y') ?? 'ongoing' }}@endif
                                        </p>
                                    </div>
                                    @if($expired)<x-admin.badge tone="muted">expired</x-admin.badge>@elseif(! $rule->active)<x-admin.badge tone="warning">paused</x-admin.badge>@endif
                                    <form method="post" action="{{ route('admin.wholesale.rules.update', $rule) }}">@csrf @method('PUT')
                                        <input type="hidden" name="toggle" value="1">
                                        <button class="admin-btn !py-1 text-xs">{{ $rule->active ? 'Pause' : 'Enable' }}</button>
                                    </form>
                                    <form method="post" action="{{ route('admin.wholesale.rules.destroy', $rule) }}" onsubmit="return confirm('Delete this rule?')">@csrf @method('DELETE')
                                        <button class="admin-btn !py-1 text-xs text-[var(--color-danger)]" aria-label="Delete rule"><i data-lucide="trash-2" class="h-3.5 w-3.5"></i></button>
                                    </form>
                                </div>
                                <details class="mt-2">
                                    <summary class="cursor-pointer list-none text-xs font-medium text-[#2c6ecb] hover:underline">Edit</summary>
                                    <form method="post" action="{{ route('admin.wholesale.rules.update', $rule) }}" class="mt-3">
                                        @csrf @method('PUT')
                                        @include('admin.wholesale.partials.rule-fields', ['rule' => $rule])
                                        <button class="admin-btn admin-btn-primary mt-3">Save rule</button>
                                    </form>
                                </details>
                            </li>
                        @empty
                            <li class="px-5 py-4 text-sm text-[#6d7175]">No rules yet.</li>
                        @endforelse
                    </ul>
                </section>
            @endforeach
        </div>

        <aside>
            <form method="post" action="{{ route('admin.wholesale.rules.store') }}" class="admin-card p-5 lg:sticky lg:top-24">
                @csrf
                <h2 class="font-semibold">New discount rule</h2>
                <p class="mt-1 text-xs text-[#6d7175]">Leave tier, account and product empty to apply to every wholesale order.</p>
                <div class="mt-4">@include('admin.wholesale.partials.rule-fields', ['rule' => null])</div>
                <button class="admin-btn admin-btn-primary mt-4 w-full justify-center">Create rule</button>
            </form>
        </aside>
    </div>
</x-crm.shell>
@endsection