CluPilotCloud/resources/views/livewire/auth/register.blade.php

36 lines
2.0 KiB
PHP

<div class="flex min-h-screen bg-bg">
<x-auth.brand
:headline="__('auth.register_brand_headline')"
:sub="__('auth.register_brand_sub')"
:facts="[
__('auth.fact_setup_term') => __('auth.fact_setup'),
__('auth.fact_location_term') => __('auth.fact_location'),
__('auth.fact_backup_term') => __('auth.fact_backup'),
__('auth.fact_support_term') => __('auth.fact_support'),
]" />
{{-- Form panel --}}
<main class="flex flex-1 items-center justify-center px-6 py-12">
<div class="w-full max-w-sm animate-rise">
<x-ui.brand size="md" class="mb-9 lg:hidden" />
<h1 class="text-3xl font-bold leading-tight tracking-tight text-ink">{{ __('auth.register_title') }}</h1>
<p class="mt-2 text-sm text-muted">{{ __('auth.register_subtitle') }}</p>
<form method="POST" action="{{ route('register.store') }}" class="mt-7 space-y-5">
@csrf
<x-ui.input name="name" type="text" :label="__('auth.name')" autocomplete="name" autofocus required value="{{ old('name') }}" />
<x-ui.input name="email" type="email" :label="__('auth.email')" autocomplete="email" required value="{{ old('email') }}" />
<x-ui.input name="password" type="password" :label="__('auth.password_label')" autocomplete="new-password" required />
<x-ui.input name="password_confirmation" type="password" :label="__('auth.password_confirm')" autocomplete="new-password" required />
<x-ui.button type="submit" variant="primary" size="md" class="w-full">{{ __('auth.create_account') }}</x-ui.button>
</form>
<p class="mt-8 text-center text-sm text-muted">
{{ __('auth.have_account') }}
<a href="{{ route('login') }}" wire:navigate class="font-semibold text-accent-text hover:underline">{{ __('auth.sign_in') }}</a>
</p>
</div>
</main>
</div>