@use('App\Models\UpdateVersion')

@php
    /*
    | Requires in scope: $version, $counts (activity by status), $isLatest,
    | $canManage. Everything reads the collection the controller loaded plus the
    | one grouped activity query the page already made.
    */
    $downloads = (int) ($counts['downloaded'] ?? 0);
    $installed = (int) ($counts['installed'] ?? 0);
    $failed    = (int) ($counts['failed'] ?? 0);

    $hasPackage = $version->hasPackage();
    $signed     = filled($version->signature);

    $summary = \Illuminate\Support\Str::of((string) $version->release_notes)
        ->replaceMatches('/^#{1,6}\s*/m', '')
        ->replaceMatches('/[*`>]/', '')
        ->squish()
        ->limit(90);
@endphp

<tr data-id="{{ $version->id }}" class="grid-row group">

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

    {{-- Version: the number, what it is called, and the two labels that change
         how it should be read at a glance. --}}
    <td class="px-4 py-3 align-top">
        <div class="flex items-start gap-2.5">
            <span @class([
                    'grid size-8 shrink-0 place-items-center rounded-lg ring-1 ring-inset transition group-hover:scale-105',
                    'bg-brand-50 text-brand-600 ring-brand-500/20 dark:bg-brand-500/10 dark:text-brand-400' => $hasPackage,
                    'bg-slate-100 text-slate-400 ring-slate-500/20 dark:bg-white/5 dark:text-slate-500 dark:ring-white/10' => ! $hasPackage,
                  ]) aria-hidden="true">
                <x-icon name="package" class="size-4" />
            </span>

            <span class="min-w-0">
                <span class="flex flex-wrap items-center gap-1.5">
                    <button type="button" @click="openDetails({{ $version->id }})"
                            class="font-mono text-[13px] font-bold text-slate-900 transition hover:text-brand-600
                                   dark:text-white dark:hover:text-brand-400">
                        v{{ $version->version }}
                    </button>

                    @if ($isLatest)
                        <span class="rounded-md bg-gradient-to-r from-brand-600 to-brand-500 px-1.5 py-0.5 text-[9px]
                                     font-bold uppercase tracking-wide text-white"
                              title="Highest published release on the stable channel">Latest</span>
                    @endif

                    <span class="rounded-md px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide ring-1 ring-inset
                                 {{ $version->product === UpdateVersion::PRODUCT_AI
                                     ? 'bg-fuchsia-50 text-fuchsia-700 ring-fuchsia-500/25 dark:bg-fuchsia-500/10 dark:text-fuchsia-400 dark:ring-fuchsia-500/30'
                                     : 'bg-slate-100 text-slate-600 ring-slate-500/20 dark:bg-white/5 dark:text-slate-400 dark:ring-white/10' }}">
                        {{ $version->product === UpdateVersion::PRODUCT_AI ? 'AI' : 'CMS' }}
                    </span>
                </span>

                <span class="mt-0.5 block max-w-[220px] truncate text-[11px] text-slate-500 dark:text-slate-400">
                    {{ $version->release_name ?: 'No release name' }}
                </span>
            </span>
        </div>
    </td>

    {{-- Release notes: a summary in the row, the full text one click away
         without leaving the page. --}}
    <td class="px-4 py-3 align-top">
        @if (filled($summary))
            <button type="button" @click="toggleNotes({{ $version->id }})"
                    class="group/notes flex max-w-[260px] items-start gap-1.5 text-left"
                    :aria-expanded="expanded.includes({{ $version->id }}) ? 'true' : 'false'"
                    aria-controls="notes-{{ $version->id }}">
                <span class="line-clamp-2 text-[12px] leading-snug text-slate-600 transition
                             group-hover/notes:text-slate-900 dark:text-slate-400 dark:group-hover/notes:text-slate-100">
                    {{ $summary }}
                </span>
                <x-icon name="chevron-down" class="mt-0.5 size-3.5 shrink-0 text-slate-400 transition-transform"
                        ::class="expanded.includes({{ $version->id }}) && 'rotate-180'" />
            </button>
        @else
            <span class="text-[12px] text-slate-400 dark:text-slate-500">No release notes</span>
        @endif
    </td>

    <td class="whitespace-nowrap px-4 py-3 align-top">
        <span class="inline-flex items-center gap-1.5 rounded-lg px-2 py-1 text-[11px] font-semibold ring-1 ring-inset
                     {{ $version->channel === UpdateVersion::CHANNEL_BETA
                         ? 'bg-blue-50 text-blue-700 ring-blue-500/25 dark:bg-blue-500/10 dark:text-blue-400 dark:ring-blue-500/30'
                         : 'bg-emerald-50 text-emerald-700 ring-emerald-500/25 dark:bg-emerald-500/10 dark:text-emerald-400 dark:ring-emerald-500/30' }}">
            <x-icon name="git-branch" class="size-3" />
            {{ ucfirst($version->channel) }}
        </span>
    </td>

    {{-- Package: size, and whether there is anything publishable here at all. --}}
    <td class="whitespace-nowrap px-4 py-3 align-top">
        @if ($hasPackage)
            <span class="block text-[13px] font-medium text-slate-800 dark:text-slate-100">
                {{ $version->file_size >= 1048576
                    ? number_format($version->file_size / 1048576, 1).' MB'
                    : number_format($version->file_size / 1024).' KB' }}
            </span>
            <span class="mt-0.5 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide
                         {{ $signed ? 'text-emerald-600 dark:text-emerald-400' : 'text-amber-600 dark:text-amber-400' }}"
                  title="{{ $signed
                      ? 'Signed offline — publishable.'
                      : 'Not signed. Sign it with updates:sign before publishing; clients reject unsigned packages.' }}">
                <x-icon :name="$signed ? 'lock' : 'alert'" class="size-2.5" />
                {{ $signed ? 'Signed' : 'Unsigned' }}
            </span>
        @else
            <span class="inline-flex items-center gap-1.5 text-[12px] text-amber-600 dark:text-amber-400">
                <x-icon name="alert" class="size-3.5" /> No package
            </span>
        @endif
    </td>

    <td class="whitespace-nowrap px-4 py-3 align-top">
        <div class="flex flex-wrap items-center gap-1">
            @if ($version->security_update)
                <span class="rounded-md bg-red-50 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-red-700
                             ring-1 ring-inset ring-red-500/25 dark:bg-red-500/10 dark:text-red-400 dark:ring-red-500/30"
                      title="Flagged as a security release">Security</span>
            @endif
            @if ($version->force_update)
                <span class="rounded-md bg-orange-50 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-orange-700
                             ring-1 ring-inset ring-orange-500/25 dark:bg-orange-500/10 dark:text-orange-400 dark:ring-orange-500/30"
                      title="Blocks the CMS until the update is applied">Force</span>
            @endif
            @if ($version->package_type === 'patch')
                <span class="rounded-md bg-violet-50 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-violet-700
                             ring-1 ring-inset ring-violet-500/25 dark:bg-violet-500/10 dark:text-violet-400 dark:ring-violet-500/30"
                      title="Patch package — only offered to installations at or above the minimum supported version">Patch</span>
            @endif
            @if (! $version->security_update && ! $version->force_update && $version->package_type !== 'patch')
                <span class="text-[12px] text-slate-400 dark:text-slate-500">—</span>
            @endif
        </div>
    </td>

    <td class="px-4 py-3 align-top">
        <x-badge :status="$version->status" :pulse="$version->isPublished()" />
    </td>

    <td class="whitespace-nowrap px-4 py-3 align-top">
        @if ($version->published_at)
            <div class="flex items-center gap-2">
                <x-icon name="calendar" 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">{{ $version->published_at->format('d M Y') }}</span>
                    <span class="block text-[11px] text-slate-400 dark:text-slate-500">{{ $version->published_at->diffForHumans(short: true) }}</span>
                </span>
            </div>
        @else
            <span class="text-[13px] text-slate-400 dark:text-slate-500">Not published</span>
        @endif
    </td>

    {{-- Downloads relative to the most-downloaded release, so the bar answers
         "is this one being taken up?" rather than showing a raw number twice. --}}
    <td class="whitespace-nowrap px-4 py-3 align-top">
        <span class="block text-[15px] font-bold tabular-nums {{ $downloads > 0 ? 'text-slate-900 dark:text-white' : 'text-slate-400 dark:text-slate-500' }}">
            {{ number_format($downloads) }}
        </span>
        <span class="mt-1 flex items-center gap-1.5">
            {{-- Relative to the most-downloaded release, computed once for the
                 whole table rather than per row. --}}
            <span class="h-1 w-14 overflow-hidden rounded-full bg-slate-200 dark:bg-white/10">
                <span class="block h-full rounded-full bg-gradient-to-r from-blue-600 to-blue-400"
                      style="width: {{ $maxDownloads > 0 ? round($downloads / $maxDownloads * 100) : 0 }}%"></span>
            </span>
            <span class="text-[10px] text-slate-500 dark:text-slate-400">
                @if ($installed + $failed > 0)
                    {{ round($installed / ($installed + $failed) * 100) }}% ok
                @else
                    no installs
                @endif
            </span>
        </span>
    </td>

    <td class="px-4 py-3 text-right align-top">
        <x-dropdown width="w-52">
            <x-slot:trigger>
                <button type="button" aria-label="Actions for version {{ $version->version }}"
                        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({{ $version->id }})">
                View details
            </x-dropdown-item>
            <x-dropdown-item icon="file-text" :href="route('versions.show', $version)">
                Open release page
            </x-dropdown-item>

            @if ($canManage)
                <x-dropdown-item icon="edit" :href="route('versions.edit', $version)">
                    Edit &amp; upload package
                </x-dropdown-item>
            @endif

            @if ($hasPackage)
                <div class="my-1 border-t border-slate-100 dark:border-white/10"></div>
                <x-dropdown-item icon="hash" type="button"
                                 @click.prevent="copy({{ Illuminate\Support\Js::from($version->checksum_sha256) }}, 'SHA-256 copied')">
                    Copy checksum
                </x-dropdown-item>
            @endif

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

                {{-- Publish is refused server-side without a package and an
                     offline signature. The menu says so up front rather than
                     letting the click produce a red banner. --}}
                @if (! $version->isPublished())
                    @if ($hasPackage && $signed)
                        <form method="POST" action="{{ route('versions.publish', $version) }}"
                              onsubmit="return confirm('Publish v{{ $version->version }}? Licensed installations start being offered it on their next check.')">
                            @csrf
                            <x-dropdown-item icon="rocket">Publish</x-dropdown-item>
                        </form>
                    @else
                        <x-dropdown-item icon="rocket" disabled>
                            Publish ({{ $hasPackage ? 'unsigned' : 'no package' }})
                        </x-dropdown-item>
                    @endif
                @else
                    <form method="POST" action="{{ route('versions.hide', $version) }}">
                        @csrf
                        <x-dropdown-item icon="eye">Hide from installs</x-dropdown-item>
                    </form>
                    <form method="POST" action="{{ route('versions.rollback', $version) }}"
                          onsubmit="return confirm('Roll back v{{ $version->version }}? Installations fall back to the previous published release.')">
                        @csrf
                        <x-dropdown-item icon="refresh">Roll back</x-dropdown-item>
                    </form>
                @endif

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

                {{-- Deleting a published release is refused by the server; the
                     hint names the way out rather than just greying it. --}}
                @if ($version->isPublished())
                    <x-dropdown-item icon="trash" disabled>Delete (hide it first)</x-dropdown-item>
                @else
                    <form method="POST" action="{{ route('versions.destroy', $version) }}"
                          onsubmit="return confirm('Delete v{{ $version->version }} and its package permanently?')">
                        @csrf @method('DELETE')
                        <x-dropdown-item icon="trash" danger>Delete release</x-dropdown-item>
                    </form>
                @endif
            @endif
        </x-dropdown>
    </td>
</tr>

{{-- Expandable release notes. A real table row so the columns above it stay
     aligned; hidden until asked for, and moved with its version when sorted. --}}
@if (filled($version->release_notes))
    <tr data-notes-for="{{ $version->id }}" class="hidden bg-slate-50/70 dark:bg-white/[0.02]" id="notes-{{ $version->id }}">
        <td colspan="10" class="px-4 py-4">
            {{-- The notes come from the Alpine model the page already carries,
                 not a second inline copy — with 3 KB of notes per release the
                 duplicate was a third of the page's HTML. --}}
            <div class="release-notes max-w-3xl" x-html="notesHtml(find({{ $version->id }})?.notes)"></div>

            <a href="{{ route('versions.show', $version) }}"
               class="mt-3 inline-flex items-center gap-1.5 text-xs font-semibold text-brand-600 transition
                      hover:underline dark:text-brand-400">
                Open the full release page
                <x-icon name="arrow-right" class="size-3.5" />
            </a>
        </td>
    </tr>
@endif