@php
    $isSuper = (int) $admin->role_id === 2;
    $isActive = (int) $admin->active === 1;
@endphp

<x-admin.layout :title="'Admin · '.($admin->full_name ?: $admin->email)" active="admins">
    <x-admin.backlink :href="route('admin.admins')">Admin Users</x-admin.backlink>

    <div class="view-head">
        <div style="display:flex;gap:.9rem;align-items:center;min-width:0;">
            <span class="avatar" style="width:52px;height:52px;font-size:1rem;"><i class="fa-light fa-user-shield"></i></span>
            <div style="min-width:0;">
                <h2>{{ $admin->full_name ?: '—' }}</h2>
                <p class="lede">{{ $admin->email }}</p>
            </div>
        </div>
        <div style="display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;">
            @if ($isSuper)<x-admin.pill variant="navy"><i class="fa-light fa-crown"></i> Super-admin</x-admin.pill>@else<x-admin.pill variant="neutral">Admin</x-admin.pill>@endif
            @if ($isActive)<x-admin.pill variant="success" icon="fa-solid fa-circle">Active</x-admin.pill>@else<x-admin.pill variant="coral" icon="fa-solid fa-circle">Disabled</x-admin.pill>@endif
        </div>
    </div>

    @if (session('new_pin'))
        <x-admin.panel pad style="border:1px solid var(--sky);background:color-mix(in srgb, var(--sky) 8%, transparent);">
            <div style="display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;">
                <span class="avatar" style="background:var(--sky);"><i class="fa-light fa-key"></i></span>
                <div style="min-width:0;">
                    <x-admin.eyebrow icon="fa-light fa-key">One-time login PIN</x-admin.eyebrow>
                    <div style="font-size:1.6rem;font-weight:700;letter-spacing:.18em;">{{ session('new_pin') }}</div>
                    <p class="sub">Share this securely with {{ $admin->full_name ?: 'the admin' }}. It will not be shown again — reset it from the actions if lost.</p>
                </div>
            </div>
        </x-admin.panel>
    @endif

    <div class="grid-2">
        <div style="display:flex;flex-direction:column;gap:1rem;min-width:0;">
            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-id-badge">Account</x-admin.eyebrow>
                <div class="mt-1">
                    <x-admin.kv label="Name">{{ $admin->full_name ?: '—' }}</x-admin.kv>
                    <x-admin.kv label="Email"><a class="lk" href="mailto:{{ $admin->email }}">{{ $admin->email }}</a></x-admin.kv>
                    <x-admin.kv label="Role">{{ $isSuper ? 'Super-admin' : 'Admin' }}</x-admin.kv>
                    <x-admin.kv label="2FA mobile"><span>{{ $admin->admin_mobile ?: '—' }}</span></x-admin.kv>
                    <x-admin.kv label="PIN set">{{ $admin->admin_pin ? 'Yes' : 'No' }}</x-admin.kv>
                    <x-admin.kv label="Status">{{ $isActive ? 'Active' : 'Disabled' }}</x-admin.kv>
                    <x-admin.kv label="Created">{{ $admin->record_created?->format('d M Y') ?: $admin->created_at?->format('d M Y') ?: '—' }}</x-admin.kv>
                </div>
            </x-admin.panel>

            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-clock-rotate-left">Recent activity</x-admin.eyebrow>
                @if ($audit->isEmpty())
                    <p class="sub" style="margin:.6rem 0 0;">No recorded activity for this admin yet.</p>
                @else
                    <x-admin.timeline class="mt-1">
                        @foreach ($audit as $entry)
                            <x-admin.timeline-item :when="$entry->created_at?->diffForHumans()">
                                <a href="{{ route('admin.audit.show', $entry) }}" wire:navigate>{{ \App\Enums\AdminAction::tryFrom($entry->action)?->label() ?? $entry->action }}</a>
                                <span class="sub">· {{ $entry->actor?->full_name ?: 'System' }}</span>
                            </x-admin.timeline-item>
                        @endforeach
                    </x-admin.timeline>
                @endif
            </x-admin.panel>
        </div>

        <div style="display:flex;flex-direction:column;gap:1rem;min-width:0;">
            <livewire:admin.admin-user-actions :admin-id="$admin->id" />
        </div>
    </div>
</x-admin.layout>