@use('App\Models\License')

@php
    /*
    | Requires in scope: $license, $packages. Owner-only — the caller gates it.
    |
    | Every form here is a plain POST to an existing route. The Alpine layer in
    | front (licenseShow) intercepts submit for a confirmation dialog and a busy
    | state; data-confirm-* carries the dialog copy, with {field} tokens
    | resolved from the form's own inputs at click time.
    */
    $canSuspend    = $license->status === License::STATUS_ACTIVE;
    $canReactivate = in_array($license->status, [License::STATUS_SUSPENDED, License::STATUS_PENDING], true);
    $isRevoked     = $license->status === License::STATUS_REVOKED;

    $syncTone = match ($license->sync_status) {
        'synced'  => 'text-emerald-600 dark:text-emerald-400',
        'failed'  => 'text-red-600 dark:text-red-400',
        'pending' => 'text-amber-600 dark:text-amber-400',
        default   => 'text-slate-400 dark:text-slate-500',
    };
@endphp

<section class="surface overflow-hidden lg:sticky lg:top-0">
    <header class="flex items-center gap-3 border-b border-slate-200/70 px-5 py-4 dark:border-white/[0.06]">
        <span class="grid size-9 shrink-0 place-items-center rounded-xl bg-gradient-to-br from-brand-500 to-brand-700
                     text-white shadow-lg shadow-brand-600/30" aria-hidden="true">
            <x-icon name="settings" class="size-4.5" />
        </span>
        <div class="min-w-0">
            <h2 class="text-sm font-semibold text-slate-900 dark:text-white">Owner Actions</h2>
            <p class="text-[11px] text-slate-500 dark:text-slate-400">Manage this license and its permissions</p>
        </div>
    </header>

    <div class="space-y-4 p-4 sm:p-5">

        {{-- ── Renew ───────────────────────────────────────────────── --}}
        <form method="POST" action="{{ route('licenses.renew', $license) }}"
              @submit="ask($event.target) || $event.preventDefault()"
              data-action="renew"
              data-confirm-title="Renew this license?"
              data-confirm-message="Renewal package: {license_package_id}. A fresh full term starts now and is pushed to the installation immediately."
              data-confirm-verb="Renew license"
              data-confirm-tone="brand"
              class="space-y-2">
            @csrf

            <label class="sr-only" for="renew-package">Renew with package</label>
            <select id="renew-package" name="license_package_id" class="filter-select w-full !py-2">
                <option value="">Same package{{ $license->package ? ' — '.$license->package->name : '' }}</option>
                @foreach ($packages as $package)
                    <option value="{{ $package->id }}">
                        {{ $package->name }}{{ $package->duration_days ? ' ('.$package->duration_days.' days)' : '' }}
                    </option>
                @endforeach
            </select>

            <label class="sr-only" for="renew-days">Custom days</label>
            <input id="renew-days" type="number" name="custom_days" min="1" max="36500"
                   placeholder="Custom days (optional)" class="filter-input !mt-0 !py-2">

            <button type="submit" class="btn-primary w-full" :disabled="busyAction !== ''">
                <x-icon name="refresh" class="size-4" x-show="busyAction !== 'renew'" />
                <span x-show="busyAction === 'renew'" x-cloak class="size-4 animate-spin rounded-full border-2
                             border-white/40 border-t-white" aria-hidden="true"></span>
                <span x-text="busyAction === 'renew' ? 'Renewing…' : 'Renew License'">Renew License</span>
            </button>
        </form>

        {{-- ── Extend ──────────────────────────────────────────────── --}}
        <form method="POST" action="{{ route('licenses.extend', $license) }}"
              @submit="ask($event.target) || $event.preventDefault()"
              data-action="extend"
              data-confirm-title="Extend this license?"
              data-confirm-message="The expiry date moves forward by {days} days. Everything else stays as it is."
              data-confirm-verb="Extend"
              data-confirm-tone="brand"
              class="flex gap-2">
            @csrf

            <label class="sr-only" for="extend-days">Days to extend</label>
            <input id="extend-days" type="number" name="days" min="1" max="3650" value="30" required
                   class="filter-input !mt-0 w-24 shrink-0 !py-2 text-center">

            <button type="submit" :disabled="busyAction !== ''"
                    class="flex-1 rounded-xl border border-slate-200 px-3 py-2 text-sm font-semibold text-slate-700
                           transition hover:border-brand-300 hover:text-brand-700 disabled:opacity-50
                           dark:border-white/10 dark:text-slate-200 dark:hover:border-brand-500/40 dark:hover:text-white">
                <span x-text="busyAction === 'extend' ? 'Extending…' : 'Extend (days)'">Extend (days)</span>
            </button>
        </form>

        {{-- ── Suspend / Reactivate / Revoke ───────────────────────── --}}
        <div class="grid grid-cols-2 gap-2 border-t border-slate-200/70 pt-4 dark:border-white/[0.06]">
            @if ($canSuspend)
                <form method="POST" action="{{ route('licenses.suspend', $license) }}"
                      @submit="ask($event.target) || $event.preventDefault()"
                      data-action="suspend"
                      data-confirm-title="Suspend this license?"
                      data-confirm-message="The installation stops validating immediately and the customer loses access until it is reactivated."
                      data-confirm-verb="Suspend"
                      data-confirm-tone="amber">
                    @csrf
                    <button type="submit" :disabled="busyAction !== ''"
                            class="inline-flex w-full items-center justify-center gap-1.5 rounded-xl border border-amber-200
                                   bg-amber-50 px-3 py-2 text-sm font-semibold text-amber-700 transition
                                   hover:bg-amber-100 disabled:opacity-50
                                   dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-400 dark:hover:bg-amber-500/20">
                        <x-icon name="pause" class="size-4" />
                        <span x-text="busyAction === 'suspend' ? 'Suspending…' : 'Suspend'">Suspend</span>
                    </button>
                </form>
            @elseif ($canReactivate)
                {{-- Bringing a licence back is the safe direction; no dialog. --}}
                <form method="POST" action="{{ route('licenses.reactivate', $license) }}"
                      @submit="busyAction = 'reactivate'" data-action="reactivate">
                    @csrf
                    <button type="submit" :disabled="busyAction !== ''"
                            class="inline-flex w-full items-center justify-center gap-1.5 rounded-xl border border-emerald-200
                                   bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700 transition
                                   hover:bg-emerald-100 disabled:opacity-50
                                   dark:border-emerald-500/30 dark:bg-emerald-500/10 dark:text-emerald-400 dark:hover:bg-emerald-500/20">
                        <x-icon name="play" class="size-4" />
                        <span x-text="busyAction === 'reactivate' ? 'Activating…' : 'Reactivate'">Reactivate</span>
                    </button>
                </form>
            @else
                <span class="inline-flex w-full cursor-not-allowed items-center justify-center gap-1.5 rounded-xl border
                             border-slate-200 px-3 py-2 text-sm font-semibold text-slate-400
                             dark:border-white/10 dark:text-slate-500"
                      title="A revoked license cannot be suspended or reactivated">
                    <x-icon name="pause" class="size-4" /> Suspend
                </span>
            @endif

            @if ($isRevoked)
                <span class="inline-flex w-full cursor-not-allowed items-center justify-center gap-1.5 rounded-xl border
                             border-slate-200 px-3 py-2 text-sm font-semibold text-slate-400
                             dark:border-white/10 dark:text-slate-500"
                      title="This license is already revoked">
                    <x-icon name="ban" class="size-4" /> Revoked
                </span>
            @else
                <form method="POST" action="{{ route('licenses.revoke', $license) }}"
                      @submit="ask($event.target) || $event.preventDefault()"
                      data-action="revoke"
                      data-confirm-title="Revoke this license permanently?"
                      data-confirm-message="The key can never be used again and the installation is cut off. This cannot be undone."
                      data-confirm-verb="Revoke permanently"
                      data-confirm-tone="red"
                      data-confirm-ack="1">
                    @csrf
                    <button type="submit" :disabled="busyAction !== ''"
                            class="inline-flex w-full items-center justify-center gap-1.5 rounded-xl border border-red-200
                                   bg-red-50 px-3 py-2 text-sm font-semibold text-red-700 transition
                                   hover:bg-red-100 disabled:opacity-50
                                   dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-400 dark:hover:bg-red-500/20">
                        <x-icon name="ban" class="size-4" />
                        <span x-text="busyAction === 'revoke' ? 'Revoking…' : 'Revoke'">Revoke</span>
                    </button>
                </form>
            @endif
        </div>

        {{-- ── Instant sync ────────────────────────────────────────── --}}
        {{-- Status changes above already push automatically; this is the
             manual override for when an install looks out of step. --}}
        @if ($license->domain)
            <div class="rounded-xl border border-brand-200/70 bg-brand-50/60 p-3
                        dark:border-brand-500/25 dark:bg-brand-500/[0.07]">
                <form method="POST" action="{{ route('licenses.sync', $license) }}"
                      @submit="busyAction = 'sync'" data-action="sync">
                    @csrf
                    <button type="submit" :disabled="busyAction !== ''"
                            class="inline-flex w-full items-center justify-center gap-2 rounded-lg bg-gradient-to-r
                                   from-brand-600 to-brand-500 px-3 py-2 text-sm font-semibold text-white shadow-sm
                                   transition hover:from-brand-500 hover:to-brand-400 disabled:opacity-60">
                        <x-icon name="send" class="size-4" x-show="busyAction !== 'sync'" />
                        <span x-show="busyAction === 'sync'" x-cloak class="size-4 animate-spin rounded-full border-2
                                     border-white/40 border-t-white" aria-hidden="true"></span>
                        <span x-text="busyAction === 'sync' ? 'Pushing…' : 'Push Status to Installation'">
                            Push Status to Installation
                        </span>
                    </button>
                </form>

                <p class="mt-2 text-center text-xs text-slate-500 dark:text-slate-400">
                    Last sync:
                    <span class="font-semibold {{ $syncTone }}">{{ ucfirst($license->sync_status ?? 'never') }}</span>
                    @if ($license->last_synced_at)
                        · {{ $license->last_synced_at->diffForHumans() }}
                    @endif
                </p>
            </div>
        @else
            <p class="rounded-xl border border-dashed border-slate-200 p-3 text-center text-xs text-slate-400
                      dark:border-white/10 dark:text-slate-500">
                Not bound to an installation yet — sync becomes available once the customer activates.
            </p>
        @endif
    </div>
</section>

{{-- ── Back navigation ─────────────────────────────────────────────── --}}
<a href="{{ route('licenses.index') }}"
   class="surface surface-hover group mt-4 flex items-center gap-3 p-4">
    <span class="grid size-9 shrink-0 place-items-center rounded-full bg-slate-100 text-slate-500 transition
                 group-hover:bg-brand-50 group-hover:text-brand-600
                 dark:bg-white/[0.05] dark:text-slate-400 dark:group-hover:bg-brand-500/10 dark:group-hover:text-brand-400"
          aria-hidden="true">
        <x-icon name="chevron-left" class="size-4" />
    </span>
    <span class="min-w-0">
        <span class="block text-sm font-semibold text-slate-900 dark:text-white">Back to licenses</span>
        <span class="block text-[11px] text-slate-500 dark:text-slate-400">Return to all licenses list</span>
    </span>
</a>