From 430521e4cbdd0e821053a3f52b073194d39c4b84 Mon Sep 17 00:00:00 2001
From: "Harry (hjbdev)" <harry@hjb.dev>
Date: Sun, 30 Mar 2025 12:54:56 +0000
Subject: [PATCH] images

---
 resources/js/pages/servers/Create.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/resources/js/pages/servers/Create.vue b/resources/js/pages/servers/Create.vue
index bec2988..db79419 100644
--- a/resources/js/pages/servers/Create.vue
+++ b/resources/js/pages/servers/Create.vue
@@ -14,7 +14,7 @@ const props = defineProps({
 const form = useForm({
     provider: 'hetzner',
     location: null,
-    serverType: null,
+    server_type: null,
     image: null,
 });
 
@@ -78,7 +78,7 @@ if (form.provider && !props.locations) {
             <div v-if="form.location" class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2">
                 <RadioButton
                     v-for="serverType in serverTypes.sort((a, b) => a.cores - b.cores)"
-                    v-model="form.serverType"
+                    v-model="form.server_type"
                     :value="serverType.id"
                     :disabled="serverType.disabled"
                     name="server-type"
@@ -87,6 +87,17 @@ if (form.provider && !props.locations) {
                     <p class="text-sm opacity-60">{{ serverType.cores }} cores &bull; {{ serverType.memory }} GB RAM &bull; {{ serverType.disk }} GB disk</p>
                 </RadioButton>
             </div>
+            <div v-if="form.server_type" class="flex gap-2 flex-wrap">
+                <RadioButton
+                    v-for="image in images"
+                    v-model="form.image"
+                    :value="image.id"
+                    :disabled="image.disabled"
+                    name="image"
+                >
+                    <h5 class="text-lg font-semibold tracking-tight">{{ image.name }}</h5>
+                </RadioButton>
+            </div>
             <div class="flex justify-end items-center">
                 <Button @click="form.post(route('servers.store', { organisation: $page.props.organisation.id }))">Submit</Button>
             </div>