css sprinkle

resources/views/livewire/server/form.blade.php

@@ -1,4 +1,5 @@
 <div x-data="{ deleteServer: false }">
+    <h3>General</h3>
     <x-naked-modal show="deleteServer" message='Are you sure you would like to delete this server?' />
     <form wire:submit.prevent='submit' class="flex flex-col">
         <div class="flex flex-col gap-2 xl:flex-row">
@@ -49,4 +50,28 @@
             @endisset
         </div>
     </form>
+    <div class="flex items-center gap-2 py-4">
+        <div class="font-bold">Private Key</div>
+        <a class="px-2"
+            href="{{ route('private-key.show', ['private_key_uuid' => data_get($server, 'privateKey.uuid')]) }}">
+            {{ data_get($server, 'privateKey.uuid') }}
+        </a>
+        <a href="{{ route('server.private-key', ['server_uuid' => $server->uuid]) }}">
+            <x-inputs.button isBold>Change</x-inputs.button>
+        </a>
+    </div>
+    <div class="flex items-center gap-2 py-4">
+        <div class="font-bold">Destinations</div>
+        <div>
+            @foreach ($server->standaloneDockers as $docker)
+                <a class="px-2"
+                    href="{{ route('destination.show', ['destination_uuid' => data_get($docker, 'uuid')]) }}">
+                    {{ data_get($docker, 'network') }}
+                </a>
+            @endforeach
+        </div>
+        <a href="{{ route('destination.new', ['server_id' => $server->id]) }}">
+            <x-inputs.button isBold>Add</x-inputs.button>
+        </a>
+    </div>
 </div>