@extends('layouts.app')

@section('title', 'Login')

@section('content')
<div class="auth-page">
    <div class="auth-card">
        <div class="brand-badge"><span>E</span></div>
        <h1>Welcome Back</h1>
        <p>Secure access to the EarnX earning dashboard.</p>

        @if($errors->any())
            <div class="alert alert-error">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('login') }}" class="auth-form">
            @csrf
            <label>Email address</label>
            <input type="email" name="email" value="{{ old('email') }}" required autocomplete="username">

            <label>Password</label>
            <input type="password" name="password" required autocomplete="current-password">

            <button type="submit" class="btn-primary">Sign In</button>
        </form>

        <p class="helper-text">New to EarnX? <a href="{{ route('register') }}">Create account</a></p>
    </div>
</div>
@endsection