@extends('layouts.app')
@section('title', __('ui.auth_register_title').' — Coaster World')
@section('content')
<section class="auth-page">
    <div class="auth-card">
        <span class="eyebrow">{{ __('ui.auth_account') }}</span>
        <h1>{{ __('ui.auth_register_title') }}</h1>
        <p>{{ __('ui.auth_register_intro') }}</p>
        @if(session('social_auth_error'))
            <div class="admin-error" role="alert">{{ session('social_auth_error') }}</div>
        @endif
        <x-social-auth-buttons :return-to="request()->getRequestUri()" />
        <form method="post" action="{{ route('register.store') }}" class="auth-form" data-auth-form="register">
            @csrf
            <input type="hidden" name="auth_mode" value="register">
            <input type="hidden" name="return_to" value="{{ request()->getRequestUri() }}">
            <input type="hidden" name="register_started_token" value="{{ \Illuminate\Support\Facades\Crypt::encryptString((string) now()->timestamp) }}">
            <div class="form-honeypot" aria-hidden="true">
                <label>Website<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
            </div>
            <label>{{ __('ui.auth_name') }}<input type="text" name="name" value="{{ old('name') }}" required autofocus autocomplete="name"></label>
            @error('name')<small class="form-error">{{ $message }}</small>@enderror
            <label>{{ __('ui.auth_email') }}<input type="email" name="email" value="{{ old('email') }}" required autocomplete="email"></label>
            @error('email')<small class="form-error">{{ $message }}</small>@enderror
            <label>{{ __('ui.auth_password') }}<x-password-input name="password" autocomplete="new-password" required /></label>
            <small class="form-help">{{ __('ui.security_password_requirements') }}</small>
            @error('password')<small class="form-error">{{ $message }}</small>@enderror
            <label>{{ __('ui.auth_password_confirm') }}<x-password-input name="password_confirmation" autocomplete="new-password" required /></label>
            <button class="button button-primary" type="submit">{{ __('ui.auth_create') }}</button>
        </form>
        <p class="auth-switch">{{ __('ui.auth_have_account') }} <a href="{{ route('login') }}">{{ __('ui.auth_login') }}</a></p>
    </div>
</section>
@endsection