refactor routes

resources/views/livewire/settings/index.blade.php

@@ -0,0 +1,25 @@
+<div>
+    <x-settings.navbar />
+    <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex h-full pt-1">
+        <div class="flex flex-col gap-4 min-w-fit">
+            <a :class="activeTab === 'general' && 'text-white'"
+                @click.prevent="activeTab = 'general'; window.location.hash = 'general'" href="#">General</a>
+            <a :class="activeTab === 'backup' && 'text-white'"
+                @click.prevent="activeTab = 'backup'; window.location.hash = 'backup'" href="#">Instance Backup</a>
+            <a :class="activeTab === 'smtp' && 'text-white'"
+                @click.prevent="activeTab = 'smtp'; window.location.hash = 'smtp'" href="#">Transactional
+                Email</a>
+        </div>
+        <div class="w-full pl-8">
+            <div x-cloak x-show="activeTab === 'general'" class="h-full">
+                <livewire:settings.configuration :settings="$settings" />
+            </div>
+            <div x-cloak x-show="activeTab === 'backup'" class="h-full">
+                <livewire:settings.backup :settings="$settings" :database="$database" :s3s="$s3s" />
+            </div>
+            <div x-cloak x-show="activeTab === 'smtp'" class="h-full">
+                <livewire:settings.email :settings="$settings" />
+            </div>
+        </div>
+    </div>
+</div>

resources/views/livewire/settings/license.blade.php

@@ -0,0 +1,28 @@
+<div>
+    <x-settings.navbar />
+    <h2>Resale License</h2>
+    <form wire:submit='submit' class="flex flex-col gap-2">
+        <div>
+            @if ($settings->is_resale_license_active)
+                <div class="text-success">License is active</div>
+            @else
+                <div class="text-error">License is not active</div>
+            @endif
+        </div>
+        <div class="flex gap-2">
+            <x-forms.input type="password" id="settings.resale_license"
+                placeholder="eg: BE558E91-0CC5-4AA2-B1C0-B6403C2988DD" label="License Key" />
+            <x-forms.input type="password" id="instance_id" label="Instance Id (do not change this)" disabled />
+        </div>
+        <div class="flex gap-2">
+            <x-forms.button type="submit">
+                Check License
+            </x-forms.button>
+        </div>
+        @if (session()->has('error'))
+            <div class="text-error">
+                {!! session('error') !!}
+            </div>
+        @endif
+    </form>
+</div>