From a5672187c4847e2da3519559ce5695bfb07e4b6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Fri, 9 Feb 2024 17:53:34 +0100
Subject: [PATCH] Refactor authentication view in billing portal v3

---
 .../v3/authentication.blade.php               | 71 +++++++++++++++++--
 1 file changed, 65 insertions(+), 6 deletions(-)

diff --git a/resources/views/billing-portal/v3/authentication.blade.php b/resources/views/billing-portal/v3/authentication.blade.php
index a5ff7c372193..f1261a101643 100644
--- a/resources/views/billing-portal/v3/authentication.blade.php
+++ b/resources/views/billing-portal/v3/authentication.blade.php
@@ -5,11 +5,38 @@
         @endcomponent
     @endif
 
-    @if($state['code'] === false)
-    <form wire:submit="authenticate">
+    <div class="my-4">
+        <h1 class="text-3xl font-medium">{{ ctrans('texts.contact') }}</h1>
+    </div>
+
+    @if($state['initial_completed'] === false)
+        <form wire:submit="initial">
+            @csrf
+
+            <label for="email_address">
+                <span class="input-label">{{ ctrans('texts.email_address') }}</span>
+                <input wire:model="email" type="email" class="input w-full" />
+
+                @error('email')
+                <p class="validation validation-fail block w-full" role="alert">
+                    {{ $message }}
+                </p>
+                @enderror
+            </label>
+
+            <button 
+                type="submit"
+                class="button button-block bg-primary text-white mt-4">
+                    {{ ctrans('texts.next') }}
+            </button>
+        </form>
+    @endif
+
+    @if($state['login_form'])
+    <form wire:submit="handlePassword" class="space-y-3">
         @csrf
 
-        <label for="email_address">
+        <div>
             <span class="input-label">{{ ctrans('texts.email_address') }}</span>
             <input wire:model="email" type="email" class="input w-full" />
 
@@ -18,7 +45,41 @@
                 {{ $message }}
             </p>
             @enderror
-        </label>
+        </div>
+
+        <div>
+            <span class="input-label">{{ ctrans('texts.password') }}</span>
+            <input wire:model="password" type="password" class="input w-full" />
+
+            @error('password')
+            <p class="validation validation-fail block w-full" role="alert">
+                {{ $message }}
+            </p>
+            @enderror
+        </div>
+
+        <button 
+            type="submit"
+            class="button button-block bg-primary text-white mt-4">
+                {{ ctrans('texts.next') }}
+        </button>
+    </form>
+    @endif
+
+    @if($state['otp_form'])
+    <form wire:submit="handleOtp" class="space-y-3">
+        @csrf
+
+        <div>
+            <span class="input-label">{{ ctrans('texts.code') }}</span>
+            <input wire:model="otp" type="text" class="input w-full" />
+
+            @error('otp')
+            <p class="validation validation-fail block w-full" role="alert">
+                {{ $message }}
+            </p>
+            @enderror
+        </div>
 
         <button 
             type="submit"
@@ -26,7 +87,5 @@
                 {{ ctrans('texts.next') }}
         </button>
     </form>
-    @else
-        <p>We have sent a code to {{ $email }} enter this code to proceed.</p>
     @endif
 </div>