From b412ad3fca9c678b05f43bbba26fbb78ee68a85e Mon Sep 17 00:00:00 2001
From: weeb <weeb@lolispace.moe>
Date: Fri, 30 May 2025 14:18:45 +0200
Subject: [PATCH] Redirect to status page if application has been submitted

---
 app/Livewire/ApplicationForm.php              |  6 +-
 .../views/livewire/application-form.blade.php | 62 ++++++++-----------
 .../livewire/application-status.blade.php     |  9 +++
 3 files changed, 36 insertions(+), 41 deletions(-)

diff --git a/app/Livewire/ApplicationForm.php b/app/Livewire/ApplicationForm.php
index b047770..4279763 100644
--- a/app/Livewire/ApplicationForm.php
+++ b/app/Livewire/ApplicationForm.php
@@ -21,8 +21,6 @@ class ApplicationForm extends Component
 
     public $message = '';
 
-    public $applicationUuid;
-
     public $captcha;
 
     public $captchaInput;
@@ -71,9 +69,9 @@ class ApplicationForm extends Component
             ]);
         }
 
-        $this->applicationUuid = (string) $application->uuid;
-
         $this->reset(['photos', 'message', 'captchaInput']);
+
+        return redirect("/application-status/{$application->uuid}")->with('status', 'created');
     }
 
     public function render()
diff --git a/resources/views/livewire/application-form.blade.php b/resources/views/livewire/application-form.blade.php
index 959fd5a..bcf6fec 100644
--- a/resources/views/livewire/application-form.blade.php
+++ b/resources/views/livewire/application-form.blade.php
@@ -1,49 +1,37 @@
 <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."
-                    text="To apply, simply fill out the form below and upload at least one loli photo.
+    <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."
+                text="To apply, simply fill out the form below and upload at least one loli photo.
                         After submitting, you'll receive a unique link — make sure to save it! You can use that
                         link to check the status of your application, and if everything is approved, you'll also
                         receive your registration token there." />
 
-                <flux:textarea wire:model="message" label="Why do you want to join? (max. 500 characters)"
-                    placeholder="Cunny 😭" />
+            <flux:textarea wire:model="message" label="Why do you want to join? (max. 500 characters)"
+                placeholder="Cunny 😭" />
 
-                <flux:input type="file" wire:model="photos" label="Loli Photos (max. 6 files, max. 8MB per file)"
-                    multiple />
-
-                @if ($photos)
-                    <div class="mt-4">
-                        <flux:heading>Photo Preview</flux:heading>
-                        <div class="flex gap-4 mt-2">
-                            @foreach ($photos as $photo)
-                                <img src="{{ $photo->temporaryUrl() }}" class="w-24 h-24 object-cover rounded">
-                            @endforeach
-                        </div>
-                    </div>
-                @endif
+            <flux:input type="file" wire:model="photos" label="Loli Photos (max. 6 files, max. 8MB per file)"
+                multiple />
 
+            @if ($photos)
                 <div class="mt-4">
-                    <div class="flex">
-                        <flux:input label="Captcha" wire:model.defer="captchaInput" />
-                        <img src="{{ $captcha }}" alt="captcha" wire:click="refreshCaptcha"
-                            class="cursor-pointer ml-3 mt-7 h-10 rounded-lg">
+                    <flux:heading>Photo Preview</flux:heading>
+                    <div class="flex gap-4 mt-2">
+                        @foreach ($photos as $photo)
+                            <img src="{{ $photo->temporaryUrl() }}" class="w-24 h-24 object-cover rounded">
+                        @endforeach
                     </div>
                 </div>
+            @endif
+
+            <div class="mt-4">
+                <div class="flex">
+                    <flux:input label="Captcha" wire:model.defer="captchaInput" />
+                    <img src="{{ $captcha }}" alt="captcha" wire:click="refreshCaptcha"
+                        class="cursor-pointer ml-3 mt-7 h-10 rounded-lg">
+                </div>
             </div>
-            <flux:button class="w-full" variant="primary" wire:click="submit">Submit Application</flux:button>
-        </form>
-    @endif
+        </div>
+        <flux:button class="w-full" variant="primary" wire:click="submit">Submit Application</flux:button>
+    </form>
 </div>
diff --git a/resources/views/livewire/application-status.blade.php b/resources/views/livewire/application-status.blade.php
index 7eb7e40..c865ffe 100644
--- a/resources/views/livewire/application-status.blade.php
+++ b/resources/views/livewire/application-status.blade.php
@@ -1,5 +1,14 @@
 <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>