@extends('layouts.auth')
@section('title', 'Sign In')
@section('content')
<form action="{{ route('login.submit') }}" method="POST">
    @csrf
    
    @if ($errors->any())
        <div class="alert alert-danger" style="color: #a2192c; background: rgba(162, 25, 44, 0.1); padding: 10px; border-radius: 8px; margin-bottom: 20px;">
            {{ $errors->first() }}
        </div>
    @endif

    <div class="form-group">
        <label for="email">Email Address</label>
        <input type="email" id="email" name="email" class="form-control" placeholder="admin@paytell.com" value="{{ old('email', 'admin@paytell.com') }}" required>
    </div>
    
    <div class="form-group">
        <label for="password">Password</label>
        <input type="password" id="password" name="password" class="form-control" placeholder="••••••••" value="password" required>
    </div>
    
    <div class="flex-between">
        <div class="checkbox-group">
            <input type="checkbox" id="remember" name="remember">
            <label for="remember">Remember me</label>
        </div>
        <div class="auth-links" style="margin-top: 0;">
            <a href="{{ route('password.request') }}">Forgot Password?</a>
        </div>
    </div>

    <button type="submit" class="btn">Sign In to Dashboard</button>
    
    <div class="auth-links">
        <a href="{{ route('home') }}">← Back to website</a>
    </div>
</form>
@endsection