feat: Refactor service database management and backup functionalities

- Introduced a new sidebar component for service database navigation.
- Updated routes for database import and backup functionalities.
- Refactored the database import view to improve clarity and maintainability.
- Consolidated service application and database views into a more cohesive structure.
- Removed deprecated service application view and integrated its functionalities into the service index.
- Enhanced user experience with modal confirmations for critical actions.
- Improved code readability and organization across various components.

resources/views/livewire/project/database/backup-executions.blade.php

@@ -186,10 +186,13 @@
                 <div class="p-4 bg-gray-100 dark:bg-coolgray-100 rounded-sm">No executions found.</div>
             @endforelse
         </div>
-        <script>
-            function download_file(executionId) {
-                window.open('/download/backup/' + executionId, '_blank');
-            }
-        </script>
     @endisset
 </div>
+
+@script
+<script>
+    window.download_file = function(executionId) {
+        window.open('/download/backup/' + executionId, '_blank');
+    }
+</script>
+@endscript

resources/views/livewire/project/database/configuration.blade.php

@@ -18,9 +18,9 @@
                 href="{{ route('project.database.persistent-storage', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}">Persistent
                 Storage</a>
             @can('update', $database)
-                <a class='menu-item' {{ wireNavigate() }} wire:current.exact="menu-item-active"
-                    href="{{ route('project.database.import-backups', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}">Import
-                    Backups</a>
+                <a class='menu-item' wire:current.exact="menu-item-active"
+                    href="{{ route('project.database.import-backup', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}">Import
+                    Backup</a>
             @endcan
             <a class='menu-item' {{ wireNavigate() }} wire:current.exact="menu-item-active"
                 href="{{ route('project.database.webhooks', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}">Webhooks</a>
@@ -63,7 +63,7 @@
                 <livewire:project.shared.destination :resource="$database" />
             @elseif ($currentRoute === 'project.database.persistent-storage')
                 <livewire:project.service.storage :resource="$database" />
-            @elseif ($currentRoute === 'project.database.import-backups')
+            @elseif ($currentRoute === 'project.database.import-backup')
                 <livewire:project.database.import :resource="$database" />
             @elseif ($currentRoute === 'project.database.webhooks')
                 <livewire:project.shared.webhooks :resource="$database" />

resources/views/livewire/project/database/import.blade.php

@@ -58,9 +58,9 @@
             </svg>
             <span>This is a destructive action, existing data will be replaced!</span>
         </div>
-        @if (str(data_get($resource, 'status'))->startsWith('running'))
+        @if (str($resourceStatus)->startsWith('running'))
             {{-- Restore Command Configuration --}}
-            @if ($resource->type() === 'standalone-postgresql')
+            @if ($resourceDbType === 'standalone-postgresql')
                 @if ($dumpAll)
                     <x-forms.textarea rows="6" readonly label="Custom Import Command"
                         wire:model='restoreCommandText'></x-forms.textarea>
@@ -75,7 +75,7 @@
                 <div class="w-64 pt-2">
                     <x-forms.checkbox label="Backup includes all databases" wire:model.live='dumpAll'></x-forms.checkbox>
                 </div>
-            @elseif ($resource->type() === 'standalone-mysql')
+            @elseif ($resourceDbType === 'standalone-mysql')
                 @if ($dumpAll)
                     <x-forms.textarea rows="14" readonly label="Custom Import Command"
                         wire:model='restoreCommandText'></x-forms.textarea>
@@ -85,7 +85,7 @@
                 <div class="w-64 pt-2">
                     <x-forms.checkbox label="Backup includes all databases" wire:model.live='dumpAll'></x-forms.checkbox>
                 </div>
-            @elseif ($resource->type() === 'standalone-mariadb')
+            @elseif ($resourceDbType === 'standalone-mariadb')
                 @if ($dumpAll)
                     <x-forms.textarea rows="14" readonly label="Custom Import Command"
                         wire:model='restoreCommandText'></x-forms.textarea>
@@ -112,7 +112,7 @@
                     </div>
                 </div>
 
-                @if ($availableS3Storages->count() > 0)
+                @if (count($availableS3Storages) > 0)
                     <div @click="restoreType = 's3'"
                          class="flex-1 p-6 border-2 rounded-sm cursor-pointer transition-all"
                          :class="restoreType === 's3' ? 'border-warning bg-warning/10' : 'border-neutral-200 dark:border-neutral-800 hover:border-warning/50'">
@@ -128,7 +128,7 @@
             </div>
 
             {{-- File Restore Section --}}
-            @can('update', $resource)
+            @can('update', $this->resource)
                 <div x-show="restoreType === 'file'" class="pt-6">
                     <h3>Backup File</h3>
                     <form class="flex gap-2 items-end pt-2">
@@ -139,7 +139,7 @@
                     <div class="pt-2 text-center text-xl font-bold">
                         Or
                     </div>
-                    <form action="/upload/backup/{{ $resource->uuid }}" class="dropzone" id="my-dropzone" wire:ignore>
+                    <form action="/upload/backup/{{ $resourceUuid }}" class="dropzone" id="my-dropzone" wire:ignore>
                         @csrf
                     </form>
                     <div x-show="isUploading">
@@ -168,17 +168,17 @@
             @endcan
 
             {{-- S3 Restore Section --}}
-            @if ($availableS3Storages->count() > 0)
-                @can('update', $resource)
+            @if (count($availableS3Storages) > 0)
+                @can('update', $this->resource)
                     <div x-show="restoreType === 's3'" class="pt-6">
                         <h3>Restore from S3</h3>
                         <div class="flex flex-col gap-2 pt-2">
                             <x-forms.select label="S3 Storage" wire:model.live="s3StorageId">
                                 <option value="">Select S3 Storage</option>
                                 @foreach ($availableS3Storages as $storage)
-                                    <option value="{{ $storage->id }}">{{ $storage->name }}
-                                        @if ($storage->description)
-                                            - {{ $storage->description }}
+                                    <option value="{{ $storage['id'] }}">{{ $storage['name'] }}
+                                        @if ($storage['description'])
+                                            - {{ $storage['description'] }}
                                         @endif
                                     </option>
                                 @endforeach
@@ -226,7 +226,7 @@
                 <x-slot:title>Database Restore Output</x-slot:title>
                 <x-slot:content>
                     <div wire:ignore>
-                        <livewire:activity-monitor wire:key="database-restore-{{ $resource->uuid }}" header="Logs" fullHeight />
+                        <livewire:activity-monitor wire:key="database-restore-{{ $resourceUuid }}" header="Logs" fullHeight />
                     </div>
                 </x-slot:content>
             </x-slide-over>