@extends('layouts.guest')

@section('title', 'Log in')

@section('content')
    <h1>Log in</h1>
    <form method="POST" action="{{ route('login') }}">
        @csrf
        <div class="form-group">
            <label for="email">Email</label>
            <input id="email" class="form-control" type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="username">
            @error('email')<div class="error-text">{{ $message }}</div>@enderror
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <input id="password" class="form-control" type="password" name="password" required autocomplete="current-password">
        </div>
        <div class="form-group flex gap" style="align-items:center">
            <input id="remember" type="checkbox" name="remember">
            <label for="remember" style="margin:0">Remember me</label>
        </div>
        <div class="flex-between">
            <a href="{{ route('password.request') }}" style="font-size:0.85rem">Forgot password?</a>
            <button type="submit" class="btn btn-primary">Log in</button>
        </div>
        <p class="mt-1" style="font-size:0.875rem;color:var(--muted)">No account? <a href="{{ route('register') }}">Register</a></p>
    </form>
@endsection
