@use('App\Core\Support\Money')
<x-layouts.admin :title="$customer->name">
    <p class="mb-4 text-sm"><a href="{{ route('admin.users.index') }}" class="text-slate-500 hover:text-slate-800">← Users</a></p>
    <p class="mb-4 rounded-lg bg-slate-100 px-3 py-2 text-xs text-slate-600">Opening this record was logged. Staff see account, plan and usage figures here, not the customer's individual transactions.</p>

    <div class="grid gap-6 lg:grid-cols-3">
        <x-ui.card title="Account" class="lg:col-span-2">
            <dl class="grid gap-x-6 gap-y-2 text-sm sm:grid-cols-2">
                @foreach ([
                    'Email' => $customer->email.($customer->email_verified_at ? ' (verified)' : ' (not verified)'),
                    'Mobile' => $customer->mobile ?? '—',
                    'Country' => $customer->profile?->country ?? '—',
                    'Registered' => $customer->created_at->toDayDateTimeString(),
                    'Last sign-in' => $customer->last_login_at?->toDayDateTimeString() ?? 'Never',
                    'Account status' => ucfirst($customer->status),
                    'Workspace status' => $workspace ? ucfirst($workspace->status) : 'No workspace yet',
                    'Currency' => $workspace?->default_currency ?? '—',
                ] as $label => $value)
                    <div><dt class="text-slate-500">{{ $label }}</dt><dd class="font-medium">{{ $value }}</dd></div>
                @endforeach
            </dl>
            @if ($usage)
                <p class="mt-4 text-sm text-slate-600">{{ $usage['accounts'] }} accounts · {{ $usage['transactions'] }} transactions{{ $usage['last_transaction'] ? ' · last added '.\Carbon\Carbon::parse($usage['last_transaction'])->diffForHumans() : '' }}</p>
            @endif

            @unless ($customer->email_verified_at)
                <div class="mt-5 rounded-lg border border-amber-200 bg-amber-50 p-4">
                    <p class="text-sm font-medium text-amber-900">Email not verified yet</p>
                    <p class="mt-0.5 text-sm text-amber-800">The customer cannot use the product until the email is verified.</p>
                    <div class="mt-3 flex flex-wrap items-end gap-3">
                        <x-ui.confirm-form :action="route('admin.users.verification.resend', $customer->ulid)" label="Resend verification email" />
                        @can('admin.users.suspend')
                            <form method="POST" action="{{ route('admin.users.verification.mark', $customer->ulid) }}" class="flex flex-wrap items-end gap-2" novalidate>
                                @csrf @method('PUT')
                                <div>
                                    <label for="verify-reason" class="block text-xs font-medium text-amber-900">Reason</label>
                                    <input id="verify-reason" name="reason" required placeholder="e.g. Confirmed by phone"
                                           class="mt-1 w-56 rounded-lg border border-amber-300 bg-white px-3 py-2 text-sm focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-500/30">
                                    @error('reason')<p class="mt-1 text-xs text-red-700">{{ $message }}</p>@enderror
                                </div>
                                <x-ui.button>Mark as verified</x-ui.button>
                            </form>
                        @endcan
                    </div>
                </div>
            @endunless
        </x-ui.card>

        <x-ui.card title="Plan">
            <p class="text-lg font-semibold">{{ $current?->plan->name ?? 'None' }}</p>
            <p class="text-sm text-slate-500">
                {{ $current ? ucfirst(str_replace('_', ' ', $current->status)) : '' }}{{ $current?->ends_at ? ' · until '.$current->ends_at->toFormattedDateString() : '' }}
            </p>
            @can('admin.subscriptions.view')
                @if ($current)
                    <a href="{{ route('admin.subscriptions.show', $current->ulid) }}" class="mt-2 inline-block text-sm text-rose-700 hover:underline">Subscription details</a>
                @endif
            @endcan
        </x-ui.card>
    </div>

    @can('admin.users.suspend')
        <x-ui.card title="Access" class="mt-6" description="A reason is required and recorded in the audit log.">
            <div class="grid gap-6 md:grid-cols-2">
                <form method="POST" action="{{ route('admin.users.status', $customer->ulid) }}" class="grid gap-2" novalidate>
                    @csrf @method('PUT')
                    <input type="hidden" name="status" value="{{ $customer->status === 'active' ? 'suspended' : 'active' }}">
                    <x-form.input name="reason" id="user-reason" label="Reason" required />
                    <div><x-ui.button :variant="$customer->status === 'active' ? 'danger' : 'primary'">{{ $customer->status === 'active' ? 'Suspend customer' : 'Reactivate customer' }}</x-ui.button></div>
                </form>
                @if ($workspace)
                    <form method="POST" action="{{ route('admin.users.workspace-status', $customer->ulid) }}" class="grid gap-2" novalidate>
                        @csrf @method('PUT')
                        <input type="hidden" name="status" value="{{ $workspace->status === 'active' ? 'suspended' : 'active' }}">
                        <x-form.input name="reason" id="ws-reason" label="Reason" required />
                        <div><x-ui.button variant="secondary">{{ $workspace->status === 'active' ? 'Suspend workspace only' : 'Reactivate workspace' }}</x-ui.button></div>
                    </form>
                @endif
            </div>
        </x-ui.card>
    @endcan

    @if ($workspace)
        @php
            $canManage = auth('admin')->user()->can('admin.subscriptions.manage');
            $modeFor = function ($feature) use ($overrides) {
                if (! $overrides->has($feature->key)) {
                    return 'plan';
                }
                $v = $feature->castValue($overrides[$feature->key]->value);

                return $feature->isLimit() ? ($v === null ? 'unlimited' : ($v === 0 ? 'off' : 'number')) : ($v ? 'on' : 'off');
            };
            $exceptionCount = $overrides->count();
        @endphp
        <x-ui.card title="Feature access" class="mt-6"
                   description="Give or block any feature for this customer only, regardless of plan. Changes apply immediately and are audited.">
            <x-slot:actions>
                @if ($exceptionCount)
                    <x-ui.badge color="rose">{{ $exceptionCount }} {{ str('exception')->plural($exceptionCount) }} active</x-ui.badge>
                @else
                    <x-ui.badge>Follows plan</x-ui.badge>
                @endif
            </x-slot:actions>

            <form method="POST" action="{{ route('admin.users.feature-access', $customer->ulid) }}" novalidate
                  x-data="{ changed: {}, get dirty() { return Object.values(this.changed).filter(Boolean).length } }">
                @csrf @method('PUT')
                <div class="-mx-5 overflow-x-auto sm:-mx-6">
                    <table class="min-w-full text-sm">
                        <thead class="border-y border-slate-100 bg-slate-50 text-left text-xs font-medium uppercase tracking-wide text-slate-500">
                            <tr>
                                <th scope="col" class="px-5 py-2.5">Feature</th>
                                <th scope="col" class="px-3 py-2.5">From plan</th>
                                <th scope="col" class="px-3 py-2.5">Access for this customer</th>
                                <th scope="col" class="px-5 py-2.5 text-right">Customer gets</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-slate-100">
                            @foreach ($features as $feature)
                                @php
                                    $mode = old("access.{$feature->key}", $modeFor($feature));
                                    $initial = $modeFor($feature);
                                    $fromPlan = array_key_exists($feature->key, $planValues) ? $planValues[$feature->key] : ($feature->isLimit() ? 0 : false);
                                    $final = array_key_exists($feature->key, $entitlements) ? $entitlements[$feature->key] : ($feature->isLimit() ? 0 : false);
                                    $override = $overrides->get($feature->key);
                                    $limitValue = old("limit.{$feature->key}", $override && $feature->isLimit() ? $feature->castValue($override->value) : null);
                                    $initialLimit = $override && $feature->isLimit() && $feature->castValue($override->value) !== null ? (string) $feature->castValue($override->value) : '';
                                    $finalOn = $feature->isLimit() ? $final !== 0 : (bool) $final;
                                @endphp
                                <tr x-data="{ mode: @js($mode), limit: @js($limitValue === null ? '' : (string) $limitValue),
                                              get isChanged() { return this.mode !== @js($initial) || (this.mode === 'number' && this.limit !== @js($initialLimit)) } }"
                                    x-effect="changed[@js($feature->key)] = isChanged"
                                    :class="isChanged ? 'bg-amber-50/60' : ''" class="transition-colors">
                                    <td class="px-5 py-3">
                                        <span class="font-medium text-slate-800">{{ $feature->name }}</span>
                                        @if ($override)
                                            <span class="mt-0.5 block text-xs text-rose-700">Exception · {{ $override->reason }}{{ $override->ends_at ? ' · until '.$override->ends_at->toFormattedDateString() : '' }}</span>
                                        @elseif ($feature->description)
                                            <span class="mt-0.5 block text-xs text-slate-500">{{ \Illuminate\Support\Str::limit($feature->description, 70) }}</span>
                                        @endif
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-3 text-slate-600">{{ $feature->describe($fromPlan) }}</td>
                                    <td class="px-3 py-3">
                                        @if ($canManage)
                                            <div class="flex flex-wrap items-center gap-2">
                                                <label class="sr-only" for="access-{{ $feature->key }}">Access to {{ $feature->name }}</label>
                                                <select id="access-{{ $feature->key }}" name="access[{{ $feature->key }}]" x-model="mode"
                                                        class="rounded-lg border border-slate-300 bg-white py-1.5 pl-3 pr-8 text-sm focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-500/30">
                                                    <option value="plan">Follow plan</option>
                                                    @if ($feature->isLimit())
                                                        <option value="unlimited">Unlimited</option>
                                                        <option value="number">Set a limit…</option>
                                                        <option value="off">Block (none)</option>
                                                    @else
                                                        <option value="on">Allow</option>
                                                        <option value="off">Block</option>
                                                    @endif
                                                </select>
                                                @if ($feature->isLimit())
                                                    <label class="sr-only" for="limit-{{ $feature->key }}">Limit for {{ $feature->name }}</label>
                                                    <input id="limit-{{ $feature->key }}" type="number" min="0" name="limit[{{ $feature->key }}]" x-model="limit"
                                                           :class="mode === 'number' ? '' : 'hidden'"
                                                           class="{{ $mode === 'number' ? '' : 'hidden' }} w-24 rounded-lg border border-slate-300 px-3 py-1.5 text-sm tabular-nums focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-500/30">
                                                @endif
                                            </div>
                                            @error("limit.{$feature->key}")<p class="mt-1 text-xs text-red-700">{{ $message }}</p>@enderror
                                        @else
                                            <span class="text-slate-600">{{ $override ? 'Exception' : 'Follow plan' }}</span>
                                        @endif
                                    </td>
                                    <td class="whitespace-nowrap px-5 py-3 text-right">
                                        <span @class(['inline-flex items-center gap-1.5 font-medium', 'text-emerald-700' => $finalOn, 'text-slate-400' => ! $finalOn])>
                                            <span @class(['h-1.5 w-1.5 rounded-full', 'bg-emerald-500' => $finalOn, 'bg-slate-300' => ! $finalOn])></span>
                                            {{ $feature->describe($final) }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if ($canManage)
                    <div class="mt-5 grid gap-3 border-t border-slate-100 pt-5 sm:grid-cols-[1fr_12rem_auto] sm:items-end">
                        <x-form.input name="reason" id="fa-reason" label="Reason for the change" placeholder="e.g. Beta tester, partner deal, support compensation" required />
                        <x-form.input name="ends_at" id="fa-ends" label="Until (optional)" type="date" />
                        <div class="flex items-center gap-3">
                            <span class="text-sm text-slate-500" x-show="dirty" x-cloak x-text="dirty + (dirty === 1 ? ' change' : ' changes')"></span>
                            <x-ui.button x-bind:disabled="!dirty">Save feature access</x-ui.button>
                        </div>
                    </div>
                @endif
            </form>
        </x-ui.card>

        @can('admin.subscriptions.manage')
            <x-ui.card title="Give a plan free of charge" class="mt-6" description="For a whole plan rather than single features, e.g. a complimentary Premium month.">
                <form method="POST" action="{{ route('admin.users.assign-plan', $customer->ulid) }}" class="grid gap-3 sm:grid-cols-[1fr_12rem_1fr_auto] sm:items-end" novalidate>
                    @csrf
                    <x-form.select name="plan" label="Plan" :options="$plans->mapWithKeys(fn ($p) => [$p->id => $p->name])->all()" />
                    <x-form.input name="ends_at" id="plan-ends" label="Until" type="date" required />
                    <x-form.input name="reason" id="plan-reason" label="Reason" required />
                    <div><x-ui.button variant="secondary">Assign plan</x-ui.button></div>
                </form>
            </x-ui.card>
        @endcan
    @endif

    <div class="mt-6 grid gap-6 lg:grid-cols-2">
        <x-ui.card title="Payments">
            @forelse ($payments as $payment)
                <p class="flex justify-between border-b border-slate-100 py-1.5 text-sm last:border-0">
                    <span>{{ $payment->created_at->toFormattedDateString() }} · {{ $payment->status }}</span>
                    @can('admin.payments.view')
                        <a href="{{ route('admin.payments.show', $payment) }}" class="tabular-nums text-rose-700 hover:underline">{{ Money::format($payment->amount, $payment->currency) }}</a>
                    @else
                        <span class="tabular-nums">{{ Money::format($payment->amount, $payment->currency) }}</span>
                    @endcan
                </p>
            @empty
                <p class="text-sm text-slate-500">No payments.</p>
            @endforelse
        </x-ui.card>

        <x-ui.card title="Support & recent activity">
            @foreach ($tickets as $ticket)
                <p class="text-sm">
                    @can('admin.support.view')
                        <a href="{{ route('admin.support.show', $ticket) }}" class="text-rose-700 hover:underline">{{ $ticket->number }}</a>
                    @else
                        {{ $ticket->number }}
                    @endcan
                    {{ $ticket->subject }} · {{ str_replace('_', ' ', $ticket->status) }}
                </p>
            @endforeach
            <ul class="mt-3 space-y-1 text-xs text-slate-500">
                @foreach ($activity as $log)
                    <li><code>{{ $log->event }}</code> · {{ $log->created_at->diffForHumans() }}</li>
                @endforeach
            </ul>
        </x-ui.card>
    </div>
</x-layouts.admin>