wip

resources/views/livewire/server/new/by-ip.blade.php

@@ -1,26 +1,24 @@
 <div>
     <form class="flex flex-col gap-1" wire:submit.prevent='submit'>
-        <div class="flex items-center gap-2">
-            <h1>New Server</h1>
-            <x-inputs.button type="submit">
-                Save
-            </x-inputs.button>
-        </div>
+        <h1>New Server</h1>
         <x-inputs.input id="name" label="Name" required />
         <x-inputs.input id="description" label="Description" />
         <x-inputs.input id="ip" label="IP Address" required />
         <x-inputs.input id="user" label="User" />
         <x-inputs.input type="number" id="port" label="Port" />
-        <x-inputs.input id="private_key_id" label="Private Key Id" readonly hidden />
-
-        <h1>Select a private key</h1>
-        <div class="flex">
+        <label>Private Key</label>
+        <select wire:model.defer="private_key_id">
+            <option disabled>Select a private key</option>
             @foreach ($private_keys as $key)
-                <div class="w-32 box" wire:click.defer.prevent="setPrivateKey('{{ $key->id }}')">
-                    {{ $key->name }}
-                </div>
+                @if ($loop->first)
+                    <option selected value="{{ $key->id }}">{{ $key->name }}</option>
+                @else
+                    <option value="{{ $key->id }}">{{ $key->name }}</option>
+                @endif
             @endforeach
-        </div>
+        </select>
+        <x-inputs.button isBold type="submit">
+            Save
+        </x-inputs.button>
     </form>
-
 </div>