@extends('layouts.app')

@section('title', 'Sign in — BeatBook')

@section('content')
<main class="auth-page">
    <section class="auth-card">
        <div class="eyebrow">Welcome back</div>
        <h1>Sign in to BeatBook</h1>
        <p class="muted">Manage enquiries, bookings and your account.</p>

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

        <form method="post" action="{{ route('login') }}" class="auth-form">
            @csrf
            <label>Email
                <input type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="email">
            </label>
            <label>Password
                <input type="password" name="password" required autocomplete="current-password">
            </label>
            <label class="check-row"><input type="checkbox" name="remember"> <span>Remember me</span></label>
            <button class="button full" type="submit">Sign in</button>
        </form>

        <div class="auth-links">
            <a href="{{ route('password.request') }}">Forgot your password?</a>
            <span>New to BeatBook? <a href="{{ route('register') }}">Create an account</a></span>
        </div>
    </section>
</main>
@endsection