@php
    $isSuper = (int) $admin->role_id === 2;
    $isActive = (int) $admin->active === 1;
    $lockRole = $isSelf || ($isSuper && $isLastSuper);   // can't demote self / last super
    $lockDisable = $isSelf || ($isActive && $isSuper && $isLastSuper);
@endphp
<div>
    <x-admin.panel pad>
        <x-admin.eyebrow icon="fa-light fa-wand-magic-sparkles">Actions</x-admin.eyebrow>
        <div class="actions-list">
            <button type="button" class="action-btn" data-modal="m-role" @disabled($lockRole)>
                <span class="ai"><i class="fa-light fa-crown"></i></span> {{ $isSuper ? 'Change to admin' : 'Promote to super-admin' }}
                @if ($lockRole)<span class="cs-tag">Locked</span>@endif<i class="fa-light fa-chevron-right chev"></i>
            </button>
            <button type="button" class="action-btn" data-modal="m-mobile"><span class="ai"><i class="fa-light fa-mobile"></i></span> Change 2FA mobile <i class="fa-light fa-chevron-right chev"></i></button>
            <button type="button" class="action-btn" data-modal="m-pin"><span class="ai"><i class="fa-light fa-key"></i></span> Reset login PIN <i class="fa-light fa-chevron-right chev"></i></button>
            <button type="button" class="action-btn {{ $isActive ? 'danger' : '' }}" data-modal="m-active" @disabled($lockDisable)>
                <span class="ai"><i class="fa-light {{ $isActive ? 'fa-ban' : 'fa-circle-check' }}"></i></span> {{ $isActive ? 'Disable account' : 'Enable account' }}
                @if ($lockDisable)<span class="cs-tag">Locked</span>@endif<i class="fa-light fa-chevron-right chev"></i>
            </button>
        </div>
        @if ($isSelf)
            <p class="sub" style="margin-top:.6rem;"><i class="fa-light fa-circle-info"></i> You can't change your own role or disable your own account.</p>
        @elseif ($isSuper && $isLastSuper)
            <p class="sub" style="margin-top:.6rem;"><i class="fa-light fa-circle-info"></i> Last active super-admin — promote another before changing this one.</p>
        @endif
    </x-admin.panel>

    <x-admin.modal id="m-role" :title="$isSuper ? 'Change to admin' : 'Promote to super-admin'" icon="fa-light fa-crown" eyebrow="Role">
        <form wire:submit="changeRole">
            <p class="modal-note">
                @if ($isSuper)
                    Removes super-admin powers (admin user management, controlled settings). They remain an admin.
                @else
                    Grants super-admin powers: managing admins, controlled settings, and approving counter-signed actions.
                @endif
            </p>
            <div class="modal-foot">
                <button type="button" class="btn btn-ghost btn-sm" data-modal-close>Cancel</button>
                <x-admin.btn type="submit" variant="navy" sm icon="fa-light fa-check" wire:loading.attr="disabled" wire:target="changeRole">Confirm</x-admin.btn>
            </div>
        </form>
    </x-admin.modal>

    <x-admin.modal id="m-mobile" title="Change 2FA mobile" icon="fa-light fa-mobile" eyebrow="Security">
        <form wire:submit="changeMobile">
            <div class="fld"><label for="f-mobile">Mobile (full international format)</label>
                <input class="inp @error('mobile') inp-invalid @enderror" id="f-mobile" type="tel" wire:model="mobile" placeholder="+353871234567">
                @error('mobile')<p class="field-err"><i class="fa-solid fa-circle-xmark"></i> {{ $message }}</p>@enderror
            </div>
            <p class="modal-note">The SMS login code is sent here. Make sure it's correct, or they'll be locked out.</p>
            <div class="modal-foot">
                <button type="button" class="btn btn-ghost btn-sm" data-modal-close>Cancel</button>
                <x-admin.btn type="submit" variant="navy" sm icon="fa-light fa-check" wire:loading.attr="disabled" wire:target="changeMobile">Save</x-admin.btn>
            </div>
        </form>
    </x-admin.modal>

    <x-admin.modal id="m-pin" title="Reset login PIN" icon="fa-light fa-key" eyebrow="Security">
        <form wire:submit="resetPin">
            <p class="modal-note">Generates a fresh 6-digit PIN, shown <strong>once</strong> on this page. The old PIN stops working immediately.</p>
            <div class="modal-foot">
                <button type="button" class="btn btn-ghost btn-sm" data-modal-close>Cancel</button>
                <x-admin.btn type="submit" variant="navy" sm icon="fa-light fa-rotate" wire:loading.attr="disabled" wire:target="resetPin">Generate new PIN</x-admin.btn>
            </div>
        </form>
    </x-admin.modal>

    <x-admin.modal id="m-active" :title="$isActive ? 'Disable account' : 'Enable account'" icon="fa-light fa-ban" eyebrow="Account">
        <form wire:submit="toggleActive">
            <p class="modal-note">
                {{ $isActive
                    ? 'They will no longer be able to sign in (PIN recognition and any active session are blocked). Reversible.'
                    : 'Restores access — they can sign in again with their PIN + SMS code.' }}
            </p>
            <div class="modal-foot">
                <button type="button" class="btn btn-ghost btn-sm" data-modal-close>Cancel</button>
                <x-admin.btn type="submit" :variant="$isActive ? 'danger' : 'navy'" sm :icon="$isActive ? 'fa-light fa-ban' : 'fa-light fa-circle-check'" wire:loading.attr="disabled" wire:target="toggleActive">{{ $isActive ? 'Disable' : 'Enable' }}</x-admin.btn>
            </div>
        </form>
    </x-admin.modal>
</div>