@extends('layouts.app')

@section('title', 'Create account — BeatBook')

@section('content')
<main class="auth-page">
    <section class="auth-card">
        <div class="eyebrow">Join BeatBook</div>
        <h1>Create your account</h1>
        <p class="muted">Start enquiring with DJs and managing your bookings.</p>

        @if($errors->any())
            <div class="form-errors">
                @foreach($errors->all() as $error)<div>{{ $error }}</div>@endforeach
            </div>
        @endif

        <form method="post" action="{{ route('register') }}" class="auth-form">
            @csrf
            <label>Name
                <input type="text" name="name" value="{{ old('name') }}" required autofocus autocomplete="name">
            </label>
            <label>Email
                <input type="email" name="email" value="{{ old('email') }}" required autocomplete="email">
            </label>
            <label>Password
                <input type="password" name="password" required autocomplete="new-password">
            </label>
            <label>Confirm password
                <input type="password" name="password_confirmation" required autocomplete="new-password">
            </label>
            <button class="button full" type="submit">Create account</button>
        </form>

        <div class="auth-links">Already registered? <a href="{{ route('login') }}">Sign in</a></div>
    </section>
</main>
@endsection