fix: server validation process

resources/css/app.css

@@ -56,7 +56,7 @@ a {
     @apply flex items-center p-2 transition-colors cursor-pointer min-h-16 bg-coolgray-200 hover:bg-coollabs-100 hover:text-white hover:no-underline min-w-[24rem];
 }
 .box-without-bg {
-    @apply flex items-center p-2 transition-colors  min-h-16 hover:text-white hover:no-underline min-w-[24rem];
+    @apply flex items-center p-2 transition-colors min-h-16 hover:text-white hover:no-underline min-w-[24rem];
 }
 
 .lds-heart {

resources/views/components/server/navbar.blade.php

@@ -8,25 +8,25 @@
     <nav class="navbar-main">
         <a class="{{ request()->routeIs('server.show') ? 'text-white' : '' }}"
             href="{{ route('server.show', [
-                'server_uuid' => Route::current()->parameters()['server_uuid'],
+                'server_uuid' => data_get($parameters, 'server_uuid'),
             ]) }}">
             <button>General</button>
         </a>
         <a class="{{ request()->routeIs('server.private-key') ? 'text-white' : '' }}"
             href="{{ route('server.private-key', [
-                'server_uuid' => Route::current()->parameters()['server_uuid'],
+                'server_uuid' => data_get($parameters, 'server_uuid'),
             ]) }}">
             <button>Private Key</button>
         </a>
         <a class="{{ request()->routeIs('server.proxy') ? 'text-white' : '' }}"
             href="{{ route('server.proxy', [
-                'server_uuid' => Route::current()->parameters()['server_uuid'],
+                'server_uuid' => data_get($parameters, 'server_uuid'),
             ]) }}">
             <button>Proxy</button>
         </a>
         <a class="{{ request()->routeIs('server.destinations') ? 'text-white' : '' }}"
             href="{{ route('server.destinations', [
-                'server_uuid' => Route::current()->parameters()['server_uuid'],
+                'server_uuid' => data_get($parameters, 'server_uuid'),
             ]) }}">
             <button>Destinations</button>
         </a>

resources/views/emails/container-restarted.blade.php

@@ -5,10 +5,6 @@ Container ({{ $containerName }}) has been restarted automatically on {{$serverNa
 @if ($containerName === 'coolify-proxy')
 Coolify Proxy should run on your server as you have FQDNs set up in one of your resources.
 
-Note: The proxy should not stop unexpectedly, so please check what is going on your server.
-
-
-
 If you don't want to use Coolify Proxy, please remove FQDN from your resources or set Proxy type to Custom(None).
 @endif
 

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

@@ -1,4 +1,4 @@
-<x-layout>
-    <x-server.navbar :server="$server" />
+<div>
+    <x-server.navbar :server="$server" :parameters="$parameters" />
     <livewire:server.show-private-key :server="$server" :privateKeys="$privateKeys" />
-</x-layout>
+</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>

resources/views/server/all.blade.php

@@ -1,3 +0,0 @@
-<x-layout>
-   
-</x-layout>

resources/views/server/destinations.blade.php

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

resources/views/server/proxy.blade.php

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

resources/views/server/show.blade.php

@@ -1,4 +0,0 @@
-<x-layout>
-    <x-server.navbar :server="$server" />
-    <livewire:server.form :server="$server" />
-</x-layout>