d63489ea33
- Replaced deprecated `flux` components with `maryUI` counterparts (`flux:input` → `x-mary-input`, `flux:button` → `x-mary-button`, etc.). - Removed unused partials (`settings-heading.blade.php`) and outdated structures from Blade files. - Adjusted Livewire modal, form, and button implementations for consistency with `maryUI`. - Streamlined layout and theme styling for improved maintainability and readability.
71 lines
2.4 KiB
PHP
71 lines
2.4 KiB
PHP
<x-layouts::auth :title="__('Register')">
|
|
<div class="flex flex-col gap-6">
|
|
<x-auth-header :title="__('Create an account')"
|
|
:description="__('Enter your details below to create your account')"/>
|
|
|
|
<!-- Session Status -->
|
|
<x-auth-session-status class="text-center" :status="session('status')"/>
|
|
|
|
<form method="POST" action="{{ route('register.store') }}" class="flex flex-col gap-6">
|
|
@csrf
|
|
<!-- Name -->
|
|
<x-mary-input
|
|
name="name"
|
|
:label="__('Name')"
|
|
:value="old('name')"
|
|
type="text"
|
|
required
|
|
autofocus
|
|
autocomplete="name"
|
|
:placeholder="__('Full name')"
|
|
/>
|
|
|
|
<!-- Email Address -->
|
|
<x-mary-input
|
|
name="email"
|
|
:label="__('Email address')"
|
|
:value="old('email')"
|
|
type="email"
|
|
required
|
|
autocomplete="email"
|
|
placeholder="email@example.com"
|
|
/>
|
|
|
|
<!-- Password -->
|
|
<x-mary-input
|
|
name="password"
|
|
:label="__('Password')"
|
|
type="password"
|
|
required
|
|
autocomplete="new-password"
|
|
:placeholder="__('Password')"
|
|
viewable
|
|
/>
|
|
|
|
<!-- Confirm Password -->
|
|
<x-mary-input
|
|
name="password_confirmation"
|
|
:label="__('Confirm password')"
|
|
type="password"
|
|
required
|
|
autocomplete="new-password"
|
|
:placeholder="__('Confirm password')"
|
|
viewable
|
|
/>
|
|
|
|
<div class="flex items-center justify-end">
|
|
<x-mary-button type="submit" class="w-full btn-primary" data-test="register-user-button">
|
|
{{ __('Create account') }}
|
|
</x-mary-button>
|
|
</div>
|
|
</form>
|
|
|
|
<div
|
|
class="space-x-1 rtl:space-x-reverse text-center text-sm text-zinc-600 dark:text-zinc-400">
|
|
<span>{{ __('Already have an account ?') }}</span>
|
|
<a href="{{route('login')}}" class="font-bold text-gray-900 hover:text-blue-500"
|
|
wire:navigate>{{ __('Log in') }}</a>
|
|
</div>
|
|
</div>
|
|
</x-layouts::auth>
|