From 46f904f4b934fa199fa5d4d065ae68a2f25f6602 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Wed, 6 Mar 2024 17:38:01 +0100
Subject: [PATCH] Refactor registration form layout and add dynamic fields

---
 .../register-or-login.blade.php               | 114 ++++++++++++++++--
 1 file changed, 103 insertions(+), 11 deletions(-)

diff --git a/resources/views/billing-portal/v3/authentication/register-or-login.blade.php b/resources/views/billing-portal/v3/authentication/register-or-login.blade.php
index a3d1a1e8ed45..33caa14f860a 100644
--- a/resources/views/billing-portal/v3/authentication/register-or-login.blade.php
+++ b/resources/views/billing-portal/v3/authentication/register-or-login.blade.php
@@ -93,18 +93,110 @@
     <form wire:submit="register(Object.fromEntries(new FormData($event.target)))" class="space-y-3">
         @csrf
 
-        @foreach($this->registrationFields() as $field)
-            <div>
-                <span class="input-label">{{ $field['label'] }}</span>
-                <input type="{{ $field['type'] }}" name="{{ $field['key'] }}" value="{{ $field['defaultValue'] }}" class="input w-full" />
+        <div class="grid grid-cols-12 gap-4 mt-10">
+            @if($subscription->company->client_registration_fields)
+            @foreach($subscription->company->client_registration_fields as $field)
+                @if($field['visible'])
+                    <div class="col-span-12 md:col-span-6">
+                        <section class="flex items-center">
+                            <label
+                                for="{{ $field['key'] }}"
+                                class="input-label">
+                                @if(in_array($field['key'], ['custom_value1','custom_value2','custom_value3','custom_value4']))
+                                {{ (new App\Utils\Helpers())->makeCustomField($subscription->company->custom_fields, str_replace("custom_value","client", $field['key']))}}
+                                @else
+                                {{ ctrans("texts.{$field['key']}") }}
+                                @endif
+                            </label>
 
-                @error($field['key'])
-                <p class="validation validation-fail block w-full" role="alert">
-                    {{ $message }}
-                </p>
-                @enderror
-            </div>
-        @endforeach
+                            @if($field['required'])
+                                <section class="text-red-400 ml-1 text-sm">*</section>
+                            @endif
+                        </section>
+
+                        @if($field['key'] === 'email')
+                            <input
+                                id="{{ $field['key'] }}"
+                                class="input w-full"
+                                type="email"
+                                name="{{ $field['key'] }}"
+                                value="{{ old($field['key']) }}"
+                                 />
+                        @elseif($field['key'] === 'password')
+                            <input
+                                id="{{ $field['key'] }}"
+                                class="input w-full"
+                                type="password"
+                                name="{{ $field['key'] }}"
+                                 />
+                        @elseif($field['key'] === 'currency_id')
+                            <select
+                                id="currency_id"
+                                class="input w-full form-select bg-white"
+                                name="currency_id">
+                                @foreach(App\Utils\TranslationHelper::getCurrencies() as $currency)
+                                    <option
+                                        {{ $currency->id == $subscription->company->settings->currency_id ? 'selected' : null }} value="{{ $currency->id }}">
+                                        {{ $currency->name }}
+                                    </option>
+                                @endforeach
+                            </select>
+                        @elseif($field['key'] === 'country_id')
+                            <select
+                                id="shipping_country"
+                                class="input w-full form-select bg-white"
+                                name="country_id">
+                                    <option value="none"></option>
+                                @foreach(App\Utils\TranslationHelper::getCountries() as $country)
+                                    <option
+                                        {{ $country == isset(auth()->user()->client->shipping_country->id) ? 'selected' : null }} value="{{ $country->id }}">
+                                        {{ $country->iso_3166_2 }}
+                                        ({{ $country->name }})
+                                    </option>
+                                @endforeach
+                            </select>
+                        @else
+                            <input
+                                id="{{ $field['key'] }}"
+                                class="input w-full"
+                                name="{{ $field['key'] }}"
+                                value="{{ old($field['key']) }}"
+                                 />
+                        @endif
+
+                        @error($field['key'])
+                            <div class="validation validation-fail">
+                                {{ $message }}
+                            </div>
+                        @enderror
+                    </div>
+
+                    @if($field['key'] === 'password')
+                        <div class="col-span-12 md:col-span-6">
+                            <section class="flex items-center">
+                                <label
+                                    for="password_confirmation"
+                                    class="input-label">
+                                    {{ ctrans('texts.password_confirmation') }}
+                                </label>
+
+                                @if($field['required'])
+                                    <section class="text-red-400 ml-1 text-sm">*</section>
+                                @endif
+                            </section>
+
+                            <input
+                                id="password_confirmation"
+                                type="password"
+                                class="input w-full"
+                                name="password_confirmation"
+                                 />
+                        </div>
+                    @endif
+                @endif
+            @endforeach
+            @endif
+        </div>
 
         <button 
             type="submit"