65 lines
2.5 KiB
PHP
65 lines
2.5 KiB
PHP
<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>
|