@use('App\Models\License')

@php
    /*
    | Everything the row needs is derived once, from relations the controller
    | already eager-loaded. Nothing here queries.
    */
    $customer = $license->customer;
    $domain   = $license->domain?->domain;
    $expires  = $license->expires_at;
    $status   = $license->effectiveStatus();

    // Signed whole days: negative once the date has passed.
    $days = $expires ? (int) round(now()->startOfDay()->diffInDays($expires->copy()->startOfDay(), false)) : null;

    // "Expiring soon" is not a stored status — it is an active licence close to
    // its date. Folding it in here is what lets the badge warn before the
    // renewal is already late.
    $isExpiring = $status === License::STATUS_ACTIVE && $days !== null && $days >= 0 && $days <= $expiringDays;
    $badge      = $isExpiring ? 'expiring' : $status;

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

    $canManage = auth()->user()?->isOwner() ?? false;

    // Blade compiles {{ }} inside a component tag's attributes but not @js(),
    // so anything handed to Alpine through <x-dropdown-item> has to be encoded
    // here instead. Js::from() escapes quotes as \uXXXX, which survives both
    // the attribute and htmlspecialchars untouched.
    $keyJs    = \Illuminate\Support\Js::from($license->license_key);
    $domainJs = \Illuminate\Support\Js::from($domain);
@endphp

{{-- The data-* attributes are the client-side model: refinement, sorting and
     the CSV export all read them, so nothing has to be re-derived in JS. --}}
