coolify/resources/views/livewire/server/show-private-key.blade.php

<div>
    <div class="flex items-end gap-2 pb-6 ">
        <h2>Private Key</h2>
        <x-slide-over fullScreen closeWithX>
            <x-slot:title>New Team</x-slot:title>
            <x-slot:content>
                <livewire:security.private-key.create />
            </x-slot:content>
            <button @click="slideOverOpen=true" class="button">+
                Add</button>
        </x-slide-over>
        <x-forms.button wire:click.prevent='checkConnection'>
            Check connection
        </x-forms.button>
    </div>

    <div class="flex flex-col gap-2 pb-6">
        @if (data_get($server, 'privateKey.uuid'))
            <div>
                Currently attached Private Key:
                <a
                    href="{{ route('security.private-key.show', ['private_key_uuid' => data_get($server, 'privateKey.uuid')]) }}">
                    <button class="text-white btn-link">{{ data_get($server, 'privateKey.name') }}</button>
                </a>
            </div>
        @else
            <div class="">No private key attached.</div>
        @endif

    </div>
    <h3 class="pb-4">Choose another Key</h3>
    <div class="grid grid-cols-3 gap-2">
        @forelse ($privateKeys as $private_key)
            <x-forms.button class="flex flex-col box" wire:click='setPrivateKey({{ $private_key->id }})'>
                <div>{{ $private_key->name }}</div>
                <div class="text-xs">{{ $private_key->description }}</div>
            </x-forms.button>
        @empty
            <div>No private keys found. </div>
        @endforelse
    </div>
</div>