@use('App\Models\License')

@php
    /*
    | Requires in scope: $license (with customer, package, domain loaded).
    | Everything here reads the relations the controller already eager-loaded.
    */
    $domain  = $license->domain;
    $status  = $license->effectiveStatus();
    $expires = $license->expires_at;

    $days = $expires ? (int) round(now()->startOfDay()->diffInDays($expires->copy()->startOfDay(), false)) : null;

    $expiryNote = match (true) {
        $days === null => null,
        $days < 0      => 'Expired '.abs($days).' '.Str::plural('day', abs($days)).' ago',
        $days === 0    => 'Expires today',
        default        => $days.' '.Str::plural('day', $days).' left',
    };

    $expiryTone = match (true) {
        $days === null => 'text-slate-400 dark:text-slate-500',
        $days < 0      => 'text-red-600 dark:text-red-400',
        $days <= 30    => 'text-amber-600 dark:text-amber-400',
        default        => 'text-emerald-600 dark:text-emerald-400',
    };

    // label, icon, value, sub-line, sub-line tone — one list so the grid stays
    // uniform and a field cannot drift out of the shared markup below.
    $fields = [
        ['Customer', 'user', $license->customer?->company_name ?? '—', $license->customer?->email, null],
        ['Package', 'package',
            $license->package?->name ?? '—',
            $license->duration_days ? $license->duration_days.'-day term' : 'No fixed term', null],
        ['Domain', 'globe', null, null, null],   // rendered specially below
        ['Current IP', 'server', $domain?->current_ip ?? '—', null, null],
        ['CMS Version', 'layers', $domain?->cms_version ? 'v'.$domain->cms_version : 'Not reported', null, null],
        ['Activated', 'check-circle',
            $license->activated_at?->format('d M Y') ?? 'Not yet activated',
            $license->activated_at?->diffForHumans(), null],
        ['Expires', 'calendar',
            $expires?->format('d M Y') ?? 'Never',
            $expiryNote, $expiryTone],
        ['Last Verification', 'clock',
            $domain?->last_verification_at?->diffForHumans() ?? 'Never',
            $domain?->last_verification_at?->format('d M Y H:i'), null],
    ];
@endphp

<section class="surface overflow-hidden">
    {{-- The key is the headline: it is what gets pasted into support tickets,
         so it leads, monospaced, with its copy button beside it. --}}
    <div class="border-b border-slate-200/70 p-5 sm:p-6 dark:border-white/[0.06]">
        <div class="flex flex-wrap items-start justify-between gap-4">
            <div class="min-w-0">
                <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400">
                    License Key
                </p>
                <div class="mt-1.5 flex items-center gap-2.5">
                    <h2 class="break-all font-mono text-xl font-bold tracking-tight text-slate-900 sm:text-2xl dark:text-white">
                        {{ $license->license_key }}
                    </h2>
                    <button type="button" @click="copy({{ Illuminate\Support\Js::from($license->license_key) }}, 'License key copied')"
                            class="grid size-8 shrink-0 place-items-center rounded-lg border border-slate-200 text-slate-400
                                   transition hover:border-brand-300 hover:text-brand-600
                                   dark:border-white/10 dark:hover:border-brand-500/40 dark:hover:text-brand-400"
                            aria-label="Copy license key" title="Copy license key">
                        <x-icon name="copy" class="size-4" />
                    </button>
                </div>
            </div>

            <x-badge :status="$status" :pulse="$status === 'active'" class="!px-3 !py-1.5 !text-sm" />
        </div>
    </div>

    {{-- Information grid --}}
    <dl class="grid grid-cols-1 gap-x-6 gap-y-4 p-5 sm:grid-cols-2 sm:p-6">
        @foreach ($fields as [$label, $icon, $value, $sub, $subTone])
            <div class="flex items-start gap-3">
                <span class="grid size-9 shrink-0 place-items-center rounded-lg bg-slate-100 text-slate-500
                             ring-1 ring-inset ring-slate-500/10 dark:bg-white/[0.04] dark:text-slate-400 dark:ring-white/[0.06]"
                      aria-hidden="true">
                    <x-icon :name="$icon" class="size-4" />
                </span>

                <div class="min-w-0">
                    <dt class="text-[11px] font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400">
                        {{ $label }}
                    </dt>

                    @if ($label === 'Domain')
                        <dd class="mt-0.5">
                            @if ($domain)
                                <span class="flex items-center gap-1.5">
                                    <a href="https://{{ $domain->domain }}" target="_blank" rel="noopener noreferrer"
                                       class="truncate text-sm font-semibold text-slate-900 transition hover:text-brand-600
                                              dark:text-white dark:hover:text-brand-400"
                                       title="Open {{ $domain->domain }} in a new tab">
                                        {{ $domain->domain }}
                                    </a>
                                    <x-icon name="external-link" class="size-3 shrink-0 text-slate-400" />
                                    <button type="button" @click="copy({{ Illuminate\Support\Js::from($domain->domain) }}, 'Domain copied')"
                                            class="rounded-md p-0.5 text-slate-400 transition hover:text-brand-600
                                                   dark:hover:text-brand-400"
                                            aria-label="Copy domain" title="Copy domain">
                                        <x-icon name="copy" class="size-3.5" />
                                    </button>
                                </span>
                            @else
                                <span class="text-sm font-semibold text-slate-400 dark:text-slate-500">Not activated yet</span>
                            @endif
                        </dd>
                    @else
                        <dd class="mt-0.5 truncate text-sm font-semibold text-slate-900 dark:text-white">{{ $value }}</dd>
                    @endif

                    @if ($sub)
                        <dd class="truncate text-xs {{ $subTone ?? 'text-slate-500 dark:text-slate-400' }}">{{ $sub }}</dd>
                    @endif
                </div>
            </div>
        @endforeach
    </dl>

    @if ($license->notes)
        <div class="border-t border-slate-200/70 px-5 py-4 sm:px-6 dark:border-white/[0.06]">
            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400">Notes</p>
            <p class="mt-1.5 whitespace-pre-line text-sm leading-relaxed text-slate-600 dark:text-slate-300">{{ $license->notes }}</p>
        </div>
    @endif
</section>