<tr data-id="{{ $license->id }}"
    data-key="{{ $license->license_key }}"
    data-customer="{{ $customer?->company_name }}"
    data-email="{{ $customer?->email }}"
    data-domain="{{ $domain }}"
    data-package="{{ $license->package?->name }}"
    data-status="{{ $status }}"
    data-created="{{ $license->created_at?->toIso8601String() }}"
    data-expires="{{ $expires?->toIso8601String() }}"
    data-days="{{ $days ?? '' }}"
    class="grid-row group cursor-pointer"
    @click="if (! $event.target.closest('a, button, input, label')) window.location = @js(route('licenses.show', $license))">

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

    {{-- License key: the identifier people actually paste into a support
         ticket, so copying it must not cost a page load. --}}
    <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="key" class="size-4" />
            </span>

            <span class="min-w-0">
                <a href="{{ route('licenses.show', $license) }}"
                   class="block truncate font-mono text-[13px] font-semibold tracking-tight text-slate-900
                          transition hover:text-brand-600 dark:text-white dark:hover:text-brand-400">
                    {{ $license->license_key }}
                </a>
                <span class="block text-[11px] text-slate-400 dark:text-slate-500">
                    #{{ $license->id }} · {{ $license->duration_days ? $license->duration_days.' days' : 'No fixed term' }}
                </span>
            </span>

            <x-copy-button :value="$license->license_key" label="License key copied" title="Copy license key" />
        </div>
    </td>

    {{-- Customer: one cell carrying the whole identity, so the eye does not
         have to join two columns to know whose licence this is. --}}
    <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">
                    {{-- Customer pages sit behind the owner middleware, so a
                         viewer gets the name as text rather than a 403. --}}
                    @if ($canManage)
                        <a href="{{ route('customers.edit', $customer) }}"
                           class="block max-w-[180px] 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-[180px] 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-[180px] 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 ($domain)
            <div class="flex items-center gap-2">
                <x-icon name="globe" class="size-4 shrink-0 text-slate-400 dark:text-slate-500" />
                <a href="https://{{ $domain }}" target="_blank" rel="noopener noreferrer"
                   class="inline-flex max-w-[190px] items-center gap-1 truncate text-[13px] text-slate-700
                          transition hover:text-brand-600 hover:underline dark:text-slate-200 dark:hover:text-brand-400"
                   title="Open {{ $domain }} in a new tab">
                    <span class="truncate">{{ $domain }}</span>
                    <x-icon name="external-link" class="size-3 shrink-0 opacity-0 transition group-hover:opacity-100" />
                </a>
                <x-copy-button :value="$domain" label="Domain copied" title="Copy domain" />
            </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> Not activated
            </span>
        @endif
    </td>

    <td class="px-4 py-3">
        <div class="flex items-center gap-2">
            <x-icon name="package" class="size-4 shrink-0 text-slate-400 dark:text-slate-500" />
            <span class="min-w-0">
                <span class="block truncate text-[13px] font-medium text-slate-700 dark:text-slate-200">
                    {{ $license->package?->name ?? '—' }}
                </span>
                <span class="block text-[11px] text-slate-400 dark:text-slate-500">
                    {{ $license->package?->duration_days ? $license->package->duration_days.'-day term' : 'Custom term' }}
                </span>
            </span>
        </div>
    </td>

    <td class="px-4 py-3">
        <x-badge :status="$badge" :pulse="$badge === 'active' || $badge === 'expiring'" />
    </td>

    <td class="whitespace-nowrap px-4 py-3">
        <div 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" />
            {{ $license->created_at?->format('d M Y') ?? '—' }}
        </div>
    </td>

    <td class="whitespace-nowrap px-4 py-3">
        @if ($expires)
            <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">{{ $expires->format('d M Y') }}</span>
                    <span class="block text-[11px] font-medium {{ $expiryTone }}">
                        @if ($days < 0)
                            Expired {{ abs($days) }} {{ Str::plural('day', abs($days)) }} ago
                        @elseif ($days === 0)
                            Expires today
                        @else
                            {{ $days }} {{ Str::plural('day', $days) }} left
                        @endif
                    </span>
                </span>
            </div>
        @else
            <span class="text-slate-400 dark:text-slate-500">Never expires</span>
        @endif
    </td>

    <td class="px-4 py-3 text-right">
        <x-dropdown width="w-52">
            <x-slot:trigger>
                <button type="button" aria-label="Actions for license {{ $license->license_key }}"
                        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" :href="route('licenses.show', $license)">View details</x-dropdown-item>

            @if ($canManage)
                {{-- There is no separate licence edit screen; every change is
                     made from the detail page, so "Edit" goes there rather than
                     to a route that does not exist. --}}
                <x-dropdown-item icon="edit" :href="route('licenses.show', $license).'#manage'">Edit &amp; manage</x-dropdown-item>
            @endif

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

            <x-dropdown-item icon="copy" @click="copy({{ $keyJs }}, 'License key copied')">
                Copy license key
            </x-dropdown-item>

            @if ($domain)
                <x-dropdown-item icon="globe" @click="copy({{ $domainJs }}, 'Domain copied')">Copy domain</x-dropdown-item>
            @else
                <x-dropdown-item icon="globe" disabled>Copy domain</x-dropdown-item>
            @endif

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

                {{-- Each of these is a POST that changes state on a live
                     installation, so none of them can be a link. --}}
                <form method="POST" action="{{ route('licenses.renew', $license) }}"
                      onsubmit="return confirm('Renew this license for another full term?')">
                    @csrf
                    <x-dropdown-item icon="refresh">Renew</x-dropdown-item>
                </form>

                <form method="POST" action="{{ route('licenses.extend', $license) }}"
                      onsubmit="return confirm('Extend this license by 30 days?')">
                    @csrf
                    <input type="hidden" name="days" value="30">
                    <x-dropdown-item icon="calendar">Extend 30 days</x-dropdown-item>
                </form>

                @if ($license->status === License::STATUS_ACTIVE)
                    <form method="POST" action="{{ route('licenses.suspend', $license) }}"
                          onsubmit="return confirm('Suspend this license? The installation stops validating immediately.')">
                        @csrf
                        <x-dropdown-item icon="pause">Suspend</x-dropdown-item>
                    </form>
                @elseif (in_array($license->status, [License::STATUS_SUSPENDED, License::STATUS_PENDING], true))
                    <form method="POST" action="{{ route('licenses.reactivate', $license) }}">
                        @csrf
                        <x-dropdown-item icon="play">Activate</x-dropdown-item>
                    </form>
                @else
                    <x-dropdown-item icon="play" disabled>Activate</x-dropdown-item>
                @endif

                @if ($domain)
                    <form method="POST" action="{{ route('licenses.sync', $license) }}">
                        @csrf
                        <x-dropdown-item icon="zap">Push status now</x-dropdown-item>
                    </form>
                @else
                    <x-dropdown-item icon="zap" disabled>Push status now</x-dropdown-item>
                @endif

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

                {{-- Revoke, not delete: licences are never removed from this
                     system — the audit trail depends on the row surviving. --}}
                <form method="POST" action="{{ route('licenses.revoke', $license) }}"
                      onsubmit="return confirm('Revoke this license permanently? The key can never be used again.')">
                    @csrf
                    <x-dropdown-item icon="ban" danger>Revoke license</x-dropdown-item>
                </form>
            @endif
        </x-dropdown>
    </td>
</tr>