app/Livewire/ApplicationForm.php

@@ -21,6 +21,8 @@ class ApplicationForm extends Component
 
     public $message = '';
 
+    public $applicationUuid;
+
     public $captcha;
 
     public $captchaInput;
@@ -69,9 +71,9 @@ class ApplicationForm extends Component
             ]);
         }
 
-        $this->reset(['photos', 'message', 'captchaInput']);
+        $this->applicationUuid = (string) $application->uuid;
 
-        return redirect("/application-status/{$application->uuid}")->with('status', 'created');
+        $this->reset(['photos', 'message', 'captchaInput']);
     }
 
     public function render()

resources/views/livewire/application-form.blade.php

@@ -1,4 +1,15 @@
 <div class="max-w-2xl w-full md:w-xl mx-auto mt-10 flex flex-col gap-6">
+    @if ($applicationUuid)
+        <flux:callout variant="success" icon="check-circle">
+            <flux:callout.heading>Your application has been submitted.</flux:callout.heading>
+            <flux:callout.text>
+                You can check its status here: <flux:callout.link
+                    href="{{ route('application', ['uuid' => $applicationUuid]) }}">View Application Status
+                </flux:callout.link>
+                <br>Please save or bookmark that link, as the approval process can take 24-48 hours.
+            </flux:callout.text>
+        </flux:callout>
+    @else
         <form wire:submit.prevent="submit" enctype="multipart/form-data">
             <div class="flex flex-col gap-4 mb-6">
                 <flux:callout variant="secondary" icon="information-circle" heading="Here you can submit your application."
@@ -34,4 +45,5 @@
             </div>
             <flux:button class="w-full" variant="primary" wire:click="submit">Submit Application</flux:button>
         </form>
+    @endif
 </div>

resources/views/livewire/application-list.blade.php

@@ -1,5 +1,5 @@
 <div wire:poll.10s="refresh">
-    <div class="max-w-5xl mx-auto p-6 ">
+    <div class="max-w-5xl mx-auto p-6">
         <h1 class="text-2xl font-bold mb-4">Application Management</h1>
 
         <div class="mb-4">
@@ -16,11 +16,10 @@
             </flux:callout>
         @endif
 
-        <div class="bg-white dark:bg-zinc-900 shadow-md rounded-lg overflow-hidden">
+        <table class="w-full border-collapse border border-gray-300 dark:border-neutral-950 rounded-lg">
-            <table class="min-w-full text-sm text-left text-zinc-700 dark:text-zinc-300">
+            <thead class="bg-gray-100 dark:bg-neutral-900">
-                <thead class="bg-zinc-100 dark:bg-zinc-950 text-xs uppercase text-zinc-500 dark:text-zinc-400">
                 <tr>
-                        <th class="px-4 py-2 text-left hidden md:block">UUID</th>
+                    <th class="px-4 py-2 text-left">UUID</th>
                     <th class="px-4 py-2">Status</th>
                     <th class="px-4 py-2">Uploads</th>
                     <th class="px-4 py-2">Submitted</th>
@@ -29,9 +28,8 @@
             </thead>
             <tbody>
                 @forelse ($applications as $app)
-                        <tr class="border-b dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-950">
+                    <tr>
-                            <td class="px-4 py-4 font-mono text-sm hidden md:block align-middle">{{ $app->uuid }}
+                        <td class="px-4 py-2 font-mono text-sm">{{ $app->uuid }}</td>
-                            </td>
                         <td class="px-4 py-2">
                             @if ($app->status === 0)
                                 <span class="text-yellow-600 font-semibold">Pending</span>
@@ -44,7 +42,6 @@
                         <td class="px-4 py-2 text-center">{{ $app->uploads->count() }}</td>
                         <td class="px-4 py-2 text-sm">{{ $app->created_at->diffForHumans() }}</td>
                         <td class="px-4 py-2">
-                                <div class="flex flex-col xl:flex-row">
                             <flux:button size="sm" variant="primary"
                                 href="{{ route('application', ['uuid' => $app->uuid]) }}">
                                 View
@@ -60,7 +57,7 @@
                                     Reject
                                 </flux:button>
                             @endif
-                                </div>
+
                         </td>
                     </tr>
                 @empty
@@ -70,7 +67,7 @@
                 @endforelse
             </tbody>
         </table>
-        </div>
+
         <div class="mt-4">
             {{ $applications->links() }}
         </div>

resources/views/livewire/application-status.blade.php

@@ -1,14 +1,5 @@
 <div wire:poll.10s="loadApplication" class="max-w-2xl w-full md:w-xl mx-auto mt-10 flex flex-col gap-6">
 
-    @if (session('status'))
-        <flux:callout variant="success" icon="check-circle">
-            <flux:callout.heading>Your application has been submitted.</flux:callout.heading>
-            <flux:callout.text>
-                Please bookmark this page, as the approval process can take up to 24 hours.
-            </flux:callout.text>
-        </flux:callout>
-    @endif
-
     @if ($application->status === 0)
         <flux:callout variant="warning" icon="exclamation-circle">
             <flux:callout.heading>Application pending</flux:callout.heading>