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

<div>
    <div class="flex items-end gap-2">
        <h2>Private Key</h2>
        <x-modal-input buttonTitle="+ Add" title="New Private Key">
            <livewire:security.private-key.create />
        </x-modal-input>
        <x-forms.button wire:click.prevent='checkConnection'>
            Check connection
        </x-forms.button>
    </div>

    <div class="flex flex-col gap-2">
        <div class="pb-4">Change your server's private key.</div>
    </div>
    <div class="grid xl:grid-cols-2 grid-cols-1 gap-2">
        @forelse ($privateKeys as $private_key)
            <div class="box-without-bg justify-between dark:bg-coolgray-100 bg-white items-center">
                <div class="flex flex-col ">
                    <div class="box-title">{{ $private_key->name }}</div>
                    <div class="box-description">{{ $private_key->description }}</div>
                </div>
                @if (data_get($server, 'privateKey.uuid') !== $private_key->uuid)
                <x-forms.button wire:click='setPrivateKey({{ $private_key->id }})'>
                    Use this key
                    </x-forms.button>
                @else
                    <x-forms.button disabled>
                        Currently used
                    </x-forms.button>
                @endif
            </div>
        @empty
            <div>No private keys found. </div>
        @endforelse
    </div>
</div>