<x-guest-layout>
    <!-- Session Status -->
    @if (session('status'))
        <div class="status-message status-success">
            {{ session('status') }}
        </div>
    @endif

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

        <!-- Email Address -->
        <div class="mb-3">
            <label for="email" class="form-label">
                <i class="ri-mail-line me-1"></i> Email Address
            </label>
            <input 
                id="email" 
                class="form-control @error('email') is-invalid @enderror" 
                type="email" 
                name="email" 
                value="{{ old('email') }}" 
                required 
                autofocus 
                autocomplete="username"
                placeholder="Enter your email"
            />
            @error('email')
                <div class="error-message">
                    <i class="ri-error-warning-line me-1"></i>{{ $message }}
                </div>
            @enderror
        </div>

        <!-- Password -->
        <div class="mb-3">
            <label for="password" class="form-label">
                <i class="ri-lock-line me-1"></i> Password
            </label>
            <input 
                id="password" 
                class="form-control @error('password') is-invalid @enderror"
                type="password"
                name="password"
                required 
                autocomplete="current-password"
                placeholder="Enter your password"
            />
            @error('password')
                <div class="error-message">
                    <i class="ri-error-warning-line me-1"></i>{{ $message }}
                </div>
            @enderror
        </div>

        <!-- Remember Me & Forgot Password -->
        <div class="remember-forgot">
            <div class="form-check">
                <input 
                    id="remember_me" 
                    type="checkbox" 
                    class="form-check-input" 
                    name="remember"
                />
                <label class="form-check-label" for="remember_me">
                    Remember me
                </label>
            </div>
            
            @if (Route::has('password.request'))
                <a class="forgot-link" href="{{ route('password.request') }}">
                    Forgot password?
                </a>
            @endif
        </div>

        <!-- Login Button -->
        <button type="submit" class="btn btn-login">
            <i class="ri-login-box-line me-2"></i>Sign In
        </button>
    </form>
</x-guest-layout>
