0fd2848475
- Updated login and registration forms with improved layout and new components for better user experience. - Removed unused favicon and replaced references with updated logo image.
83 lines
3.2 KiB
PHP
83 lines
3.2 KiB
PHP
<x-layouts::auth :title="__('Register')">
|
|
<div class="flex flex-col md:flex-row gap-6 w-full md:justify-between items-start text-blue-950">
|
|
<div class="flex justify-center flex-col gap-6 ml-10 mt-40">
|
|
<div class="flex flex-col">
|
|
<p class="text-6xl font-black">Get started !</p>
|
|
<div class="mt-4 ml-2">
|
|
<p class="text-lg">Join us to explore features of</p>
|
|
<span class="font-bold">{{config('app.name')}}</span>
|
|
</div>
|
|
</div>
|
|
<!-- Session Status -->
|
|
<x-auth-session-status class="text-center" :status="session('status')"/>
|
|
</div>
|
|
<x-shared.card class="w-md p-6 flex gap-6 flex-col">
|
|
<x-auth-header :title="__('Sign Up')"
|
|
:description="__('Enter your details to create your account')"/>
|
|
|
|
<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-password
|
|
right
|
|
name="password"
|
|
:label="__('Password')"
|
|
type="password"
|
|
required
|
|
autocomplete="new-password"
|
|
:placeholder="__('Password')"
|
|
viewable
|
|
/>
|
|
|
|
<!-- Confirm Password -->
|
|
<x-mary-password
|
|
right
|
|
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>
|
|
</x-shared.card>
|
|
</div>
|
|
</x-layouts::auth>
|