akaunting 3.0 (the last dance)

resources/views/auth/register/create.blade.php

@@ -0,0 +1,64 @@
+<x-layouts.auth>
+    <x-slot name="title">
+        {{ trans('auth.register_user') }}
+    </x-slot>
+
+    <x-slot name="content">
+        <div>
+            <img src="{{ asset('public/img/akaunting-logo-green.svg') }}" class="w-16" alt="Akaunting" />
+
+            <h1 class="text-lg my-3">
+                {{ trans('auth.register_user') }}
+            </h1>
+        </div>
+
+        <div :class="(form.response.success) ? 'w-full bg-green-100 text-green-600 p-3 rounded-sm font-semibold text-xs' : 'hidden'"
+            v-if="form.response.success"
+            v-html="form.response.message"
+            v-cloak
+        ></div>
+
+        <div :class="(form.response.error) ? 'w-full bg-red-100 text-red-600 p-3 rounded-sm font-semibold text-xs' : 'hidden'"
+            v-if="form.response.error"
+            v-html="form.response.message"
+            v-cloak
+        ></div>
+
+        <x-form id="auth" route="register.store">
+            <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5 lg:h-64">
+                <x-form.input.hidden name="token" value="{{ $token }}" />
+
+                <x-form.group.password
+                    name="password"
+                    label="{{ trans('auth.password.pass') }}"
+                    placeholder="********"
+                    form-group-class="sm:col-span-6"
+                    input-group-class="input-group-alternative"
+                />
+
+                <x-form.group.password
+                    name="password_confirmation"
+                    label="{{ trans('auth.password.pass_confirm') }}"
+                    placeholder="********"
+                    form-group-class="sm:col-span-6"
+                    input-group-class="input-group-alternative"
+                />
+
+                <x-button
+                    type="submit"
+                    ::disabled="form.loading"
+                    class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 sm:col-span-6"
+                    override="class"
+                    data-loading-text="{{ trans('general.loading') }}"
+                >
+                    <i v-if="form.loading" class="submit-spin absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto"></i>
+                    <span :class="[{'opacity-0': form.loading}]">
+                        {{ trans('auth.register') }}
+                    </span>
+                </x-button>
+            </div>
+        </x-form>
+    </x-slot>
+
+    <x-script folder="auth" file="common" />
+</x-layouts.auth>