@extends('auth.layout')

@section('content')
<h1>Create account</h1>

<form method="post" action="/register">
    <input type="hidden" name="_token" value="{{ csrf_token }}">
    <div class="field">
        <label for="name">Name</label>
        <input type="text" id="name" name="name" value="{{ old.get('name', '') }}" required autofocus autocomplete="name">
        {% if errors.get('name') %}<span class="field-error">{{ errors['name'][0] }}</span>{% endif %}
    </div>
    <div class="field">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" value="{{ old.get('email', '') }}" required autocomplete="email">
        {% if errors.get('email') %}<span class="field-error">{{ errors['email'][0] }}</span>{% endif %}
    </div>
    <div class="field">
        <label for="password">Password</label>
        <input type="password" id="password" name="password" required autocomplete="new-password">
        {% if errors.get('password') %}<span class="field-error">{{ errors['password'][0] }}</span>{% endif %}
    </div>
    <div class="field">
        <label for="password_confirmation">Confirm password</label>
        <input type="password" id="password_confirmation" name="password_confirmation" required autocomplete="new-password">
    </div>
    <button type="submit" class="btn-submit">Create account</button>
</form>

{% if config('auth.features.login', true) %}
<p class="auth-footer">Already have an account? <a href="/login">Sign in</a></p>
{% endif %}
@endsection