@php
    /*
    | Requires in scope: $domain, $state (derived check-in state), $cms
    | (['tone','label'] for the version badge), $canManage.
    | Everything reads relations the controller already eager-loaded.
    */
    $customer = $domain->customer;
    $license  = $domain->license;
    $seen     = $domain->last_verification_at;

    $licenseState = $license?->effectiveStatus();
@endphp

{{-- data-id is the join between the rendered row and the JS model that drives
     refinement, sorting, export and the drawer. --}}
<tr data-id="{{ $domain->id }}" class="grid-row group">

    <td class="px-4 py-3">
        <input type="checkbox" class="checkbox"
               :checked="selected.includes({{ $domain->id }})"
               @change="toggle({{ $domain->id }})"
               aria-label="Select {{ $domain->domain }}">
    </td>

    {{-- Domain: the identifier, and the two things you always want to do with
         it — open it, or paste it somewhere. --}}
    <td class="px-4 py-3">
        <div class="flex items-center gap-2.5">
            <span class="grid size-8 shrink-0 place-items-center rounded-lg bg-brand-50 text-brand-600
                         ring-1 ring-inset ring-brand-500/20 transition group-hover:scale-105
                         dark:bg-brand-500/10 dark:text-brand-400" aria-hidden="true">
                <x-icon name="globe" class="size-4" />
            </span>

            <span class="min-w-0">
                <button type="button" @click="openDetails({{ $domain->id }})"
                        class="block max-w-[200px] truncate text-left text-[13px] font-semibold text-slate-900
                               transition hover:text-brand-600 dark:text-white dark:hover:text-brand-400">
                    {{ $domain->domain }}
                </button>

                <span class="mt-0.5 flex items-center gap-1.5">
                    {{-- The host is stored without a scheme, so there is nothing
                         here that could tell you whether TLS is in use. Linking
                         to https:// is a request, not a claim about the site. --}}
                    <a href="https://{{ $domain->domain }}" target="_blank" rel="noopener noreferrer"
                       class="inline-flex items-center gap-1 text-[11px] text-slate-500 transition
                              hover:text-brand-600 dark:text-slate-400 dark:hover:text-brand-400"
                       title="Open {{ $domain->domain }} in a new tab">
                        Open
                        <x-icon name="external-link" class="size-2.5" />
                    </a>
                    <span class="text-slate-300 dark:text-slate-600">·</span>
                    <span class="text-[11px] text-slate-400 dark:text-slate-500">
                        {{ $domain->installed_at ? 'installed '.$domain->installed_at->format('d M Y') : 'not installed' }}
                    </span>
                </span>
            </span>

            <x-copy-button :value="$domain->domain" label="Domain copied" title="Copy domain" />
        </div>
    </td>

    <td class="px-4 py-3">
        @if ($customer)
            <div class="flex min-w-0 items-center gap-2.5">
                <x-avatar :initials="$customer->initials()" :seed="$customer->company_name"
                          class="size-8 transition-transform duration-150 group-hover:scale-105" />
                <span class="min-w-0">
                    @if ($canManage)
                        <a href="{{ route('customers.edit', $customer) }}"
                           class="block max-w-[170px] truncate text-[13px] font-semibold text-slate-800
                                  transition hover:text-brand-600 dark:text-slate-100 dark:hover:text-brand-400">
                            {{ $customer->company_name }}
                        </a>
                    @else
                        <span class="block max-w-[170px] truncate text-[13px] font-semibold text-slate-800 dark:text-slate-100">
                            {{ $customer->company_name }}
                        </span>
                    @endif
                    <a href="mailto:{{ $customer->email }}"
                       class="block max-w-[170px] truncate text-[11px] text-slate-500 transition
                              hover:text-brand-600 dark:text-slate-400 dark:hover:text-brand-400">
                        {{ $customer->email }}
                    </a>
                </span>
            </div>
        @else
            <span class="text-slate-400 dark:text-slate-500">—</span>
        @endif
    </td>

    <td class="px-4 py-3">
        @if ($license)
            <div class="flex items-center gap-2">
                <x-icon name="key" class="size-4 shrink-0 text-slate-400 dark:text-slate-500" />
                <span class="min-w-0">
                    <a href="{{ route('licenses.show', $license) }}"
                       class="block truncate font-mono text-[12px] font-semibold text-slate-800
                              transition hover:text-brand-600 dark:text-slate-100 dark:hover:text-brand-400">
                        {{ $license->license_key }}
                    </a>
                    <span class="mt-0.5 block">
                        <x-badge :status="$licenseState" :pulse="$licenseState === 'active'" class="!px-2 !py-0.5 !text-[10px]" />
                    </span>
                </span>
                <x-copy-button :value="$license->license_key" label="License key copied" title="Copy license key" />
            </div>
        @else
            <span class="inline-flex items-center gap-1.5 text-[13px] text-slate-400 dark:text-slate-500">
                <span class="size-1.5 rounded-full bg-slate-300 dark:bg-slate-600"></span> Unlicensed
            </span>
        @endif
    </td>

    {{-- CMS version, checked against the release the update API would actually
         serve this install — not against a hard-coded number. --}}
    <td class="whitespace-nowrap px-4 py-3">
        @if ($domain->cms_version)
            <span class="block text-[13px] font-medium text-slate-800 dark:text-slate-100">
                v{{ $domain->cms_version }}
            </span>
            <span class="mt-0.5 inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] font-bold
                         uppercase tracking-wide ring-1 ring-inset {{ $cms['classes'] }}"
                  title="{{ $cms['why'] }}">
                {{ $cms['label'] }}
            </span>
        @else
            <span class="text-[13px] text-slate-400 dark:text-slate-500">Not reported</span>
        @endif
    </td>

    <td class="whitespace-nowrap px-4 py-3">
        @if ($domain->current_ip)
            <div class="flex items-center gap-2">
                <x-icon name="server" class="size-4 shrink-0 text-slate-400 dark:text-slate-500" />
                <span class="font-mono text-[12px] text-slate-700 dark:text-slate-200">{{ $domain->current_ip }}</span>
                <x-copy-button :value="$domain->current_ip" label="IP copied" title="Copy IP address" />
            </div>
        @else
            <span class="text-[13px] text-slate-400 dark:text-slate-500">—</span>
        @endif
    </td>

    <td class="whitespace-nowrap px-4 py-3">
        @if ($seen)
            <div class="flex items-center gap-2">
                <x-icon name="clock" class="size-4 shrink-0 text-slate-400 dark:text-slate-500" />
                <span>
                    <span class="block text-[13px] text-slate-700 dark:text-slate-200">{{ $seen->format('d M Y H:i') }}</span>
                    <span @class([
                        'block text-[11px] font-medium',
                        'text-emerald-600 dark:text-emerald-400' => $state === 'verified',
                        'text-amber-600 dark:text-amber-400'     => $state === 'overdue',
                        'text-slate-500 dark:text-slate-400'     => ! in_array($state, ['verified', 'overdue'], true),
                    ])>{{ $seen->diffForHumans(short: true) }}</span>
                </span>
            </div>
        @else
            <span class="text-[13px] text-slate-400 dark:text-slate-500">Never</span>
        @endif
    </td>

    <td class="px-4 py-3">
        <x-badge :status="$state" :pulse="$state === 'verified'" />
    </td>

    <td class="px-4 py-3 text-right">
        <x-dropdown width="w-52">
            <x-slot:trigger>
                <button type="button" aria-label="Actions for {{ $domain->domain }}"
                        class="rounded-lg p-1.5 text-slate-400 opacity-60 transition hover:bg-slate-100
                               hover:text-slate-700 focus-visible:opacity-100 group-hover:opacity-100
                               dark:hover:bg-white/10 dark:hover:text-white">
                    <x-icon name="more" class="size-5" />
                </button>
            </x-slot:trigger>

            <x-dropdown-item icon="eye" type="button" @click.prevent="openDetails({{ $domain->id }})">
                View details
            </x-dropdown-item>
            <x-dropdown-item icon="external-link" :href="'https://'.$domain->domain" target="_blank" rel="noopener noreferrer">
                Open website
            </x-dropdown-item>

            <div class="my-1 border-t border-slate-100 dark:border-white/10"></div>

            <x-dropdown-item icon="copy" type="button" @click.prevent="copy({{ Illuminate\Support\Js::from($domain->domain) }}, 'Domain copied')">
                Copy domain
            </x-dropdown-item>

            @if ($domain->current_ip)
                <x-dropdown-item icon="server" type="button" @click.prevent="copy({{ Illuminate\Support\Js::from($domain->current_ip) }}, 'IP copied')">
                    Copy IP address
                </x-dropdown-item>
            @else
                <x-dropdown-item icon="server" disabled>Copy IP address</x-dropdown-item>
            @endif

            <div class="my-1 border-t border-slate-100 dark:border-white/10"></div>

            @if ($license)
                <x-dropdown-item icon="key" :href="route('licenses.show', $license)">View license</x-dropdown-item>
            @else
                <x-dropdown-item icon="key" disabled>View license</x-dropdown-item>
            @endif

            {{-- The audit log filters by domain name, so this lands on exactly
                 this installation's history rather than the whole log. --}}
            <x-dropdown-item icon="file-text" :href="route('logs.index', ['q' => $domain->domain])">
                View logs
            </x-dropdown-item>

            @if ($canManage && $license)
                <div class="my-1 border-t border-slate-100 dark:border-white/10"></div>

                {{-- These act on the licence bound to this installation — the
                     only state-changing endpoints that exist for a domain. --}}
                <form method="POST" action="{{ route('licenses.sync', $license) }}">
                    @csrf
                    <x-dropdown-item icon="zap">Push status now</x-dropdown-item>
                </form>

                @if ($license->status === \App\Models\License::STATUS_ACTIVE)
                    <form method="POST" action="{{ route('licenses.suspend', $license) }}"
                          onsubmit="return confirm('Suspend the license on {{ $domain->domain }}? The installation stops validating immediately.')">
                        @csrf
                        <x-dropdown-item icon="pause" danger>Suspend license</x-dropdown-item>
                    </form>
                @elseif (in_array($license->status, [\App\Models\License::STATUS_SUSPENDED, \App\Models\License::STATUS_PENDING], true))
                    <form method="POST" action="{{ route('licenses.reactivate', $license) }}">
                        @csrf
                        <x-dropdown-item icon="play">Reactivate license</x-dropdown-item>
                    </form>
                @endif
            @endif
        </x-dropdown>
    </td>
</tr>