From e5c07e699c880be3c06623318b3113e18012f75d Mon Sep 17 00:00:00 2001
From: Lewis Larsen <lewis@larsens.dev>
Date: Mon, 15 Jul 2024 00:05:51 +0100
Subject: [PATCH] fix: Broken view on certain step progress

---
 .../steps-to-get-started/view.blade.php       | 56 +++++++++++--------
 1 file changed, 33 insertions(+), 23 deletions(-)

diff --git a/resources/views/partials/steps-to-get-started/view.blade.php b/resources/views/partials/steps-to-get-started/view.blade.php
index f9c53f61..c5219ec5 100644
--- a/resources/views/partials/steps-to-get-started/view.blade.php
+++ b/resources/views/partials/steps-to-get-started/view.blade.php
@@ -8,7 +8,7 @@
                 </div>
             </div>
             <div class="grid md:grid-cols-12 gap-6 md:space-x-3">
-                <div class="bg-white rounded-[0.70rem] px-5 py-5 text-gray-950 col-span-4">
+                <div class="bg-gray-100 rounded-[0.70rem] px-5 py-5 text-gray-950 col-span-4">
                     <h1 class="text-2xl font-bold">
                         {{ __('Step 1)') }}
                     </h1>
@@ -24,15 +24,25 @@
                         {{ __('We support Ubuntu and Debian distributions primarily.') }}
                     </div>
                     <div>
-                        <a href="{{ route('remote-servers.create') }}" wire:navigate>
-                            <x-primary-button class="mt-4" centered fat>
-                                {{ __('Link Remote Server') }}
-                                @svg('heroicon-o-arrow-right', 'h-5 w-5 ml-2 inline')
-                            </x-primary-button>
-                        </a>
+                        @if (Auth::user()->remoteServers->isNotEmpty())
+                            <div class="my-3 bg-green-50 rounded-none border-l-4 border-green-600 p-2.5">
+                                @svg('heroicon-o-check', 'h-5 w-5 text-green-600 mr-2 inline')
+                                <span
+                                    class="text-green-600 text-sm">{{ __('You have completed this step.') }}</span>
+                            </div>
+                        @endif
+
+                        @if (Auth::user()->remoteServers->isEmpty())
+                            <a href="{{ route('remote-servers.create') }}" wire:navigate>
+                                <x-primary-button class="mt-4" centered fat>
+                                    {{ __('Link Remote Server') }}
+                                    @svg('heroicon-o-arrow-right', 'h-5 w-5 ml-2 inline')
+                                </x-primary-button>
+                            </a>
+                        @endif
                     </div>
                 </div>
-                <div class="bg-white rounded-[0.70rem] px-5 py-5 text-gray-950 col-span-4">
+                <div class="bg-gray-100 rounded-[0.70rem] px-5 py-5 text-gray-950 col-span-4">
                     <h1 class="text-2xl font-bold">
                         {{ __('Step 2)') }}
                     </h1>
@@ -48,27 +58,33 @@
                         {{ __('Add your S3 bucket API details to store your backups safely.') }}
                     </div>
                     <div>
+                        @if (Auth::user()->backupDestinations->isNotEmpty())
+                            <div class="my-3 bg-green-50 rounded-none border-l-4 border-green-600 p-2.5">
+                                @svg('heroicon-o-check', 'h-5 w-5 text-green-600 mr-2 inline')
+                                <span
+                                    class="text-green-600 text-sm">{{ __('You have completed this step.') }}</span>
+                            </div>
+                        @endif
+
                         @if (Auth::user()->remoteServers->isEmpty())
                             <div class="my-3 bg-red-50 rounded-lg p-2.5">
                                 @svg('heroicon-o-exclamation-triangle', 'h-5 w-5 text-red-500 mr-2 inline')
-                                <span class="text-red-500 text-sm">{{ __('You need to link a Remote Server first.') }}</span>
+                                <span
+                                    class="text-red-500 text-sm">{{ __('You need to link a Remote Server first.') }}</span>
                             </div>
+                        @endif
+
+                        @if (Auth::user()->remoteServers->isEmpty())
                             <x-primary-button
                                 class="mt-4 cursor-not-allowed bg-opacity-50 hover:bg-opacity-50 focus:bg-opacity-50"
                                 centered fat disabled>
                                 {{ __('Add your Backup Destination') }}
                                 @svg('heroicon-o-arrow-right', 'h-5 w-5 ml-2 inline')
                             </x-primary-button>
-                        @else
-                            <a href="{{ route('backup-destinations.create') }}" wire:navigate>
-                                <x-primary-button class="mt-4" centered fat>
-                                    {{ __('Add another Backup Destination') }}
-                                    @svg('heroicon-o-arrow-right', 'h-5 w-5 ml-2 inline')
-                                </x-primary-button>
                         @endif
                     </div>
                 </div>
-                <div class="bg-white rounded-[0.70rem] px-5 py-5 text-gray-950 col-span-4">
+                <div class="bg-gray-100 rounded-[0.70rem] px-5 py-5 text-gray-950 col-span-4">
                     <h1 class="text-2xl font-bold">
                         {{ __('Step 3)') }}
                     </h1>
@@ -88,17 +104,11 @@ class="mt-4 cursor-not-allowed bg-opacity-50 hover:bg-opacity-50 focus:bg-opacit
                                 <span
                                     class="text-red-500 text-sm">{{ __('You need to link a Backup Destination first.') }}</span>
                             </div>
-                            <x-primary-button
-                                class="mt-4 cursor-not-allowed bg-opacity-50 hover:bg-opacity-50 focus:bg-opacity-50"
-                                centered fat disabled>
-                                {{ __('Create your first Backup Task') }}
-                                @svg('heroicon-o-arrow-right', 'h-5 w-5 ml-2 inline')
-                            </x-primary-button>
                         @else
                             <a href="{{ route('backup-tasks.create') }}" wire:navigate>
                                 <x-primary-button class="mt-6" centered fat>
                                     {{ __('Create your first Backup Task') }}
-                                    @svg('heroicon-o-arrow-right', 'h-5 w-5 ml-2')
+                                    @svg('heroicon-o-arrow-right', 'h-5 w-5 ml-2 inline')
                                 </x-primary-button>
                             </a>
                         @endif