@use('App\Models\LicenseLog')

@php
    /*
    | Requires in scope: $license, $logs (latest 30, from the controller).
    |
    | One tone map for the whole vocabulary in LicenseLog, so an event can never
    | render with an unmapped colour. Green = it worked, blue = on its way,
    | violet = a licence coming to life, amber = deliberate interruptions,
    | red = failures.
    */
    $tones = [
        LicenseLog::VERIFICATION        => ['emerald', 'check-circle'],
        LicenseLog::SYNC_SUCCESS        => ['emerald', 'check-circle'],
        LicenseLog::RENEWAL             => ['emerald', 'refresh'],
        LicenseLog::ACTIVATION          => ['violet',  'zap'],
        LicenseLog::SYNC_SENT           => ['blue',    'send'],
        LicenseLog::HEARTBEAT           => ['slate',   'activity'],
        LicenseLog::SYNC_RETRY          => ['amber',   'refresh'],
        LicenseLog::DOMAIN_CHANGE       => ['amber',   'globe'],
        LicenseLog::SUSPENSION          => ['amber',   'pause'],
        LicenseLog::DEACTIVATION        => ['slate',   'pause'],
        LicenseLog::FAILED_VERIFICATION => ['red',     'x-circle'],
        LicenseLog::FAILED_ACTIVATION   => ['red',     'x-circle'],
        LicenseLog::REVOCATION          => ['red',     'ban'],
        LicenseLog::SYNC_FAILED         => ['red',     'x-circle'],
    ];

    $dot = [
        'emerald' => 'bg-emerald-50 text-emerald-600 ring-emerald-500/25 dark:bg-emerald-500/10 dark:text-emerald-400 dark:ring-emerald-500/30',
        'violet'  => 'bg-violet-50 text-violet-600 ring-violet-500/25 dark:bg-violet-500/10 dark:text-violet-400 dark:ring-violet-500/30',
        'blue'    => 'bg-blue-50 text-blue-600 ring-blue-500/25 dark:bg-blue-500/10 dark:text-blue-400 dark:ring-blue-500/30',
        'amber'   => 'bg-amber-50 text-amber-600 ring-amber-500/25 dark:bg-amber-500/10 dark:text-amber-400 dark:ring-amber-500/30',
        'red'     => 'bg-red-50 text-red-600 ring-red-500/25 dark:bg-red-500/10 dark:text-red-400 dark:ring-red-500/30',
        'slate'   => 'bg-slate-100 text-slate-500 ring-slate-500/15 dark:bg-white/[0.05] dark:text-slate-400 dark:ring-white/10',
    ];

    // The full log filters by domain, so "view all" lands on this
    // installation's history rather than on everything ever recorded.
    $allLogsUrl = $license->domain
        ? route('logs.index', ['q' => $license->domain->domain])
        : route('logs.index');
@endphp

<section class="surface flex min-h-0 flex-col overflow-hidden">
    <header class="flex shrink-0 items-center justify-between gap-3 border-b border-slate-200/70 px-5 py-4 dark:border-white/[0.06]">
        <div class="flex items-center gap-2.5">
            <span class="grid size-8 place-items-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-inset
                         ring-brand-500/20 dark:bg-brand-500/10 dark:text-brand-400" aria-hidden="true">
                <x-icon name="file-text" class="size-4" />
            </span>
            <div>
                <h2 class="text-sm font-semibold text-slate-900 dark:text-white">Audit Log</h2>
                <p class="text-[11px] text-slate-500 dark:text-slate-400">
                    {{ $logs->count() }} most recent {{ Str::plural('event', $logs->count()) }}
                </p>
            </div>
        </div>

        <a href="{{ $allLogsUrl }}"
           class="inline-flex items-center gap-1 rounded-lg px-2.5 py-1.5 text-xs font-semibold text-brand-600
                  transition hover:bg-brand-50 dark:text-brand-400 dark:hover:bg-brand-500/10">
            View all logs
            <x-icon name="arrow-right" class="size-3.5" />
        </a>
    </header>

    @if ($logs->isEmpty())
        <x-empty-state icon="file-text" compact
                       title="No events recorded yet"
                       message="Activity appears here the moment the installation activates, verifies, or is acted on from this panel." />
    @else
        <ol class="scroll-slim max-h-[32rem] overflow-y-auto p-5">
            @foreach ($logs as $log)
                @php [$tone, $icon] = $tones[$log->event] ?? ['slate', 'activity']; @endphp

                <li class="relative flex gap-3.5 pb-5 last:pb-1">
                    {{-- The connecting line, drawn per row so it stops after the
                         last event instead of running off the card. --}}
                    @unless ($loop->last)
                        <span class="absolute left-[15px] top-9 h-[calc(100%-2rem)] w-px bg-slate-200 dark:bg-white/[0.07]"
                              aria-hidden="true"></span>
                    @endunless

                    <span class="relative z-10 grid size-8 shrink-0 place-items-center rounded-full ring-1 ring-inset {{ $dot[$tone] }}"
                          aria-hidden="true">
                        <x-icon :name="$icon" class="size-3.5" />
                    </span>

                    <div class="min-w-0 flex-1 pt-0.5">
                        <div class="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-0.5">
                            <p class="flex flex-wrap items-center gap-2">
                                <span class="text-sm font-semibold text-slate-900 dark:text-white">
                                    {{ ucfirst(str_replace('_', ' ', $log->event)) }}
                                </span>
                                @if ($log->message)
                                    <span class="rounded-md bg-slate-100 px-1.5 py-0.5 text-[11px] font-medium text-slate-600
                                                 dark:bg-white/[0.05] dark:text-slate-300">
                                        {{ $log->message }}
                                    </span>
                                @endif
                            </p>
                            <time class="shrink-0 text-[11px] text-slate-400 dark:text-slate-500"
                                  datetime="{{ $log->created_at?->toIso8601String() }}"
                                  title="{{ $log->created_at?->format('d M Y H:i:s') }}">
                                {{ $log->created_at?->diffForHumans(short: true) }}
                            </time>
                        </div>

                        @if ($log->domain || $log->ip_address)
                            <p class="mt-0.5 truncate text-xs text-slate-500 dark:text-slate-400">
                                {{ $log->domain }}{{ $log->domain && $log->ip_address ? ' · ' : '' }}{{ $log->ip_address }}
                            </p>
                        @endif
                    </div>
                </li>
            @endforeach
        </ol>
    @endif
</section>