@extends('layouts.app')
@section('title', 'Create account · '.config('app.name'))
@section('css')
  .auth{max-width:420px;margin:30px auto 0}
@endsection
@section('content')
<div class="auth card">
  <h1>Create your free account</h1>
  <p class="muted" style="margin:0 0 6px">Make a wedding invitation and send it to your guests on WhatsApp.</p>
  <form method="POST" action="{{ url('/register') }}">
    @csrf
    <label for="name">Your name</label>
    <input id="name" name="name" value="{{ old('name') }}" required autofocus autocomplete="name" maxlength="80">
    <label for="email">Email</label>
    <input id="email" type="email" name="email" value="{{ old('email') }}" required autocomplete="email">
    <label for="password">Password (at least 8 characters)</label>
    <input id="password" type="password" name="password" required minlength="8" autocomplete="new-password">
    <label for="password_confirmation">Repeat password</label>
    <input id="password_confirmation" type="password" name="password_confirmation" required minlength="8" autocomplete="new-password">
    <button class="btn" style="width:100%;margin-top:18px">Create account</button>
  </form>
  <p class="muted" style="text-align:center;margin:18px 0 0">Already registered? <a href="{{ route('login') }}">Log in</a></p>
</div>
@endsection