@extends('layouts.guest')
@section('title', 'Sign in')
@section('content')
    <h2>Welcome back</h2>
    <p class="text-muted mb-4">Sign in to continue to the HR portal.</p>
    @if (session('status'))<div class="alert alert-success">{{ session('status') }}</div>@endif
    <form method="POST" action="{{ route('login') }}">
        @csrf
        <div class="mb-3">
            <label class="form-label">Email</label>
            <input type="email" name="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror" required autofocus autocomplete="username">
            @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="mb-3">
            <label class="form-label d-flex justify-content-between">Password
                @if (Route::has('password.request'))<a href="{{ route('password.request') }}" class="tx-12">Forgot password?</a>@endif
            </label>
            <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required autocomplete="current-password">
            @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="form-check mb-4">
            <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
            <label class="form-check-label" for="remember">Keep me signed in</label>
        </div>
        <button type="submit" class="btn btn-primary w-100 py-2">Sign in <i class="fas fa-arrow-right ms-1"></i></button>
    </form>
@endsection