@php $pageName = 'Login' @endphp
@extends('layouts.auth_app')

@section('content')
<div class="auth-card">
    <h3 class="auth-title text-center">{{ env('APP_NAME') }} Login</h3>

    <form method="POST" action="{{ route('login') }}">
        @csrf

        <div class="mb-3">
            <label for="email" class="form-label">Email Address</label>
            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email"
                value="{{ old('email') }}" required autofocus>
            @error('email')
            <span class="text-danger small">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-3">
            <label for="password" class="form-label">Password</label>
            <input id="password" type="password" class="form-control @error('password') is-invalid @enderror"
                name="password" required>
            @error('password')
            <span class="text-danger small">{{ $message }}</span>
            @enderror
        </div>

        <div class="d-flex justify-content-between align-items-center mb-3">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="remember" id="remember">
                <label class="form-check-label" for="remember">Remember Me</label>
            </div>
            <a class="link-danger small" href="{{ route('password.request') }}">Forgot Password?</a>
        </div>

        <button type="submit" class="btn btn-primary w-100 text-white">Login</button>
    </form>

    <p class="text-center mt-3 mb-0">
        Don’t have an account? <a href="{{ route('register') }}" class="link-danger">Register</a>
    </p>
</div>
@endsection