@extends('layouts.admin')
@section('title', 'Wholesale settings')
@section('content')
@php
  $money = fn (int $cents) => 'AUD '.number_format($cents / 100);
  $value = fn (string $key, mixed $stored) => old($key, $stored);
  $toggle = fn (string $key) => (bool) old($key, $settings[$key]);
@endphp
<x-crm.shell title="Wholesale settings" subtitle="Program-wide rules for every trade account. Per-account terms and custom discounts live on each account.">
    <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>
        <a href="{{ route('admin.wholesale.rules.index') }}" class="admin-btn">Volume discounts</a>
    </x-slot:actions>

    <form method="post" action="{{ route('admin.wholesale.settings.update') }}" class="grid gap-6 p-4 sm:p-6 lg:grid-cols-[minmax(0,1fr)_340px] lg:px-8">
        @csrf @method('PUT')
        <div class="space-y-6">
            @if($errors->any())
                <div class="rounded-xl border border-[var(--color-danger)]/30 bg-[#fff4f4] p-4 text-sm text-[var(--color-danger)]">{{ $errors->first() }}</div>
            @endif

            {{-- Program --}}
            <section class="admin-card p-5">
                <div class="flex items-start gap-3">
                    <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-[#f1f2f3]"><i data-lucide="door-open" class="h-4 w-4"></i></span>
                    <div>
                        <h2 class="font-semibold">Trade program</h2>
                        <p class="text-sm text-[#6d7175]">Control whether new companies can apply for a trade account.</p>
                    </div>
                </div>
                <div class="mt-4 space-y-4">
                    <label class="flex items-start gap-3 rounded-xl border border-[var(--color-admin-border)] p-3">
                        <input type="hidden" name="applications_open" value="0">
                        <input type="checkbox" name="applications_open" value="1" class="mt-1" @checked($toggle('applications_open'))>
                        <span><span class="block text-sm font-medium">Accept new trade applications</span><span class="block text-xs text-[#6d7175]">When off, /wholesale/apply shows the message below instead of the form.</span></span>
                    </label>
                    <label class="block"><span class="admin-label">Message when applications are closed</span>
                        <textarea name="applications_closed_message" rows="2" maxlength="500" class="admin-input w-full">{{ $value('applications_closed_message', $settings['applications_closed_message']) }}</textarea>
                    </label>
                </div>
            </section>

            {{-- New account defaults --}}
            <section class="admin-card p-5">
                <div class="flex items-start gap-3">
                    <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-[#f1f2f3]"><i data-lucide="user-round-check" class="h-4 w-4"></i></span>
                    <div>
                        <h2 class="font-semibold">Defaults for newly approved accounts</h2>
                        <p class="text-sm text-[#6d7175]">Used when an application is approved without choosing these terms. Leave blank to use the tier's own defaults.</p>
                    </div>
                </div>
                <div class="mt-4 grid gap-4 sm:grid-cols-3">
                    <label class="block"><span class="admin-label">Starting tier</span>
                        <select name="default_tier_id" class="admin-input w-full">
                            <option value="">Entry tier (lowest active)</option>
                            @foreach($tiers as $tier)<option value="{{ $tier->id }}" @selected((int) $value('default_tier_id', $settings['default_tier_id']) === $tier->id)>{{ $tier->name }} · {{ $tier->discountLabel() }}</option>@endforeach
                        </select>
                    </label>
                    <label class="block"><span class="admin-label">Payment terms</span>
                        <select name="default_payment_term_id" class="admin-input w-full">
                            <option value="">Tier default</option>
                            @foreach($paymentTerms as $term)<option value="{{ $term->id }}" @selected((int) $value('default_payment_term_id', $settings['default_payment_term_id']) === $term->id)>{{ $term->name }}</option>@endforeach
                        </select>
                    </label>
                    <label class="block"><span class="admin-label">Credit limit (AUD)</span>
                        <input name="default_credit_limit" type="number" min="0" step="100" value="{{ $value('default_credit_limit', $settings['default_credit_limit_cents'] !== null ? $settings['default_credit_limit_cents'] / 100 : '') }}" class="admin-input w-full" placeholder="Tier default">
                    </label>
                </div>
            </section>

            {{-- Pricing --}}
            <section class="admin-card p-5">
                <div class="flex items-start gap-3">
                    <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-[#f1f2f3]"><i data-lucide="badge-percent" class="h-4 w-4"></i></span>
                    <div>
                        <h2 class="font-semibold">Pricing rules</h2>
                        <p class="text-sm text-[#6d7175]">Applied to every quote, cart and checkout on the trade desk.</p>
                    </div>
                </div>
                <div class="mt-4 grid gap-4 sm:grid-cols-2">
                    <label class="block"><span class="admin-label">Maximum total discount (%)</span>
                        <input name="max_discount" type="number" min="0" max="{{ \App\Domain\Wholesale\Services\WholesaleSettingsService::HARD_MAX_DISCOUNT_BPS / 100 }}" step="0.5" required value="{{ $value('max_discount', $settings['max_discount_bps'] / 100) }}" class="admin-input w-full">
                        <span class="mt-1 block text-xs text-[#6d7175]">No line is ever discounted beyond this, including custom discounts.</span>
                    </label>
                    <label class="block"><span class="admin-label">Global minimum order (AUD)</span>
                        <input name="global_min_order" type="number" min="0" step="50" value="{{ $value('global_min_order', $settings['global_min_order_cents'] / 100) }}" class="admin-input w-full">
                        <span class="mt-1 block text-xs text-[#6d7175]">Used when an account's tier has no minimum. 0 = none.</span>
                    </label>
                    <fieldset class="sm:col-span-2">
                        <legend class="admin-label">How volume breaks combine with the account discount</legend>
                        <div class="mt-1 grid gap-3 sm:grid-cols-2">
                            @foreach([
                                'stack' => ['Stack', 'Base 15% + 5% volume break = 20% off.'],
                                'best' => ['Best of', 'Buyer gets the higher of base or volume break: 15%.'],
                            ] as $mode => [$label, $hint])
                                <label class="flex items-start gap-3 rounded-xl border border-[var(--color-admin-border)] p-3 has-[:checked]:border-[#111] has-[:checked]:bg-[#fafafa]">
                                    <input type="radio" name="volume_stacking" value="{{ $mode }}" class="mt-1" @checked($value('volume_stacking', $settings['volume_stacking']) === $mode)>
                                    <span><span class="block text-sm font-medium">{{ $label }}</span><span class="block text-xs text-[#6d7175]">{{ $hint }}</span></span>
                                </label>
                            @endforeach
                        </div>
                    </fieldset>
                </div>
            </section>

            {{-- Trade desk --}}
            <section class="admin-card p-5">
                <div class="flex items-start gap-3">
                    <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-[#f1f2f3]"><i data-lucide="layout-dashboard" class="h-4 w-4"></i></span>
                    <div>
                        <h2 class="font-semibold">Trade desk experience</h2>
                        <p class="text-sm text-[#6d7175]">What every wholesaler sees in their panel.</p>
                    </div>
                </div>
                <div class="mt-4 space-y-4">
                    <div class="grid gap-3 sm:grid-cols-2">
                        @foreach([
                            'price_sheet_enabled' => ['Price sheet download', 'Wholesalers can export their prices as CSV.'],
                            'quotes_enabled' => ['Custom quote requests', 'Wholesalers can request quotes for branded or bulk work.'],
                        ] as $key => [$label, $hint])
                            <label class="flex items-start gap-3 rounded-xl border border-[var(--color-admin-border)] p-3">
                                <input type="hidden" name="{{ $key }}" value="0">
                                <input type="checkbox" name="{{ $key }}" value="1" class="mt-1" @checked($toggle($key))>
                                <span><span class="block text-sm font-medium">{{ $label }}</span><span class="block text-xs text-[#6d7175]">{{ $hint }}</span></span>
                            </label>
                        @endforeach
                    </div>
                    <div class="grid gap-4 sm:grid-cols-[minmax(0,1fr)_160px]">
                        <label class="block"><span class="admin-label">Announcement banner</span>
                            <input name="announcement" maxlength="280" value="{{ $value('announcement', $settings['announcement']) }}" class="admin-input w-full" placeholder="e.g. Christmas cut-off: order by 12 Dec for delivery before the break.">
                        </label>
                        <label class="block"><span class="admin-label">Tone</span>
                            <select name="announcement_tone" class="admin-input w-full">
                                @foreach(['info' => 'Info', 'success' => 'Good news', 'warning' => 'Important'] as $tone => $label)
                                    <option value="{{ $tone }}" @selected($value('announcement_tone', $settings['announcement_tone']) === $tone)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                    <div class="grid gap-4 sm:grid-cols-2">
                        <label class="block"><span class="admin-label">Trade support email</span>
                            <input name="support_email" type="email" maxlength="190" value="{{ $value('support_email', $settings['support_email']) }}" class="admin-input w-full">
                        </label>
                        <label class="block"><span class="admin-label">Trade support phone</span>
                            <input name="support_phone" maxlength="40" value="{{ $value('support_phone', $settings['support_phone']) }}" class="admin-input w-full" placeholder="+61 …">
                        </label>
                    </div>
                </div>
            </section>
        </div>

        <aside class="space-y-6">
            <div class="admin-card p-5 lg:sticky lg:top-20">
                <h2 class="font-semibold">Save changes</h2>
                <p class="mt-1 text-sm text-[#6d7175]">Changes apply instantly to every trade account and are recorded in the audit log.</p>
                <button class="admin-btn admin-btn-primary mt-4 w-full justify-center">Save settings</button>
            </div>

            <section class="admin-card p-5">
                <h2 class="font-semibold">Accounts with custom discounts</h2>
                <ul class="mt-3 space-y-2 text-sm">
                    @forelse($customDiscountAccounts as $company)
                        <li class="flex items-center justify-between gap-2">
                            <a href="{{ route('admin.wholesale.accounts.show', $company) }}#custom-discount" class="min-w-0 truncate text-[#2c6ecb] hover:underline">{{ $company->name }}</a>
                            <span class="shrink-0 text-right">
                                <x-admin.badge :tone="$company->hasActiveCustomDiscount() ? 'success' : 'muted'">{{ $company->custom_discount_mode === 'replace' ? '' : '+' }}{{ rtrim(rtrim(number_format($company->custom_discount_bps / 100, 2), '0'), '.') }}%</x-admin.badge>
                                @unless($company->hasActiveCustomDiscount())<span class="block text-[11px] text-[#8c9196]">expired</span>@endunless
                            </span>
                        </li>
                    @empty
                        <li class="text-[#6d7175]">None yet. Open an account to give it a custom discount.</li>
                    @endforelse
                </ul>
            </section>
        </aside>
    </form>
</x-crm.shell>
@endsection