@extends('layouts.app')
@section('title', 'Create account')
@section('content')
<div class="narrow" style="margin:0 auto">
  <h1 style="font-size:34px">Create an account</h1>
  <p class="dim">An account gives you scan history, private reports, comments and API keys.</p>
  <form method="post" action="{{ route('register') }}" class="panel">
    @csrf
    <div class="field"><label for="name">Name</label><input id="name" type="text" name="name" value="{{ old('name') }}" required autocomplete="name">@error('name')<div class="err">{{ $message }}</div>@enderror</div>
    <div class="field"><label for="email">Email</label><input id="email" type="email" name="email" value="{{ old('email') }}" required autocomplete="email">@error('email')<div class="err">{{ $message }}</div>@enderror</div>
    <div class="field"><label for="password">Password</label><input id="password" type="password" name="password" required minlength="8" autocomplete="new-password">@error('password')<div class="err">{{ $message }}</div>@enderror</div>
    <div class="field"><label for="password_confirmation">Confirm password</label><input id="password_confirmation" type="password" name="password_confirmation" required autocomplete="new-password"></div>
    <div class="field"><button class="btn" type="submit">Create account</button></div>
  </form>
  <p class="dim" style="margin-top:16px">Already registered? <a href="{{ route('login') }}">Sign in</a></p>
</div>
@endsection