fix: server validation process

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

@@ -0,0 +1,9 @@
+<div>
+    @if ($private_keys->count() === 0)
+        <h1>Create Private Key</h1>
+        <div class="subtitle">You need to create a private key before you can create a server.</div>
+        <livewire:private-key.create from="server" />
+    @else
+        <livewire:server.new.by-ip :private_keys="$private_keys" :limit_reached="$limit_reached" />
+    @endif
+</div>

resources/views/livewire/server/destination/show.blade.php

@@ -0,0 +1,4 @@
+<div>
+    <x-server.navbar :server="$server" :parameters="$parameters" />
+    <livewire:destination.show :server="$server" />
+</div>

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

@@ -1,4 +1,4 @@
-<div>
+<div x-init="$wire.validateServer(false)">
     <x-modal yesOrNo modalId="deleteServer" modalTitle="Delete Server">
         <x-slot:modalBody>
             <p>This server will be deleted. It is not reversible. <br>Please think again..</p>
@@ -25,6 +25,11 @@
         @else
             Server is reachable and validated.
         @endif
+        @if ((!$server->settings->is_reachable || !$server->settings->is_usable) && $server->id !== 0)
+            <x-forms.button class="mt-8 mb-4 font-bold box-without-bg bg-coollabs hover:bg-coollabs-100" wire:click.prevent='validateServer' isHighlighted>
+                Validate Server & Install Docker Engine
+            </x-forms.button>
+        @endif
         <div class="flex flex-col gap-2 pt-4">
             <div class="flex flex-col w-full gap-2 lg:flex-row">
                 <x-forms.input id="server.name" label="Name" required />
@@ -42,27 +47,12 @@
                 </div>
             </div>
             <div class="w-64">
-                <x-forms.checkbox instantSave helper="If you are using Cloudflare Tunnels, enable this. It will proxy all ssh requests to your server through Cloudflare.<span class='text-warning'>Coolify does not install/setup Cloudflare (cloudflared) on your server.</span>"
+                <x-forms.checkbox instantSave
+                    helper="If you are using Cloudflare Tunnels, enable this. It will proxy all ssh requests to your server through Cloudflare.<span class='text-warning'>Coolify does not install/setup Cloudflare (cloudflared) on your server.</span>"
                     id="server.settings.is_cloudflare_tunnel" label="Cloudflare Tunnel" />
             </div>
         </div>
-        @if (!$server->settings->is_reachable)
-            <x-forms.button class="mt-8 mb-4 box" wire:click.prevent='validateServer'>
-                Validate Server
-            </x-forms.button>
-        @endif
-        @if ($server->settings->is_reachable && !$server->settings->is_usable && $server->id !== 0)
-            @if ($dockerInstallationStarted)
-                <x-forms.button class="mt-8 mb-4 box" wire:click.prevent='validateServer'>
-                    Validate Server
-                </x-forms.button>
-            @else
-                <x-forms.button class="mt-8 mb-4 box" onclick="installDocker.showModal()"
-                    wire:click.prevent='installDocker' isHighlighted>
-                    Install Docker Engine 24.0
-                </x-forms.button>
-            @endif
-        @endif
+
         @if ($server->isFunctional())
             <h3 class="py-4">Settings</h3>
             <x-forms.input id="cleanup_after_percentage" label="Disk Cleanup threshold (%)" required
@@ -80,4 +70,11 @@
             Delete
         </x-forms.button>
     @endif
+
+    <script>
+        Livewire.on('installDocker', () => {
+            console.log('asd');
+            installDocker.showModal();
+        })
+    </script>
 </div>

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

@@ -0,0 +1,4 @@
+<div>
+    <x-server.navbar :server="$server" :parameters="$parameters" />
+    <livewire:server.show-private-key :server="$server" :privateKeys="$privateKeys" />
+</div>

resources/views/livewire/server/proxy/show.blade.php

@@ -0,0 +1,4 @@
+<div>
+    <x-server.navbar :server="$server" :parameters="$parameters" />
+    <livewire:server.proxy :server="$server" />
+</div>

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

@@ -1,7 +1,7 @@
 <div>
-    <x-modal noSubmit modalId="installDocker">
+    <x-modal modalId="installDocker">
         <x-slot:modalBody>
-            <livewire:activity-monitor header="Installation Logs" />
+            <livewire:activity-monitor header="Docker Installation Logs" />
         </x-slot:modalBody>
         <x-slot:modalSubmit>
             <x-forms.button onclick="installDocker.close()" type="submit">
@@ -9,6 +9,6 @@
             </x-forms.button>
         </x-slot:modalSubmit>
     </x-modal>
-    <x-server.navbar :server="$server" />
+    <x-server.navbar :server="$server" :parameters="$parameters" />
     <livewire:server.form :server="$server" />
 </div>