@extends('layouts.app')
@section('title', 'Create account')
@section('content')
<div class="card" style="max-width:480px;margin:0 auto">
    <h1>Create your account</h1>
    <p style="color:var(--muted)">Takes about a minute. Next you will choose how you will use Nzeru Lab.</p>
    <form method="post" action="{{ url('/register') }}">@csrf
        <label>Full name <input name="name" value="{{ old('name') }}" required autocomplete="name"></label>
        <label>Email <input type="email" name="email" value="{{ old('email') }}" required autocomplete="email"></label>
        <label>Password (10+ characters, letters and numbers) <input type="password" name="password" minlength="10" required autocomplete="new-password"></label>
        <label>Confirm password <input type="password" name="password_confirmation" required autocomplete="new-password"></label>
        <label style="display:flex;gap:8px;align-items:flex-start;font-size:.95rem">
            <input type="checkbox" name="terms" value="1" required style="width:auto;margin-top:4px">
            <span>I agree to the terms of use and the privacy notice.</span>
        </label>
        <p><button class="btn" type="submit">Create account</button></p>
    </form>
    <p style="font-size:.95rem">Already registered? <a href="{{ url('/login') }}">Sign in</a></p>
</div>
@endsection