@php
    /*
    | Requires in scope: $package (with licenses_count), $badges, $totalLicenses.
    | Everything is derived from the collection the controller loaded — no row
    | here costs a query.
    */
    $isCustom = $package->duration_days === null;
    $perDay   = (! $isCustom && $package->price > 0) ? $package->price / $package->duration_days : null;
    $share    = $totalLicenses > 0 ? $package->licenses_count / $totalLicenses * 100 : 0;
    $inUse    = $package->licenses_count > 0;

    $billingLabels = [
        'monthly'    => 'Monthly',
        'quarterly'  => 'Quarterly',
        'semiannual' => 'Semiannual',
        'annual'     => 'Annual',
        'custom'     => 'Custom',
    ];
@endphp

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

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

    {{-- Package: name, what it is, and the labels this catalogue earns from its
         own numbers. --}}
    <td class="px-4 py-3">
        <div class="flex items-start gap-3">
            <span @class([
                    'grid size-9 shrink-0 place-items-center rounded-xl 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' => ! $isCustom,
                    'bg-slate-100 text-slate-500 ring-slate-500/20 dark:bg-white/5 dark:text-slate-300 dark:ring-white/10' => $isCustom,
                  ]) aria-hidden="true">
                <x-icon :name="$isCustom ? 'sliders' : 'calendar'" class="size-4" />
            </span>

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

                    @foreach ($badges as $badge)
                        <span class="inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[9px] font-bold
                                     uppercase tracking-wide ring-1 ring-inset {{ $badge['classes'] }}"
                              title="{{ $badge['why'] }}">
                            <x-icon :name="$badge['icon']" class="size-2.5" />
                            {{ $badge['label'] }}
                        </span>
                    @endforeach
                </span>

                <span class="mt-0.5 block truncate text-[11px] text-slate-500 dark:text-slate-400">
                    {{ $billingLabels[$package->billing_period] ?? ucfirst($package->billing_period) }}
                    ·
                    {{ $isCustom ? 'term set per license' : $package->duration_days.'-day term' }}
                </span>
            </span>
        </div>
    </td>

    <td class="whitespace-nowrap px-4 py-3">
        <span class="inline-flex items-center gap-2 text-[13px] text-slate-700 dark:text-slate-200">
            <x-icon :name="$isCustom ? 'infinity' : 'calendar'" class="size-4 shrink-0 text-slate-400 dark:text-slate-500" />
            {{ $isCustom ? 'Custom' : $package->duration_days.' days' }}
        </span>
    </td>

    <td class="whitespace-nowrap px-4 py-3">
        <x-package-badge :name="$billingLabels[$package->billing_period] ?? ucfirst($package->billing_period)" />
    </td>

    {{-- Price leads with the figure; the daily rate underneath is what actually
         lets two packages be compared. --}}
    <td class="whitespace-nowrap px-4 py-3">
        @if ($package->price > 0)
            <span class="block text-[15px] font-bold tabular-nums text-slate-900 dark:text-white">
                Rs {{ number_format($package->price) }}
            </span>
            <span class="block text-[11px] text-slate-500 dark:text-slate-400">
                {{ $perDay ? 'Rs '.number_format($perDay, 2).' / day' : 'One-time' }}
            </span>
        @else
            <span class="block text-[15px] font-bold text-slate-400 dark:text-slate-500">Rs 0</span>
            <span class="block text-[11px] text-slate-500 dark:text-slate-400">Quoted per license</span>
        @endif
    </td>

    <td class="whitespace-nowrap px-4 py-3">
        <span class="block text-[15px] font-bold tabular-nums {{ $inUse ? 'text-slate-900 dark:text-white' : 'text-slate-400 dark:text-slate-500' }}">
            {{ number_format($package->licenses_count) }}
        </span>

        {{-- Share of every licence ever issued. A bar with nothing in it is
             still information: this package has never been sold. --}}
        <span class="mt-1 flex items-center gap-1.5">
            <span class="h-1 w-16 overflow-hidden rounded-full bg-slate-200 dark:bg-white/10">
                <span class="block h-full rounded-full bg-gradient-to-r from-brand-600 to-brand-400"
                      style="width: {{ round($share) }}%"></span>
            </span>
            <span class="text-[10px] text-slate-500 dark:text-slate-400">{{ round($share) }}%</span>
        </span>
    </td>

    <td class="px-4 py-3">
        <x-badge :status="$package->is_active ? 'active' : 'inactive'" :pulse="$package->is_active" />
    </td>

    <td class="whitespace-nowrap px-4 py-3">
        <span class="flex items-center gap-2 text-[13px] text-slate-600 dark:text-slate-300">
            <x-icon name="calendar" class="size-4 shrink-0 text-slate-400 dark:text-slate-500" />
            <span>
                <span class="block">{{ $package->created_at?->format('d M Y') ?? '—' }}</span>
                <span class="block text-[11px] text-slate-400 dark:text-slate-500">{{ $package->created_at?->format('H:i') }}</span>
            </span>
        </span>
    </td>

    <td class="px-4 py-3 text-right">
        <x-dropdown width="w-52">
            <x-slot:trigger>
                <button type="button" aria-label="Actions for {{ $package->name }}"
                        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({{ $package->id }})">
                View details
            </x-dropdown-item>
            <x-dropdown-item icon="edit" type="button" @click.prevent="openEdit({{ $package->id }})">
                Edit
            </x-dropdown-item>
            <x-dropdown-item icon="copy" type="button" @click.prevent="duplicate({{ $package->id }})">
                Duplicate
            </x-dropdown-item>

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

            {{-- Straight to the licence form. It does not read a package from
                 the query string, so no parameter is passed rather than one
                 that would quietly do nothing. --}}
            <x-dropdown-item icon="key" :href="route('licenses.create')">
                Assign a license
            </x-dropdown-item>

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

            @if ($package->is_active)
                <x-dropdown-item icon="pause" type="button" @click.prevent="setActive({{ $package->id }}, false)">
                    Deactivate
                </x-dropdown-item>
            @else
                <x-dropdown-item icon="play" type="button" @click.prevent="setActive({{ $package->id }}, true)">
                    Activate
                </x-dropdown-item>
            @endif

            {{-- Deleting a package that has licences is refused by the server.
                 Saying so here is better than letting someone find out from a
                 red banner after the click. --}}
            @if ($inUse)
                <x-dropdown-item icon="trash" disabled>
                    Delete ({{ $package->licenses_count }} in use)
                </x-dropdown-item>
            @else
                <form method="POST" action="{{ route('packages.destroy', $package) }}"
                      onsubmit="return confirm('Delete “{{ $package->name }}”? This cannot be undone.')">
                    @csrf @method('DELETE')
                    <x-dropdown-item icon="trash" danger>Delete</x-dropdown-item>
                </form>
            @endif
        </x-dropdown>
    </td>
</tr>