@extends('layouts.admin')
@section('title', $company->name.' · Wholesale')
@section('content')
@php
  $money = fn (int $cents) => 'AUD '.number_format($cents / 100, 2);
  $agingLabels = ['current' => 'Current', 'd1_30' => '1–30 days', 'd31_60' => '31–60 days', 'd61_plus' => '61+ days'];
@endphp
<x-crm.shell :title="$company->name" :subtitle="($company->tier?->name ?? 'No tier').' · '.($company->paymentTerm?->name ?? 'Proforma').' · approved '.($company->wholesale_approved_at?->format('d M Y') ?? '—')">
    <x-slot:actions>
        <a href="{{ route('admin.wholesale.accounts.index') }}" class="admin-btn">All accounts</a>
        @if(config('admin_modules.crm'))
            <a href="{{ route('admin.crm.companies.show', $company) }}" class="admin-btn">CRM record</a>
        @endif
        <x-admin.badge :tone="$company->wholesale_status === 'approved' ? 'success' : 'danger'">{{ $company->wholesale_status === 'approved' ? 'active' : 'suspended' }}</x-admin.badge>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Lifetime spend" :value="$money($stats['lifetime_cents'])" :meta="$stats['order_count'].' orders'" />
        <x-crm.stat label="Trailing 12 months" :value="$money($stats['trailing_cents'])" :meta="$tierProgress['next'] ? $money($tierProgress['remaining_cents']).' to '.$tierProgress['next']->name : 'Top tier'" />
        <x-crm.stat label="Saved vs retail" :value="$money($stats['savings_cents'])" />
        <x-crm.stat label="Outstanding" :value="$money($credit['used_cents'])" :meta="$credit['limit_cents'] ? 'of '.$money($credit['limit_cents']).' limit' : 'No credit line'" />
        <x-crm.stat label="Overdue" :value="$money($credit['overdue_cents'])" :tone="$credit['overdue_cents'] ? 'danger' : null" />
    </x-slot:stats>

    <div class="grid gap-6 p-4 sm:p-6 lg:grid-cols-[minmax(0,1fr)_360px] lg:px-8">
        <div class="space-y-6">
            @if($pendingApprovals->isNotEmpty())
                <div class="rounded-2xl border border-[var(--color-warning)]/40 bg-[#fff8e6] p-4 text-sm">
                    <p class="font-semibold">{{ $pendingApprovals->count() }} order {{ str('request')->plural($pendingApprovals->count()) }} waiting on the customer's internal approval</p>
                    <ul class="mt-2 space-y-1 text-[#6d7175]">
                        @foreach($pendingApprovals as $cart)
                            <li>{{ $cart->customer->name ?: $cart->customer->email }} · {{ $money((int) $cart->net_cents) }} · {{ $cart->submitted_at?->diffForHumans() }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <section class="admin-card overflow-hidden">
                <div class="flex items-center justify-between border-b border-[var(--color-admin-border)] px-5 py-4">
                    <h2 class="font-semibold">Recent trade orders</h2>
                </div>
                <div class="admin-table-wrap">
                    <table class="admin-table">
                        <thead><tr><th>Order</th><th>PO</th><th>Fulfilment</th><th>Payment</th><th class="text-right">Total</th><th></th></tr></thead>
                        <tbody>
                            @forelse($orders as $order)
                                <tr>
                                    <td><a href="{{ route('admin.orders.show', $order) }}" class="font-medium text-[#2c6ecb] hover:underline">{{ $order->number }}</a><div class="text-xs text-[#6d7175]">{{ $order->created_at->format('d M Y') }}</div></td>
                                    <td class="text-sm">{{ $order->po_number ?: '—' }}</td>
                                    <td><x-admin.badge :tone="$order->fulfillment_status === 'fulfilled' ? 'success' : 'muted'">{{ str_replace('_', ' ', $order->fulfillment_status) }}</x-admin.badge></td>
                                    <td>
                                        @if($order->status === 'canceled')
                                            <x-admin.badge tone="muted">canceled</x-admin.badge>
                                        @elseif($order->payment_status === 'paid')
                                            <x-admin.badge tone="success">paid</x-admin.badge>
                                        @else
                                            <x-admin.badge :tone="$order->isOverdue() ? 'danger' : 'warning'">{{ $order->isOverdue() ? 'overdue' : 'due '.($order->payment_due_at?->format('d M') ?? 'now') }}</x-admin.badge>
                                        @endif
                                    </td>
                                    <td class="text-right tabular-nums">{{ $order->money('total_cents') }}</td>
                                    <td class="text-right">
                                        @if($order->payment_status === 'pending' && $order->status !== 'canceled')
                                            <form method="post" action="{{ route('admin.wholesale.accounts.orders.paid', [$company, $order]) }}" onsubmit="return confirm('Record full payment for {{ $order->number }}?')">@csrf
                                                <button class="admin-btn !py-1 text-xs">Mark paid</button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="p-6 text-center text-sm text-[#6d7175]">No trade orders yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </section>

            <section class="admin-card overflow-hidden">
                <div class="flex items-center justify-between gap-3 border-b border-[var(--color-admin-border)] px-5 py-4">
                    <div>
                        <h2 class="font-semibold">Account-only volume breaks</h2>
                        <p class="text-xs text-[#6d7175]">Extra quantity or order-value discounts that only this account receives.</p>
                    </div>
                    <a href="{{ route('admin.wholesale.rules.index') }}" class="admin-btn !py-1 text-xs">All rules</a>
                </div>
                <ul class="divide-y divide-[var(--color-admin-border)]">
                    @forelse($accountRules as $rule)
                        <li class="flex flex-wrap items-center justify-between gap-3 px-5 py-3 text-sm">
                            <span class="min-w-0">
                                <span class="font-medium">{{ $rule->name }}</span>
                                @unless($rule->active)<x-admin.badge tone="muted">paused</x-admin.badge>@endunless
                                <span class="block text-xs text-[#6d7175]">{{ $rule->thresholdLabel() }} · {{ $rule->product?->title ?? 'whole order' }}@if($rule->ends_at) · ends {{ $rule->ends_at->format('d M Y') }}@endif</span>
                            </span>
                            <span class="flex items-center gap-2">
                                <x-admin.badge tone="info">{{ $rule->discountLabel() }}</x-admin.badge>
                                <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 break?')">@csrf @method('DELETE')<button class="admin-btn !py-1 text-xs text-[var(--color-danger)]">Delete</button></form>
                            </span>
                        </li>
                    @empty
                        <li class="px-5 py-4 text-sm text-[#6d7175]">No account-only breaks. Global and tier breaks still apply.</li>
                    @endforelse
                </ul>
                <details class="border-t border-[var(--color-admin-border)]">
                    <summary class="flex cursor-pointer list-none items-center gap-2 px-5 py-3 text-sm font-medium"><i data-lucide="plus" class="h-4 w-4"></i> Add a break for {{ $company->name }}</summary>
                    <form method="post" action="{{ route('admin.wholesale.rules.store') }}" class="grid gap-3 px-5 pb-5 sm:grid-cols-6">
                        @csrf
                        <input type="hidden" name="crm_company_id" value="{{ $company->id }}">
                        <label class="block sm:col-span-3"><span class="admin-label">Name</span><input name="name" required maxlength="80" class="admin-input w-full" placeholder="VIP 50+ units"></label>
                        <label class="block sm:col-span-3"><span class="admin-label">Product <span class="normal-case text-[#8c9196]">(blank = whole order)</span></span>
                            <select name="product_id" class="admin-input w-full">
                                <option value="">Whole order</option>
                                @foreach($products as $product)<option value="{{ $product->id }}">{{ $product->title }}</option>@endforeach
                            </select>
                        </label>
                        <label class="block sm:col-span-2"><span class="admin-label">Based on</span>
                            <select name="basis" class="admin-input w-full">
                                <option value="quantity">Units</option>
                                <option value="value">Order value (AUD)</option>
                            </select>
                        </label>
                        <label class="block sm:col-span-2"><span class="admin-label">From</span><input name="min_threshold" type="number" min="1" step="1" required class="admin-input w-full" placeholder="50"></label>
                        <label class="block sm:col-span-2"><span class="admin-label">Discount (%)</span><input name="discount" type="number" min="0.01" max="{{ $maxDiscountPercent }}" step="0.5" required class="admin-input w-full" placeholder="5"></label>
                        <label class="block sm:col-span-3"><span class="admin-label">Starts</span><input name="starts_at" type="date" class="admin-input w-full"></label>
                        <label class="block sm:col-span-3"><span class="admin-label">Ends</span><input name="ends_at" type="date" class="admin-input w-full"></label>
                        <div class="sm:col-span-6"><button class="admin-btn admin-btn-primary">Add break</button></div>
                    </form>
                </details>
            </section>

            <section class="admin-card p-5">
                <h2 class="font-semibold">Activity</h2>
                <ol class="mt-4 space-y-3">
                    @forelse($activities as $activity)
                        <li class="flex gap-3 text-sm">
                            <span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-[#f1f2f3] text-[#6d7175]"><i data-lucide="{{ $activity->icon() }}" class="h-3.5 w-3.5"></i></span>
                            <div>
                                <p>{{ $activity->summary }}</p>
                                <p class="text-xs text-[#8c9196]">{{ $activity->customer?->name ?? $activity->customer?->email ?? 'TRA' }} · {{ $activity->created_at?->format('d M Y H:i') }}</p>
                            </div>
                        </li>
                    @empty
                        <li class="text-sm text-[#6d7175]">No activity yet.</li>
                    @endforelse
                </ol>
            </section>
        </div>

        <aside class="space-y-6">
            <form method="post" action="{{ route('admin.wholesale.accounts.update', $company) }}" class="admin-card space-y-3 p-5">
                @csrf @method('PUT')
                <h2 class="font-semibold">Trade terms</h2>
                <label class="block"><span class="admin-label">Status</span>
                    <select name="wholesale_status" class="admin-input w-full">
                        <option value="approved" @selected($company->wholesale_status === 'approved')>Active</option>
                        <option value="suspended" @selected($company->wholesale_status === 'suspended')>Suspended (blocks the trade desk)</option>
                    </select>
                </label>
                <label class="block"><span class="admin-label">Tier</span>
                    <select name="wholesale_tier_id" class="admin-input w-full">
                        <option value="">No tier</option>
                        @foreach($tiers as $tier)<option value="{{ $tier->id }}" @selected($company->wholesale_tier_id === $tier->id)>{{ $tier->name }} · {{ $tier->discountLabel() }}</option>@endforeach
                    </select>
                </label>
                <label class="block"><span class="admin-label">Payment terms</span>
                    <select name="payment_term_id" class="admin-input w-full">
                        <option value="">Proforma only</option>
                        @foreach($paymentTerms as $term)<option value="{{ $term->id }}" @selected($company->payment_term_id === $term->id)>{{ $term->name }}</option>@endforeach
                    </select>
                </label>
                <label class="block"><span class="admin-label">Credit limit (AUD)</span>
                    <input name="credit_limit" type="number" min="0" step="100" value="{{ (int) $company->credit_limit_cents / 100 }}" class="admin-input w-full">
                </label>
                <label class="block"><span class="admin-label">Contract price list</span>
                    <select name="price_list_id" class="admin-input w-full">
                        <option value="">Retail prices</option>
                        @foreach($priceLists as $list)<option value="{{ $list->id }}" @selected($company->price_list_id === $list->id)>{{ $list->name }}</option>@endforeach
                    </select>
                </label>
                <label class="block"><span class="admin-label">Account manager</span>
                    <select name="account_manager_id" class="admin-input w-full">
                        <option value="">Unassigned</option>
                        @foreach($staff as $user)<option value="{{ $user->id }}" @selected($company->account_manager_id === $user->id)>{{ $user->name }}</option>@endforeach
                    </select>
                </label>
                <button class="admin-btn admin-btn-primary w-full justify-center">Save terms</button>
            </form>

            @php
              $tierBps = (int) ($company->tier?->base_discount_bps ?? 0);
              $hasCustom = $company->custom_discount_bps !== null;
              $customActive = $company->hasActiveCustomDiscount();
              $cdErrors = $errors->customDiscount;
            @endphp
            <section id="custom-discount" class="admin-card scroll-mt-24 overflow-hidden" data-custom-discount data-tier-bps="{{ $tierBps }}" data-max-bps="{{ (int) ($maxDiscountPercent * 100) }}">
                <div class="flex items-center justify-between gap-3 border-b border-[var(--color-admin-border)] px-5 py-4">
                    <div>
                        <h2 class="font-semibold">Custom discount</h2>
                        <p class="text-xs text-[#6d7175]">A special base rate just for this account.</p>
                    </div>
                    @if($hasCustom)
                        <x-admin.badge :tone="$customActive ? 'success' : 'muted'">{{ $customActive ? 'active' : 'expired' }}</x-admin.badge>
                    @endif
                </div>

                <div class="grid grid-cols-3 gap-2 bg-[#fafbfb] px-5 py-4 text-center">
                    <div><p class="text-[10px] uppercase tracking-wider text-[#8c9196]">Tier</p><p class="font-semibold tabular-nums">{{ $company->tier?->discountLabel() ?? '0%' }}</p></div>
                    <div><p class="text-[10px] uppercase tracking-wider text-[#8c9196]">Custom</p><p class="font-semibold tabular-nums text-[#2c6ecb]">{{ $customActive ? ($company->custom_discount_mode === 'replace' ? '= ' : '+ ').rtrim(rtrim(number_format($company->custom_discount_bps / 100, 2), '0'), '.').'%' : '—' }}</p></div>
                    <div><p class="text-[10px] uppercase tracking-wider text-[#8c9196]">Effective base</p><p class="text-lg font-bold tabular-nums">{{ $company->baseDiscountLabel() }}</p></div>
                </div>

                <form method="post" action="{{ route('admin.wholesale.accounts.custom-discount', $company) }}" class="space-y-3 p-5">
                    @csrf @method('PUT')
                    @if($cdErrors->any())<p class="rounded-lg bg-[#fff4f4] p-2 text-sm text-[var(--color-danger)]">{{ $cdErrors->first() }}</p>@endif
                    <div class="grid grid-cols-2 gap-2">
                        @foreach(['add' => ['On top of tier', 'Tier + custom'], 'replace' => ['Replace tier', 'Custom only']] as $mode => [$label, $hint])
                            <label class="flex cursor-pointer flex-col rounded-xl border border-[var(--color-admin-border)] p-2.5 text-sm has-[:checked]:border-[#111] has-[:checked]:bg-[#fafafa]">
                                <span class="flex items-center gap-2"><input type="radio" name="custom_discount_mode" value="{{ $mode }}" data-cd-mode @checked(old('custom_discount_mode', $company->custom_discount_mode ?? 'add') === $mode)> <span class="font-medium">{{ $label }}</span></span>
                                <span class="pl-5 text-xs text-[#6d7175]">{{ $hint }}</span>
                            </label>
                        @endforeach
                    </div>
                    <label class="block"><span class="admin-label">Discount (%)</span>
                        <input name="custom_discount" type="number" min="0.1" max="{{ $maxDiscountPercent }}" step="0.5" required data-cd-input value="{{ old('custom_discount', $hasCustom ? $company->custom_discount_bps / 100 : '') }}" class="admin-input w-full" placeholder="e.g. 5">
                    </label>
                    <p class="rounded-lg bg-[#f1f8ff] px-3 py-2 text-xs text-[#1f5c99]" data-cd-preview>Enter a discount to preview the account's new base rate.</p>
                    <label class="block"><span class="admin-label">Ends on <span class="normal-case text-[#8c9196]">(optional)</span></span>
                        <input name="custom_discount_ends_at" type="date" min="{{ now()->addDay()->toDateString() }}" value="{{ old('custom_discount_ends_at', $company->custom_discount_ends_at?->toDateString()) }}" class="admin-input w-full">
                    </label>
                    <label class="block"><span class="admin-label">Internal note</span>
                        <input name="custom_discount_note" maxlength="190" value="{{ old('custom_discount_note', $company->custom_discount_note) }}" class="admin-input w-full" placeholder="Why this account gets a special rate">
                    </label>
                    <button class="admin-btn admin-btn-primary w-full justify-center">{{ $hasCustom ? 'Update custom discount' : 'Give custom discount' }}</button>
                </form>
                @if($hasCustom)
                    <form method="post" action="{{ route('admin.wholesale.accounts.custom-discount.destroy', $company) }}" class="px-5 pb-5" onsubmit="return confirm('Remove the custom discount and return to the tier rate?')">
                        @csrf @method('DELETE')
                        <button class="w-full text-center text-xs font-medium text-[var(--color-danger)] hover:underline">Remove custom discount</button>
                    </form>
                @endif
            </section>

            <section class="admin-card p-5">
                <h2 class="font-semibold">Aging</h2>
                <dl class="mt-3 space-y-2 text-sm">
                    @foreach($agingLabels as $key => $label)
                        <div class="flex justify-between"><dt class="text-[#6d7175]">{{ $label }}</dt><dd class="tabular-nums {{ $key !== 'current' && $aging[$key] > 0 ? 'font-semibold text-[var(--color-danger)]' : '' }}">{{ $money($aging[$key]) }}</dd></div>
                    @endforeach
                    <div class="flex justify-between border-t border-[var(--color-admin-border)] pt-2 font-semibold"><dt>Total owing</dt><dd class="tabular-nums">{{ $money($aging['total']) }}</dd></div>
                </dl>
            </section>

            <section class="admin-card p-5">
                <h2 class="font-semibold">Team ({{ $company->members->count() }})</h2>
                <ul class="mt-3 space-y-2 text-sm">
                    @foreach($company->members as $member)
                        <li class="flex items-center justify-between gap-2">
                            <span class="min-w-0"><span class="block truncate">{{ $member->customer?->name ?: $member->customer?->email }}</span><span class="block truncate text-xs text-[#8c9196]">{{ $member->customer?->email }}</span></span>
                            <x-admin.badge :tone="$member->role === 'owner' ? 'info' : 'muted'">{{ $member->roleLabel() }}</x-admin.badge>
                        </li>
                    @endforeach
                </ul>
            </section>

            <section class="admin-card p-5">
                <h2 class="font-semibold">Locations</h2>
                <ul class="mt-3 space-y-2 text-sm">
                    @forelse($company->locations as $location)
                        <li><span class="font-medium">{{ $location->label }}</span>@if($location->is_default) <span class="text-xs text-[#8c9196]">(default)</span>@endif<div class="text-xs text-[#6d7175]">{{ $location->oneLine() }}</div></li>
                    @empty
                        <li class="text-[#6d7175]">None yet.</li>
                    @endforelse
                </ul>
            </section>
        </aside>
    </div>
</x-crm.shell>
@push('scripts')
<script>
  (() => {
    const card = document.querySelector('[data-custom-discount]');
    if (!card) {
      return;
    }
    const tierBps = Number(card.dataset.tierBps);
    const maxBps = Number(card.dataset.maxBps);
    const input = card.querySelector('[data-cd-input]');
    const preview = card.querySelector('[data-cd-preview]');
    const pct = (bps) => `${Number((bps / 100).toFixed(2))}%`;
    const render = () => {
      const custom = Math.round(Number(input.value || 0) * 100);
      if (!custom) {
        preview.textContent = 'Enter a discount to preview the account\'s new base rate.';
        return;
      }
      const mode = card.querySelector('[data-cd-mode]:checked')?.value ?? 'add';
      const base = mode === 'replace' ? custom : tierBps + custom;
      const capped = Math.min(base, maxBps);
      preview.textContent = `New base rate: ${pct(capped)}${mode === 'add' ? ` (${pct(tierBps)} tier + ${pct(custom)})` : ' (replaces tier)'}${base > maxBps ? ` · capped at ${pct(maxBps)}` : ''}. Volume breaks apply on top per your settings.`;
    };
    input.addEventListener('input', render);
    card.querySelectorAll('[data-cd-mode]').forEach((radio) => radio.addEventListener('change', render));
    render();
  })();
</script>
@endpush
@endsection