@extends('layouts.app')
@section('title', 'Join the club')
@section('content')
<section class="auth-shell container"><div class="auth-story"><div class="eyebrow">THERE’S A PLACE FOR YOU</div><h1>A little luck.<br><em>A lot to discover.</em></h1><p class="lead">Join the club, receive credits from your admin, and let the wheel take it from there.</p><div class="decorative-seal" aria-hidden="true">✳</div></div>
<div class="auth-card"><div class="eyebrow">YOUR MEMBERSHIP STARTS HERE</div><h2>Join the lucky club.</h2><p class="muted">Create your player account. It only takes a moment.</p>
<form method="post" action="{{ route('register.store') }}" class="stack-form">@csrf
<label>Your name<input name="name" value="{{ old('name') }}" autocomplete="name" required maxlength="80" autofocus placeholder="How should we call you?"></label>
<label>Email address<input name="email" type="email" value="{{ old('email') }}" autocomplete="email" required maxlength="255" placeholder="you@example.com"></label>
<label>Password<input name="password" type="password" autocomplete="new-password" minlength="10" required><small>Use at least 10 characters.</small></label>
<label>Confirm password<input name="password_confirmation" type="password" autocomplete="new-password" minlength="10" required></label>
<button class="button wide" type="submit">Create my account <span>↗</span></button>
</form><div class="small-note">Already part of the club? <a href="{{ route('login') }}">Sign in</a></div></div></section>
@endsection