@extends('layouts.app')

@section('title', 'Reset password — BeatBook')

@section('content')
<main class="auth-page">
    <section class="auth-card">
        <div class="eyebrow">Account recovery</div>
        <h1>Forgot your password?</h1>
        <p class="muted">Enter your email and we will send a password reset link.</p>

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

        <form method="post" action="{{ route('password.email') }}" class="auth-form">
            @csrf
            <label>Email
                <input type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="email">
            </label>
            <button class="button full" type="submit">Email reset link</button>
        </form>
        <div class="auth-links"><a href="{{ route('login') }}">Back to sign in</a></div>
    </section>
</main>
@endsection